From ec026de8b59348ee8a56edd396c72f4c706bb9d3 Mon Sep 17 00:00:00 2001 From: Lucas Date: Sun, 19 Feb 2023 17:01:55 +0000 Subject: [PATCH] frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. --- public/css/style.css | 36 +++++++++++------------------------- views/gallery.tt | 20 +------------------- views/index.tt | 1 - views/layouts/main.tt | 40 ++++++++++++++++++++++++++++++---------- views/tags.tt | 20 +------------------- 5 files changed, 43 insertions(+), 74 deletions(-) delete mode 100644 views/index.tt diff --git a/public/css/style.css b/public/css/style.css index 928b59e..2e9621f 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -29,11 +29,8 @@ box-sizing: border-box; } -body, h1, -main, -p, -section { +p { margin: 0; } @@ -43,13 +40,12 @@ body { background-color: var(--bg-color); color: var(--fg-color); font-family: monospace; - line-height: 1.5; + font-size: 1.25rem; + line-height: 2.4; } h1, -main, -p, -section { +p { margin-bottom: 1.5rem; } @@ -77,11 +73,6 @@ a:active { color: var(--accent-color-1); } -nav { - font-size: 1.25rem; - line-height: 2.4; -} - .viewport { margin-left: auto; margin-right: auto; @@ -104,6 +95,11 @@ nav { text-align: center; } +.text-small { + font-size: 1rem; + line-height: 3; +} + .bg-color { background-color: var(--bg-color); } @@ -116,22 +112,12 @@ nav { color: var(--accent-color-0); } -.nav-link { +.main-nav-link { font-weight: bold; text-decoration: none; } -.nav-link:link, -.nav-link:visited { - color: var(--accent-color-0); -} - -.nav-link:hover, -.nav-link:active { - color: var(--accent-color-1); -} - -.nav-link-gap { +.main-nav-link-gap { gap: 0 1rem; } diff --git a/views/gallery.tt b/views/gallery.tt index 3930d49..7bd0071 100644 --- a/views/gallery.tt +++ b/views/gallery.tt @@ -1,25 +1,7 @@ -

[% title %]

- -
+
[% FOREACH entry IN media -%] [% END -%]
- - diff --git a/views/index.tt b/views/index.tt deleted file mode 100644 index 7e4980d..0000000 --- a/views/index.tt +++ /dev/null @@ -1 +0,0 @@ -

PoorBooru

diff --git a/views/layouts/main.tt b/views/layouts/main.tt index 6408d1b..63cdb7f 100644 --- a/views/layouts/main.tt +++ b/views/layouts/main.tt @@ -8,21 +8,41 @@
-
-
-
-[% content -%] -
+
+
+

[% title %]

+
[% content %]
+[% IF pager %] +
+ +
+[% END %] +
diff --git a/views/tags.tt b/views/tags.tt index 08fd11e..577b7b7 100644 --- a/views/tags.tt +++ b/views/tags.tt @@ -1,23 +1,5 @@ -

[% title %]

- -

+

[% FOREACH tag IN tags -%] [% tag.name %] ([% tag.count %]) [% END -%]

- -