Finish projects page!HEADmain

9 files changed, 60 insertions, 26 deletions

diff --git a/content/projects/_index.md b/content/projects/_index.md
index efb5169..381b63d 100644
--- a/content/projects/_index.md
+++ b/content/projects/_index.md
@@ -2,6 +2,5 @@
 title = "Projects"
 sort_by = "weight"
 template = "project.html"
-page_template = "projects-page.html"
 extra.header_title = "projects"
 +++
diff --git a/content/projects/cinnamon.md b/content/projects/cinnamon.md
index 3c8c59a..e8e61f6 100644
--- a/content/projects/cinnamon.md
+++ b/content/projects/cinnamon.md
@@ -1,10 +1,10 @@
 +++
 title = "cinnamon-browser"
 weight = 3
+extra.displayed_filename = "cinnamon.md"
+extra.url = "https://git.arslaancodes.com/cinnamon-browser.git/about/"
 +++
 
-# [cinnamon-browser](https://git.arslaancodes.com/cinnamon-browser.git/about/){: .white target="_blank" }
-
 A lightweight suckless-inspired vimlike browser written in C, powered by WebKit2GTK-4.1 and GTK3.
 
 - Built with: C, GTK3, WebKit2GTK
diff --git a/content/projects/frenchtoastos.md b/content/projects/frenchtoastos.md
index 31f4145..f7ce883 100644
--- a/content/projects/frenchtoastos.md
+++ b/content/projects/frenchtoastos.md
@@ -1,10 +1,10 @@
 +++
 title = "FrenchToastOS"
 weight = 4
+extra.displayed_filename = "frenchtoastos.md"
+extra.url = "https://git.arslaancodes.com/FrenchToastOS.git/about/"
 +++
 
-# [FrenchToastOS](https://git.arslaancodes.com/FrenchToastOS.git/about/){: .white target="_blank" }
-
 A simple from-scratch OS for x86 systems written in C.
 
 - Built with: C, x86 Assembly, Makefile
@@ -21,5 +21,5 @@ A simple from-scratch OS for x86 systems written in C.
 
 ## Why I built it
 
-This was originally for [Boot](https://boot.hackclub.com){: target="_blank"}, a Hack Club YSWS (You Ship, We Ship), but I may or may not have gotten distracted with other projects...
+This was originally for [Boot](https://boot.hackclub.com), a Hack Club YSWS (You Ship, We Ship), but I may or may not have gotten distracted with other projects...  
 I might continue working on FrenchToastOS, but I have no guarantees.
diff --git a/content/projects/saffron.md b/content/projects/saffron.md
index 1c1df87..33c3a44 100644
--- a/content/projects/saffron.md
+++ b/content/projects/saffron.md
@@ -1,10 +1,10 @@
 +++
 title = "Saffron"
 weight = 1
+extra.displayed_filename = "saffron.md"
+extra.url = "https://git.arslaancodes.com/saffron.git/about/"
 +++
 
-# [Saffron](https://git.arslaancodes.com/saffron.git/about/){: .white target="_blank" }
-
 A lightweight, extensible, and dead-simple retained-mode UI framework written in C and SDL3.
 
 - Built with: C, SDL3
diff --git a/content/projects/sfwk.md b/content/projects/sfwk.md
index fd1650f..c1ccce6 100644
--- a/content/projects/sfwk.md
+++ b/content/projects/sfwk.md
@@ -1,10 +1,10 @@
 +++
 title = "SaffronWebKit"
 weight = 2
+extra.displayed_filename = "sfwk.md"
+extra.url = "https://git.arslaancodes.com/saffronwebkit.git/about/"
 +++
 
-# [SaffronWebKit (SFWK)](https://git.arslaancodes.com/saffronwebkit.git/about/){: .white target="_blank" }
-
 WPEWebKit bindings for Saffron, allowing you to embed webview widgets into any Saffron app with just a few lines of C.
 
 - Built with: C, SDL3, WPEWebKit, GStreamer, EGL
diff --git a/content/projects/zwzn-freefit-re.md b/content/projects/zwzn-freefit-re.md
index 66dd7fc..7338daa 100644
--- a/content/projects/zwzn-freefit-re.md
+++ b/content/projects/zwzn-freefit-re.md
@@ -2,6 +2,7 @@
 title = "zwzn-freefit-re"
 weight = 5
 extra.url = "https://git.arslaancodes.com/zwzn-freefit-re.git/about/"
+extra.displayed_filename = "zwzn-freefit-re.md"
 +++
 
 Reverse-engineering of sketchy Chinese watches
@@ -29,5 +30,5 @@ There is a better and longer explanation in the Git repo's README itself, but to
 
 ## Notes
 
-I also wrote a small Android companion app for these watches, as a replacement to the original. I can no longer add more features or test anything in relations to reverse-engineering or the companion app, because I may or may not have broke the watch...
-You can find the companion app [here](https://git.arslaancodes.com/zwzn-freefit-android.git){: target="_blank"}.
+I also wrote a small Android companion app for these watches, as a replacement to the original. I can no longer add more features or test anything in relations to reverse-engineering or the companion app, because I may or may not have broke the watch...  
+You can find the companion app [here](https://git.arslaancodes.com/zwzn-freefit-android.git).
diff --git a/static/style.css b/static/style.css
index 64930b8..b781e5e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -175,7 +175,6 @@ pre code {
 	word-wrap: break-word;
 	overflow-x: hidden;
 	overflow-y: auto;
-	max-height: 600px;
 }
 
 a {
@@ -292,3 +291,37 @@ a {
 .blog-content {
 	text-align: left;
 }
+
+
+.projects-entry {
+	display: flex !important;
+	flex-direction: column !important;
+	align-items: left !important;
+	justify-content: center !important;
+	gap: 0rem;
+	padding: 1rem !important;
+	padding-top: 0rem !important;
+	text-align: left !important;
+	overflow-y: hidden;
+	overflow-x: hidden;
+	white-space: normal !important;
+	word-wrap: break-word;
+	word-break: break-word;
+	height: auto;
+}
+
+.projects-entry p {
+	margin: 0.5rem 0;
+}
+
+.projects-entry h1, 
+.projects-entry h2,
+.projects-entry h3,
+.projects-entry h4 {
+	margin: 0.8rem 0 0.3rem 0;
+}
+
+.projects-entry ul,
+.projects-entry ol {
+	margin: 0.3rem 0;
+}
diff --git a/templates/project.html b/templates/project.html
index 4653d1c..f2b73e1 100644
--- a/templates/project.html
+++ b/templates/project.html
@@ -1,10 +1,20 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1 class="title">{{ section.title }}</h1>
-<ul>
+<h1>{{ section.title }}</h1>
+<div class="projects-list-content">
+<div class="blog-list">
 	{% for page in section.pages %}
-	<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+		<pre class="projects-entry wrap">
+		<div class="blog-ls wrap">
+<span class="white">$ </span><span class="green">cat </span><span class="white">{{ page.extra.displayed_filename }} | </span><span class="green">glow</span>
+		</div>
+			<h2 class="blog-title">
+				<a href="{{ page.extra.url | safe}}">{{ page.title }}</a>
+			</h2>
+			{{ page.content | safe }}
+		</pre>
 	{% endfor %}
-</ul>
+</div>
+</div>
 {% endblock content %}
diff --git a/templates/projects-page.html b/templates/projects-page.html
deleted file mode 100644
index 9902bb6..0000000
--- a/templates/projects-page.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %}
-<h1 class="title">
-	{{ page.title }}
-</h1>
-<p class="subtitle"><strong>{{ page.date }}</strong></p>
-{{ page.content | safe }}
-{% endblock content %}