1 files changed, 55 insertions, 0 deletions
diff --git a/blog/templates/sidebar.html.j2 b/blog/templates/sidebar.html.j2
new file mode 100644
index 0000000..7390145
--- /dev/null
+++ b/blog/templates/sidebar.html.j2
@@ -0,0 +1,55 @@
+<div class="sidebar-spacing"></div>
+<h3 class="magenta first-element">About me</h3>
+<p>I'm a game developer by occupation and a computer enthusiast by hobby.
+I love learning about and working on anything related to computers or geek stuff,
+although I consider myself only a passionate greenhorn.
+Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself.</p>
+<div class="icon-text">
+<p>btw I use arch</p>
+<img src="/assets/image/arch.svg" class="svg-icon" />
+</div>
+<h3 class="magenta">My other thingies</h3>
+<a href="https://wazul.moe" class="icon-text" target="_blank">
+<img src="/assets/image/website.svg" class="svg-icon filter-yellow" />
+<span>Website</span>
+</a>
+<a href="https://mastodon.gamedev.place/@wazul" class="icon-text" target="_blank">
+<img src="/assets/image/mastodon.svg" class="svg-icon" />
+<span>Mastodon</span>
+</a>
+<a href="https://git.wazul.moe" class="icon-text" target="_blank">
+<img src="/assets/image/git.svg" class="svg-icon" />
+<span>Git repositories</span>
+</a>
+<h3 class="magenta">Top tags</h3>
+<p>ls <a href="/tags">~/tags/</a></p>
+<p>{% for tag in site.top_tags %}<a href="/tags/{{ tag }}.html">{{ tag }}/</a>{% if not loop.last %} {% endif %}{% endfor %}</p>
+<h3 class="magenta">I want different colors</h3>
+<p>ls ~/themes/ <a class="theme-extender" href="javascript:void(0);" onclick="setThemeExtend()">-A</a></p>
+<a href="javascript:void(0);" class="icon-text theme-selector-light" onclick="setTheme('light')">
+    <img src="/assets/image/sun.svg" class="svg-icon" />
+    <span>sweet-celestial.sh</span>
+</a>
+<a href="javascript:void(0);" class="icon-text theme-selector-dark" onclick="setTheme('dark')">
+    <img src="/assets/image/moon.svg" class="svg-icon" />
+    <span>luna-eclipsed.sh</span>
+</a>
+<a href="javascript:void(0);" class="icon-text theme-selector-pink theme-extender-target" onclick="setTheme('pink')">
+    <img src="/assets/image/balloon.svg" class="svg-icon" />
+    <span>.pinky-swear.sh</span>
+</a>
+<h3 class="magenta">Never miss a post</h3>
+<a href="/feed.xml" class="icon-text">
+<img src="/assets/image/rss.svg" class="svg-icon" />
+<span>RSS feed</span>
+</a>
+<h3 class="magenta">Contact me at</h3>
+<a href="mailto:contact@wazul.moe" class="icon-text">
+<img src="/assets/image/email.svg" class="svg-icon filter-yellow" />
+<span>contact@wazul.moe</span>
+</a>
+<p>especially if you find some typos or bugs on the page</p>
+<h3 class="magenta">Thank you</h3>
+<p>for <a href="/acknowledgement.html">everyone</a> who made this blog possible</p>
+<h3 class="magenta">How It's Made</h3>
+<p class="last-element">This blog is open source, <a href="https://git.wazul.moe/website" target="_blank">check it out!</a></p>