Finish list of blog pages

3 files changed, 22 insertions, 6 deletions

diff --git a/templates/blog.html b/templates/blog.html
index 4653d1c..2690196 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -1,10 +1,26 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1 class="title">{{ section.title }}</h1>
-<ul>
+<h1>{{ section.title }}</h1>
+<div class="blog-list-content">
+<pre class="wrap blog-ls">
+<span class="white">$ </span><span class="green">ls</span>
+</pre>
+
+<div class="blog-list">
 	{% for page in section.pages %}
-	<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+		<pre class="blog-entry wrap">
+			<a href="{{ page.permalink | safe}}" class="blog-date"><span class="yellow">{{ page.date }}.md</span></a>
+			{% if page.extra.image %}
+			<div class="blog-image-wrap">
+				<a href="{{ page.permalink | safe}}"><img src="{{ page.extra.image | safe}}" alt="{{ page.title }}" class="blog-thumbnail"></a>
+			</div>
+			{% endif %}
+			<h2 class="blog-title">
+				<a href="{{ page.permalink | safe}}">{{ page.title }}</a>
+			</h2>
+		</pre>
 	{% endfor %}
-</ul>
+</div>
+</div>
 {% endblock content %}
diff --git a/templates/header.html b/templates/header.html
index ef38e96..5e64f05 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -1,7 +1,7 @@
 <header>
 	<div class="header-inner">
 		<div class="site-title">
-			<a href="/"><span class="pink">arslaan</span><span class="white">@</span><span class="yellow">thinkpad-e16-void</span><span class="white">:</span><span class="green bold">~</span></a>
+			<a href="/"><span class="pink">arslaan</span><span class="white">@</span><span class="yellow">thinkpad-e16-void</span><span class="white">:</span><span class="green bold">~{% if section.extra.header_title %}/{{ section.extra.header_title }}{% endif %}</span></a>
 		</div>
 		<nav>
 			<a href="/" class="{% if current_path == '/' %}active{% else %}purple{% endif %}">home</a>
diff --git a/templates/index.html b/templates/index.html
index de90683..273132c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,7 +12,7 @@
 <div class="fastfetch-row">
 	<img src="/assets/images/Arslaan Pathan.svg" alt="Arslaan Pathan Logo" class="fastfetch-image">
 	<div class="fastfetch-text">
-		<p>I like computer science, writing stories (sometimes), Linux, FOSS (Free Open-Source Software), hacking, reverse-engineering and iOS jailbreaking. My favorite colour is yellow, and my favorite genre of music is Hyperpop, particularly Hyperpop-Digicore & Hyperpop-Glitchcore. I work on various projects in low-level development, system programming, and hardware hacking. I'm also active in <a target="_blank" href="https://hackclub.com">Hack Club</a>, a community of over 100,000+ teens around the world who code together. Come join the Slack and say hi!</p>
+		<p>I like computer science, writing stories (sometimes), Linux, FOSS (Free Open-Source Software), hacking, reverse-engineering and iOS jailbreaking. My favorite colour is yellow, and my favorite genre of music is Hyperpop, particularly Hyperpop-Digicore &amp; Hyperpop-Glitchcore. I work on various projects in low-level development, system programming, and hardware hacking. I'm also active in <a target="_blank" href="https://hackclub.com">Hack Club</a>, a community of over 100,000+ teens around the world who code together. Come join the Slack and say hi!</p>
 		<p>I mainly use Void Linux on my ThinkPad E16 Gen 3 (Intel Core Ultra 7 255H) with the bspwm tiling window manager along with picom, polybar, rofi, i3lock-color, sxhkd, and more. Currently, my dotfiles are not available on Git, but hopefully that will change in the near future. My favorite games are osu!, Minecraft and Stick Fight: The Game. I’ve been programming and tinkering with devices since somewhere around the age of six. What originally got me into programming was looking at my old iPad 2 (which I still have as of 2025, seven years later - it's now jailbroken with <a target="_blank" href="https://etasonjb.tihmstar.net">EtasonJB</a> because I felt like it) and saying – “how are these apps made?”</p>
 		<p>Feel free to explore my projects, stories, and achievements, and thanks for stopping by!</p>
 	</div>