Mercurial > web

changeset 81:eb3bbc61bc17

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use flexbox for lots more things this should make stuff actually work on safari. HOPEFULLY.
author Paper <paper@paper.us.eu.org>
date Mon, 20 May 2024 04:00:58 -0400
parents ec24b7d30ce9
children b98a84a0afb2
files _data/navigation-external.yml _includes/navigation.html _layouts/post.html blog/index.html code/index.html css/style.css
diffstat 6 files changed, 45 insertions(+), 23 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/_data/navigation-external.yml	Mon May 20 04:00:58 2024 -0400
@@ -0,0 +1,6 @@
+- name: vids
+  link: https://www.youtube.com/channel/UC8yLNvg6ktP7X_dupByIc-w
+- name: tunes
+  link: https://modarchive.org/index.php?request=view_artist_modules&query=92603
+- name: weeb
+  link: https://anilist.co/user/Paper
\ No newline at end of file
--- a/_includes/navigation.html	Mon May 20 03:46:03 2024 -0400
+++ b/_includes/navigation.html	Mon May 20 04:00:58 2024 -0400
@@ -1,12 +1,11 @@
 <div class="navbar drop-shadow-box">
 	{% for item in site.data.navigation %}
-		<!-- page.url contains isn't exactly right, but whatever -->
 		<a href="{{ item.link }}" {% if page.url == item.link or page.url contains item.prefix %}class="navbar-item-active"{% else %}class="navbar-item"{% endif %}>{{ item.name }}</a>
 	{% endfor %}
-	<!-- external links belong here -->
-	<div class="align-right">
-		<a href="https://www.youtube.com/channel/UC8yLNvg6ktP7X_dupByIc-w" class="navbar-item">vids</a>
-		<a href="https://modarchive.org/index.php?request=view_artist_modules&query=92603" class="navbar-item">tunes</a>
-		<a href="https://anilist.co/user/Paper" class="navbar-item">weeb</a>
+	<div class="navbar-right">
+		{% comment %}
+			This has to all be on one line or else browsers add extra spacing. argh. 
+		{% endcomment %}
+		{% for item in site.data.navigation-external %}<a href="{{ item.link }}" class="navbar-item">{{ item.name }}</a>{% endfor %}
 	</div>
 </div>
--- a/_layouts/post.html	Mon May 20 03:46:03 2024 -0400
+++ b/_layouts/post.html	Mon May 20 04:00:58 2024 -0400
@@ -2,7 +2,7 @@
 layout: default
 ---
 <div class="content drop-shadow-box drop-shadow-text">
-	<h1>{{ page.title }}</h1>
+	<h2>{{ page.title }}</h2>
 	<hr class="project-separator">
 
 	{{ content }}
--- a/blog/index.html	Mon May 20 03:46:03 2024 -0400
+++ b/blog/index.html	Mon May 20 04:00:58 2024 -0400
@@ -4,7 +4,10 @@
 ---
 {% for post in site.posts %}
 	<div class="content drop-shadow-box">
-		<span><a href="{{ post.url }}" class="prettylink project-title drop-shadow-text">{{ post.title }}</a> <span class="blog-footer align-right"><i>{{ post.date | date_to_string }}</i></span></span>
+		<div class="project-title-container">
+			<a href="{{ post.url }}" class="prettylink project-title drop-shadow-text">{{ post.title }}</a>
+			<span class="project-quip drop-shadow-text"><i>{{ post.date | date_to_string }}</i></span>
+		</div>
 		<hr class="project-separator">
 		<span class="drop-shadow-text">{{ post.content | strip_html | truncatewords: 50 }}</span>
 	</div>
--- a/code/index.html	Mon May 20 03:46:03 2024 -0400
+++ b/code/index.html	Mon May 20 04:00:58 2024 -0400
@@ -3,10 +3,12 @@
 title: code
 ---
 <div id="schism" class="content drop-shadow-box">
-	<a target="_blank" href="https://schismtracker.org/" class="drop-shadow-text prettylink project-title">
-		Schism Tracker
-	</a>
-	<span class="align-right drop-shadow-text blog-footer"><i>640k ought to be enough for anybody</i></span>
+	<div class="project-title-container">
+		<a target="_blank" href="https://schismtracker.org/" class="drop-shadow-text prettylink project-title">
+			Schism Tracker
+		</a>
+		<span class="project-quip drop-shadow-text"><i>640k ought to be enough for anybody</i></span>
+	</div>
 	<hr class="project-separator">
 	<span class="drop-shadow-text">
 		A modern clone of <a class="prettylink" href="http://web.archive.org/web/20041009160352/http://www.users.on.net/~jtlim/ImpulseTracker/">Impulse Tracker</a> written in C with SDL2. I'm the primary maintainer nowadays, with <a class="prettylink" href="https://sagamusix.de">Saga Musix</a> and <a class="prettylink" href="https://pengaru.com/">Vito Caputo</a> helping out as well. Should run on pretty much everything except MS-DOS.
@@ -16,8 +18,10 @@
 <br>
 
 <div id="msvpvf" class="content drop-shadow-box">
-	<a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a>
-	<span class="align-right drop-shadow-text blog-footer"><i>backwards compatibility? what's that?</i></span>
+	<div class="project-title-container">
+		<a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a>
+		<span class="project-quip drop-shadow-text"><i>backwards compatibility? what's that?</i></span>
+	</div>
 	<hr class="project-separator">
 	<span class="drop-shadow-text">
 		A bite-sized Windows application to backport Vegas Pro project
@@ -41,8 +45,10 @@
 <br>
 
 <div id="wgsdk" class="content drop-shadow-box">
-	<a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a>
-	<span style="display: table-cell; vertical-align:bottom;" class="align-right drop-shadow-text blog-footer"><i>winamp, really? what year is it?</i></span>
+	<div class="project-title-container">
+		<a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a>
+		<span class="project-quip drop-shadow-text"><i>winamp, really? what year is it?</i></span>
+	</div>
 	<hr class="project-separator">
 	<span class="drop-shadow-text">
 		A Winamp plugin that uses the Discord GameSDK to provide rich
@@ -55,8 +61,10 @@
 <br>
 
 <div id="libedl" class="content drop-shadow-box">
-	<a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a>
-	<span class="align-right drop-shadow-text blog-footer"><i>it's just a special csv file</i></span>
+	<div class="project-title-container">
+		<a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a>
+		<span class="project-quip drop-shadow-text"><i>it's just a special csv file</i></span>
+	</div>
 	<hr class="project-separator">
 	<span class="drop-shadow-text">
 		A C library to parse and edit Vegas Pro EDL files.
--- a/css/style.css	Mon May 20 03:46:03 2024 -0400
+++ b/css/style.css	Mon May 20 04:00:58 2024 -0400
@@ -28,7 +28,7 @@
 
 /* navbar */
 .navbar {
-	/* display: flex; */
+	display: flex;
 
 	background-color: rgba(0, 0, 0, 0.6);
 	color: white;
@@ -36,6 +36,11 @@
 	padding: 5px;
 }
 
+.project-quip,
+.navbar-right {
+	margin-left: auto;
+}
+
 .navbar-item {
 	color: gray;
 }
@@ -97,6 +102,10 @@
 }
 
 /* projects/index.html */
+.project-title-container {
+	display: flex;
+}
+
 .project-title {
 	font-weight: bold;
 }
@@ -128,6 +137,7 @@
 	height: auto;
 }
 
+.project-quip,
 .blog-footer,
 .blog-date-right {
 	font-size: smaller;
@@ -137,7 +147,3 @@
 .blog-date-right {
 	float: inline-end;
 }
-
-.project-title-container {
-	display: flex;
-}