aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorIndrajith K L2022-11-23 00:54:24 +0530
committerIndrajith K L2022-11-23 00:54:24 +0530
commitb5fd22222764346e167d30a2181594cb5eb7acbc (patch)
tree9b187f2883c1c408a8d2ea5c5a1b74b2fe7a4674
parentee38292e12f2d002f94036e3d54d2efcf40c715c (diff)
downloadindrajith-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.njk40
-rw-r--r--src/_includes/intro.njk28
-rw-r--r--src/_includes/posts.njk58
-rw-r--r--src/css/styles.css6
-rw-r--r--src/images/aqua.gifbin0 -> 11608 bytes
-rw-r--r--src/images/cottonlikebg.gifbin0 -> 1925 bytes
-rw-r--r--src/images/flowersblue.pngbin0 -> 5862 bytes
-rw-r--r--src/images/pastelblue.pngbin0 -> 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
new file mode 100644
index 0000000..731ba11
--- /dev/null
+++ b/src/images/aqua.gif
Binary files differ
diff --git a/src/images/cottonlikebg.gif b/src/images/cottonlikebg.gif
new file mode 100644
index 0000000..f5f3c18
--- /dev/null
+++ b/src/images/cottonlikebg.gif
Binary files differ
diff --git a/src/images/flowersblue.png b/src/images/flowersblue.png
new file mode 100644
index 0000000..fc536be
--- /dev/null
+++ b/src/images/flowersblue.png
Binary files differ
diff --git a/src/images/pastelblue.png b/src/images/pastelblue.png
new file mode 100644
index 0000000..10180b3
--- /dev/null
+++ b/src/images/pastelblue.png
Binary files differ