diff options
author | Indrajith K L | 2022-11-23 00:54:24 +0530 |
---|---|---|
committer | Indrajith K L | 2022-11-23 00:54:24 +0530 |
commit | b5fd22222764346e167d30a2181594cb5eb7acbc (patch) | |
tree | 9b187f2883c1c408a8d2ea5c5a1b74b2fe7a4674 | |
parent | ee38292e12f2d002f94036e3d54d2efcf40c715c (diff) | |
download | indrajith-dev-b5fd22222764346e167d30a2181594cb5eb7acbc.tar.gz indrajith-dev-b5fd22222764346e167d30a2181594cb5eb7acbc.tar.bz2 indrajith-dev-b5fd22222764346e167d30a2181594cb5eb7acbc.zip |
Website Layout Changes
* Adds retro tile backgrounds
-rw-r--r-- | src/_includes/base.njk | 40 | ||||
-rw-r--r-- | src/_includes/intro.njk | 28 | ||||
-rw-r--r-- | src/_includes/posts.njk | 58 | ||||
-rw-r--r-- | src/css/styles.css | 6 | ||||
-rw-r--r-- | src/images/aqua.gif | bin | 0 -> 11608 bytes | |||
-rw-r--r-- | src/images/cottonlikebg.gif | bin | 0 -> 1925 bytes | |||
-rw-r--r-- | src/images/flowersblue.png | bin | 0 -> 5862 bytes | |||
-rw-r--r-- | src/images/pastelblue.png | bin | 0 -> 119904 bytes |
8 files changed, 72 insertions, 60 deletions
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 @@ <!DOCTYPE html> <html lang="en"> -<head> -{% include "./partials/head.njk" %} -</head> -<body> - {% include "./partials/header.njk" %} - <hr> - <main> - <section> - <article> - <div> - <div> - {{content | safe}} - </div> - </div> - </article> - </section> - </main> - {% include "./partials/footer.njk" %} -</body> + <head> + {% include "./partials/head.njk" %} + </head> + <body> + <div class="container"> + {% include "./partials/header.njk" %} + <hr> + <main> + <section> + <article> + <div> + <div> + {{content | safe}} + </div> + </div> + </article> + </section> + </main> + {% include "./partials/footer.njk" %} + </div> + </body> </html>
\ 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 @@ <!DOCTYPE html> <html lang="en"> -<head> -{% include "./partials/head.njk" %} -</head> -<body> - {% include "./partials/header.njk" %} - <hr> - <main> - <article > - {{content | safe}} - </article> - </main> - {% include "./partials/footer.njk" %} -</body> + <head> + {% include "./partials/head.njk" %} + </head> + <body> + <div class="container"> + {% include "./partials/header.njk" %} + <hr> + <main> + <article > + {{content | safe}} + </article> + </main> + {% include "./partials/footer.njk" %} + </div> + </body> </html>
\ 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" %} </head> <body> - {% include "./partials/header.njk" %} - <hr> - <main> - <section> - <article> - <div> + <div class="container"> + {% include "./partials/header.njk" %} + <hr> + <main> + <section> + <article> <div> - <h2>{{title}}</h2> - <p class="post-date">(published on {{page.date.toUTCString() | dateFilter}})</p> + <div> + <h2>{{title}}</h2> + <p class="post-date">(published on {{page.date.toUTCString() | dateFilter}})</p> + </div> + <div> + {{content | safe}} + </div> </div> - <div> - {{content | safe}} - </div> - </div> - </article> - <div class="mt-10"> - <span>If you found this article useful, spread the word by sharing this link 👉 + </article> + <div class="mt-10"> + <span>If you found this article useful, spread the word by sharing this link 👉 <span> - <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="indrajithKLIS" data-hashtags="gamedev #indiegamedev #gametools" data-show-count="false">Tweet</a> - <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> + <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="indrajithKLIS" data-hashtags="gamedev #indiegamedev #gametools" data-show-count="false">Tweet</a> + <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> + </span> </span> - </span> - </div> - <div class="mt-10"> - <span class="font-italics">Post Last Modified: <span class="font-bold">{{modified() | dateFilter}}</span></span> - </div> - <div class="mt-10"> - <a href="/posts">back to posts</a> - </div> - </section> + </div> + <div class="mt-10"> + <span class="font-italics">Post Last Modified: <span class="font-bold">{{modified() | dateFilter}}</span></span> + </div> + <div class="mt-10"> + <a href="/posts">back to posts</a> + </div> + </section> - </main> - {% include "./partials/footer.njk" %} + </main> + {% include "./partials/footer.njk" %} + </div> </body> </html>
\ 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 Binary files differnew file mode 100644 index 0000000..731ba11 --- /dev/null +++ b/src/images/aqua.gif diff --git a/src/images/cottonlikebg.gif b/src/images/cottonlikebg.gif Binary files differnew file mode 100644 index 0000000..f5f3c18 --- /dev/null +++ b/src/images/cottonlikebg.gif diff --git a/src/images/flowersblue.png b/src/images/flowersblue.png Binary files differnew file mode 100644 index 0000000..fc536be --- /dev/null +++ b/src/images/flowersblue.png diff --git a/src/images/pastelblue.png b/src/images/pastelblue.png Binary files differnew file mode 100644 index 0000000..10180b3 --- /dev/null +++ b/src/images/pastelblue.png |