From 345e2c76bfeaa986941bbca575d1f44c88a01b68 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <mitja.felicijan@gmail.com>
Date: Wed, 12 Feb 2025 06:08:35 +0100
Subject: Update to index page

---
 templates/base.html  | 10 ++++++----
 templates/index.html | 49 +++++++++++++++++++++++++------------------------
 2 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index ab2bff4..183ff1e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,9 +18,11 @@
 			pre { background: #f5f5f5 !important; text-wrap: wrap; padding: 0.5em; }
 			code { background: #f5f5f5; }
 			table { width: 100%; }
+			.two-columns { display: flex; gap: 5em; }
 			@media only screen and (max-width: 720px) {
 				body { display: block; }
 				main { margin: 1em 0; }
+				.two-columns { display: block; }
 				.hide-on-mobile { display: none; }
 			}
 			/* Fixes embeds going to center. */
@@ -37,12 +39,12 @@
 			<strong>About</strong>
 			<ul>
 				<li><a href="/">Home</a></li>
-				<li><a href="/projects.html">Recent projects</a></li>
+				<li><a href="/projects.html">Recent Projects</a></li>
 				<li><a href="https://github.com/mitjafelicijan" target="_blank">Code on GitHub</a></li>
 				<li><a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe repository</a></li>
-				<li><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">My dotfiles</a></li>
-				<li><a href="/curriculum-vitae.html">CV</a></li>
-				<li><a href="/feed.xml">RSS</a></li>
+				<li class="hide-on-mobile"><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">My dotfiles</a></li>
+				<li><a href="/curriculum-vitae.html">Curriculum Vitae</a></li>
+				<li class="hide-on-mobile"><a href="/feed.xml">RSS Feed</a></li>
 			</ul>
 		</aside>
 
diff --git a/templates/index.html b/templates/index.html
index 28aa47e..ef31728 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -14,32 +14,33 @@
 	</div>
 </div>
 
-<div>
-	<h2>More long form, ramblings etc</h2>
-	<ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="More long form, ramblings etc">
-		<meta itemprop="name" content="More long form, ramblings etc">
-		{{ range .Pages }}
-			{{ if and (eq .Type "post") (not .Draft) }}
-				<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+<section class="two-columns">
+	<div>
+		<h2>Notes?! Maybe useful</h2>
+		<ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="Notes?! Maybe useful">
+			<meta itemprop="name" content="Notes?! Maybe useful">
+			{{ range .Pages }}
+				{{ if and (eq .Type "note") (not .Draft) }}
+					<li>
+						{{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
+						<a href="{{ .RelPermalink }}">{{ .Title }}</a>
+					</li>
+				{{ end }}
 			{{ end }}
-		{{ end }}
-	</ul>
-</div>
-
-<div>
-	<h2>Notes?! Maybe useful</h2>
-	<ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="Notes?! Maybe useful">
-		<meta itemprop="name" content="Notes?! Maybe useful">
-		{{ range .Pages }}
-			{{ if and (eq .Type "note") (not .Draft) }}
-				<li>
-					{{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
-					<a href="{{ .RelPermalink }}">{{ .Title }}</a>
-				</li>
+		</ul>
+	</div>
+	<div>
+		<h2>More long form, ramblings etc</h2>
+		<ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="More long form, ramblings etc">
+			<meta itemprop="name" content="More long form, ramblings etc">
+			{{ range .Pages }}
+				{{ if and (eq .Type "post") (not .Draft) }}
+					<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+				{{ end }}
 			{{ end }}
-		{{ end }}
-	</ul>
-</div>
+		</ul>
+	</div>
+</section>
 
 <div>
 	<h2>Small side projects I work/worked on</h2>
-- 
cgit v1.2.3