From 71705e1448f567d717f307f3f394df3a04565526 Mon Sep 17 00:00:00 2001 From: chimchooree Date: Sat, 10 Oct 2020 12:51:13 -0500 Subject: [PATCH] the grid is all broken; escaped the diary nav arrows --- src/static/css/feature.css | 28 +++++++++++------ src/views/diary-boxes.tpl | 64 ++++++++++++++++++++------------------ src/views/diary.tpl | 16 +++++----- 3 files changed, 60 insertions(+), 48 deletions(-) diff --git a/src/static/css/feature.css b/src/static/css/feature.css index 7110915..53b6a2a 100644 --- a/src/static/css/feature.css +++ b/src/static/css/feature.css @@ -27,7 +27,7 @@ ul { list-style-position: inside; } .grid { display: grid; grid-template-columns: auto 533px 267px auto; - grid-template-rows: 25px 90px repeat(4, auto) auto; + grid-template-rows: 25px 90px repeat(3, auto); grid-column-gap: 0px; grid-row-gap: 0px; } @@ -140,28 +140,38 @@ ul { list-style-position: inside; } /* Body */ .body-row { - grid-area: 3 / 1 / 7 / 5; + grid-area: 3 / 1 / 5 / 5; background-color: #b56c4d; } .diary-entry { - grid-area: 3 / 2 / 6 / 3; + grid-area: 3 / 2 / 4 / 3; background-color: #aa2055; padding: 5px; } +.sidebar ( + grid-area: 3 / 3 / 5 / 4; + background-color: #b56c4d; + display: grid; + grid-template-columns: auto; + grid-template-rows: repeat(4, auto); + grid-column-gap: 0px; + grid-row-gap: 0px; +) + .about-box { - grid-area: 3 / 3 / 4 / 4; + grid-area: 1 / 1 / 2 / 2; background-color: #993759; } .twitter-box { - grid-area: 4 / 3 / 5 / 4; + grid-area: 2 / 1 / 3 / 2; background-color: #faa275; } .latest { - grid-area: 5 / 3 / 6 / 4; + grid-area: 3 / 1 / 4 / 2; background-color: #ff8c61; } @@ -171,12 +181,12 @@ ul { list-style-position: inside; } } .disclosure { - grid-area: 6 / 3 / 7 / 4; + grid-area: 4 / 1 / 5 / 2; background-color: #ce6a85; } .recommend { - grid-area: 6 / 2 / 7 / 3; + grid-area: 4 / 2 / 5 / 3; background-color: #F5D7E3; display: grid; grid-template-columns: auto repeat(3, 100px) auto; @@ -192,7 +202,7 @@ ul { list-style-position: inside; } .snip3 { grid-area: 2 / 4 / 3 / 5; } .footer-row { - grid-area: 7 / 1 / 8 / 5; + grid-area: 5 / 1 / 6 / 5; background-color: #A8577E; } diff --git a/src/views/diary-boxes.tpl b/src/views/diary-boxes.tpl index 86af06e..1349894 100644 --- a/src/views/diary-boxes.tpl +++ b/src/views/diary-boxes.tpl @@ -1,35 +1,37 @@ -
-

about

- blessfrey is a game.
-
- -
-

follow

- @lilchimchooree
-
-contact me
-
- -
-

latest

-
- -
+
+
+

about

+ blessfrey is a game.
+
+ + -
-
-

disclosure

- blessfrey.me is not using sponsored posts or affiliate links right now. -
- blessfrey.me does not collect personal information + has no cookies.
-
- If this changes, sponsored content will be properly disclosed, cookies and analytics will comply with the GDPR and CCPA, etc.
-
- Thank you for following the development of blessfrey.
+
+

latest

+
+ +
+
+
+ +
+

disclosure

+ blessfrey.me is not using sponsored posts or affiliate links right now. +
+ blessfrey.me does not collect personal information + has no cookies.
+
+ If this changes, sponsored content will be properly disclosed, cookies and analytics will comply with the GDPR and CCPA, etc.
+
+ Thank you for following the development of blessfrey.
+
diff --git a/src/views/diary.tpl b/src/views/diary.tpl index 3961053..502651c 100644 --- a/src/views/diary.tpl +++ b/src/views/diary.tpl @@ -15,14 +15,14 @@ end %> % # << is always active link pointing to 0 - << + << % # < points to 0 if page 0 or below % if page <= 0: - < + < % # < points to previous page otherwise % else: - < + < % end % # fill out number cluster to the left when page is high @@ -52,14 +52,14 @@ % # > points to max if page is at or above maximum % if page >= max_pages: - > + > % # > point to next page otherwise % else: - > + > % end % # >> is always active link to maximum page - >> + >>
@@ -76,9 +76,9 @@
{{!s[2]}} - • + • • - • + •