From 3efe04aa1a50a9b3227eb3b060ce73e16ea3334b Mon Sep 17 00:00:00 2001 From: moderndevslulw Date: Fri, 4 Jul 2025 18:15:17 +0500 Subject: feat: header and footer --- public/index.php | 11 ++++++- public/static/style.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 88 insertions(+), 1 deletion(-) (limited to 'public') diff --git a/public/index.php b/public/index.php index ca7f117..b0fa818 100644 --- a/public/index.php +++ b/public/index.php @@ -1,3 +1,6 @@ + @@ -9,8 +12,14 @@

test

+ + + +

test

+ + \ No newline at end of file diff --git a/public/static/style.css b/public/static/style.css index a068d89..6f39084 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -1,4 +1,82 @@ * { padding: 0; margin: 0; +} + +body { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + + width: 100%; + min-height: 100vh; +} + +main { + display: flex; + flex-direction: column; + width: 50%; + flex-grow: 1; +} + +header { + display: flex; + flex-direction: row; + align-items: end; + + padding: 32px 0; +} + +content { + flex-grow: 1; + display: flex; + flex-direction: column; +} + +footer { + background: #cacaca; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 8px 0; +} + +footer.big { + padding: 32px 0; +} + + +/** +--- SHORTCUTS +*/ + +.w-50 { + width: 50%; +} + +.row { + display: flex; + flex-direction: row; +} + +.align-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.gap-32 { + gap: 32px; +} + +.gap-16 { + gap: 16px; +} + +.gap-8 { + gap: 8px; } \ No newline at end of file -- cgit v1.2.3