From b5fd22222764346e167d30a2181594cb5eb7acbc Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Wed, 23 Nov 2022 00:54:24 +0530 Subject: Website Layout Changes * Adds retro tile backgrounds --- src/_includes/base.njk | 40 +++++++++++++++--------------- src/_includes/intro.njk | 28 +++++++++++---------- src/_includes/posts.njk | 58 +++++++++++++++++++++++--------------------- src/css/styles.css | 6 +++++ src/images/aqua.gif | Bin 0 -> 11608 bytes src/images/cottonlikebg.gif | Bin 0 -> 1925 bytes src/images/flowersblue.png | Bin 0 -> 5862 bytes src/images/pastelblue.png | Bin 0 -> 119904 bytes 8 files changed, 72 insertions(+), 60 deletions(-) create mode 100644 src/images/aqua.gif create mode 100644 src/images/cottonlikebg.gif create mode 100644 src/images/flowersblue.png create mode 100644 src/images/pastelblue.png diff --git a/src/_includes/base.njk b/src/_includes/base.njk index f5f5df6..25d65c4 100644 --- a/src/_includes/base.njk +++ b/src/_includes/base.njk @@ -1,22 +1,24 @@ - -{% include "./partials/head.njk" %} - - - {% include "./partials/header.njk" %} -
-
-
-
-
-
- {{content | safe}} -
-
-
-
-
- {% include "./partials/footer.njk" %} - + + {% include "./partials/head.njk" %} + + +
+ {% include "./partials/header.njk" %} +
+
+
+
+
+
+ {{content | safe}} +
+
+
+
+
+ {% include "./partials/footer.njk" %} +
+ \ No newline at end of file diff --git a/src/_includes/intro.njk b/src/_includes/intro.njk index 456c68a..c4bd98a 100644 --- a/src/_includes/intro.njk +++ b/src/_includes/intro.njk @@ -1,16 +1,18 @@ - -{% include "./partials/head.njk" %} - - - {% include "./partials/header.njk" %} -
-
-
- {{content | safe}} -
-
- {% include "./partials/footer.njk" %} - + + {% include "./partials/head.njk" %} + + +
+ {% include "./partials/header.njk" %} +
+
+
+ {{content | safe}} +
+
+ {% include "./partials/footer.njk" %} +
+ \ No newline at end of file diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk index f463047..9212cd4 100644 --- a/src/_includes/posts.njk +++ b/src/_includes/posts.njk @@ -4,38 +4,40 @@ {% include "./partials/head.njk" %} - {% include "./partials/header.njk" %} -
-
-
-
-
+
+ {% include "./partials/header.njk" %} +
+
+
+
-

{{title}}

- +
+

{{title}}

+ +
+
+ {{content | safe}} +
-
- {{content | safe}} -
-
-
-
- If you found this article useful, spread the word by sharing this link 👉 + +
+ If you found this article useful, spread the word by sharing this link 👉 - - + + + - -
-
- Post Last Modified: {{modified() | dateFilter}} -
- -
+ +
+ Post Last Modified: {{modified() | dateFilter}} +
+
+ back to posts +
+ -
- {% include "./partials/footer.njk" %} + + {% include "./partials/footer.njk" %} + \ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css index c61c632..e9682ac 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -6,6 +6,11 @@ src: url("./fonts/Cotory-rgwd9.ttf"); } +:root { + --body-bg-image: url('/images/aqua.gif'); +} + + html, body { margin: 0; @@ -17,6 +22,7 @@ body { max-width: 900px; margin: auto; background: #ffffd6; + background-image: var(--body-bg-image); } footer { diff --git a/src/images/aqua.gif b/src/images/aqua.gif new file mode 100644 index 0000000..731ba11 Binary files /dev/null and b/src/images/aqua.gif differ diff --git a/src/images/cottonlikebg.gif b/src/images/cottonlikebg.gif new file mode 100644 index 0000000..f5f3c18 Binary files /dev/null and b/src/images/cottonlikebg.gif differ diff --git a/src/images/flowersblue.png b/src/images/flowersblue.png new file mode 100644 index 0000000..fc536be Binary files /dev/null and b/src/images/flowersblue.png differ diff --git a/src/images/pastelblue.png b/src/images/pastelblue.png new file mode 100644 index 0000000..10180b3 Binary files /dev/null and b/src/images/pastelblue.png differ -- cgit v1.2.3