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 --- lib/partials.php | 31 ++++++++++++++++++++ public/index.php | 11 ++++++- public/static/style.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 119 insertions(+), 1 deletion(-) create mode 100644 lib/partials.php diff --git a/lib/partials.php b/lib/partials.php new file mode 100644 index 0000000..8dcc915 --- /dev/null +++ b/lib/partials.php @@ -0,0 +1,31 @@ + +
+
+ +

The Tinybot Project

+ +
+
+ home +
+
+ + + @@ -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