From 63aba485249e2a5d828520b88cb1ee3c9f7b368c Mon Sep 17 00:00:00 2001 From: /dev/urandom Date: Tue, 28 Jul 2020 14:25:58 +0300 Subject: [PATCH] switched to a grid-based layout --- static/style.css.h | 58 ++++++++++++++++++++++++++++++++++++++++-- tpl/default.tpl | 63 +++++++++++++++++++++++++--------------------- 2 files changed, 91 insertions(+), 30 deletions(-) diff --git a/static/style.css.h b/static/style.css.h index 733c848..b8c69ba 100644 --- a/static/style.css.h +++ b/static/style.css.h @@ -29,6 +29,7 @@ #define C_LWRN #f5ee9b #define C_LGREEN #7cc264 +#define C_DGREEN #316F23 @font-face { font-family: "Xolonium"; @@ -51,7 +52,6 @@ body { margin: 0; } - blockquote { margin: 6pt; padding-inline: 1em; @@ -93,15 +93,43 @@ th, td { display: inline; } -.footer { +.footer, .navbar { background: C_FOOTERBG; color: C_FOOTERFG; text-align: center; font-family: sans-serif; font-size: 0.8em; +} + +.navbar { + padding: 6pt; +} + +.footer { padding: 12pt 6pt; } +.nav_linkmenu a { + display: inline-block; + background: C_FOOTERBG; + margin: 3px; + padding: 3px; + border: 1px solid C_DBORDER; + color: C_FOOTLINK; +} + +.nav_linkmenu a:hover { + background: C_LWRN; + color: C_BODYFG; + border: 1px solid C_DWRN; +} + +.nav_linkmenu a:active { + background: C_LGREEN; + color: C_BODYFG; + border: 1px solid C_DGREEN; +} + .footer a, .footer a:visited { color: C_FOOTLINK; } @@ -225,5 +253,31 @@ HASH(#itime-progress) { max-width: 768pt; margin: auto; } + .middle { + display: grid; + grid-template-columns: 160pt auto; + grid-template-rows: 100fr auto; + } + .navbar { + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 2; + } + .footer { + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 2; + grid-row-end: 3; + } + .content { + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 1; + grid-row-end: 3; + } + .nav_linkmenu a { + display: block; + } } diff --git a/tpl/default.tpl b/tpl/default.tpl index 84f4439..1f7c6d7 100644 --- a/tpl/default.tpl +++ b/tpl/default.tpl @@ -1,4 +1,5 @@ + @@ -13,36 +14,42 @@ - -
-
-
+ +
+
+

rnd's website |

+
+
+
+
+ Main page + toki pona +
+
+ +
+
+
+
internet time @ ???
+
-
-
- -
-
-
-
internet time @ ???
-
-
- Follow me on Mastodon - This page made with Vim - SimpleJPC-16 - Best viewed in Firefox -
- Website created and updated by /dev/urandom. Source code available on the - GitLab page. -
+ Follow me on Mastodon + This page made with Vim + SimpleJPC-16 + Best viewed in Firefox +
+ Website created and updated by /dev/urandom. Source code available on the + GitLab page. +
+