From d6899677d1f9c51da6e7bcdd7cebfc3f436bf0e2 Mon Sep 17 00:00:00 2001
From: yequari <yequari@32bit.cafe>
Date: Sun, 21 Apr 2024 13:11:48 -0700
Subject: [PATCH] style fixes to keep links page 3 columns

---
 content/projects/_index.md                  |  1 -
 layouts/_default/_markup/render-link.html   | 10 ++++++++++
 layouts/partials/linklist.html              |  2 +-
 layouts/projects/list.html                  |  1 +
 layouts/projects/single.html                |  2 +-
 themes/dreamcast/layouts/_default/list.html |  2 +-
 themes/dreamcast/layouts/blog/list.html     |  2 +-
 themes/dreamcast/static/css/main.css        | 14 +++++++++-----
 8 files changed, 24 insertions(+), 10 deletions(-)
 create mode 100644 layouts/_default/_markup/render-link.html

diff --git a/content/projects/_index.md b/content/projects/_index.md
index 2e086ae..3acbab7 100644
--- a/content/projects/_index.md
+++ b/content/projects/_index.md
@@ -2,7 +2,6 @@
 title: "Projects"
 date: 2023-10-09T14:21:12-07:00
 ---
-# Projects
 
 Here are some projects I'm currently working on or have worked on in the past.
 
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
new file mode 100644
index 0000000..53b32bb
--- /dev/null
+++ b/layouts/_default/_markup/render-link.html
@@ -0,0 +1,10 @@
+{{- $u := urls.Parse .Destination -}}
+<a href="{{ .Destination | safeURL }}"
+  {{- with .Title }} title="{{ . }}"{{ end -}}
+  {{- if $u.IsAbs }} rel="external"{{ end -}}
+>
+  {{- with .Text | safeHTML }}{{ . }}{{ end -}}
+</a>{{- if $u.IsAbs }}🔗{{ end -}}
+{{- /* chomp trailing newline */ -}}
+
+
diff --git a/layouts/partials/linklist.html b/layouts/partials/linklist.html
index 58d1775..6dc32f6 100644
--- a/layouts/partials/linklist.html
+++ b/layouts/partials/linklist.html
@@ -7,7 +7,7 @@
                 {{ .name }}
                 <p>
                     {{ $u := urls.Parse .url }}
-                    <a target="_blank" href="{{ .url }}" >{{ $u.Hostname }}</a>
+                    🔗<a target="_blank" href="{{ .url }}" >{{ $u.Hostname }}</a>
                 </p>
             </summary>
             {{ .description }}
diff --git a/layouts/projects/list.html b/layouts/projects/list.html
index 28749ec..dfacc6e 100644
--- a/layouts/projects/list.html
+++ b/layouts/projects/list.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+<h1>{{ .Title }}</h1>
 <section class="content">
         {{ .Content }}
 </section>
diff --git a/layouts/projects/single.html b/layouts/projects/single.html
index 1776878..dfacc6e 100644
--- a/layouts/projects/single.html
+++ b/layouts/projects/single.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
+<h1>{{ .Title }}</h1>
 <section class="content">
-    <h1>{{ .Title }}</h1>
         {{ .Content }}
 </section>
 {{ end }}
diff --git a/themes/dreamcast/layouts/_default/list.html b/themes/dreamcast/layouts/_default/list.html
index b773955..982600c 100644
--- a/themes/dreamcast/layouts/_default/list.html
+++ b/themes/dreamcast/layouts/_default/list.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
+<h1>{{ .Title }}</h1>
 <section class="content posts h-feed hfeed">
-    <h1>{{ .Title }}</h1>
     {{ range .Pages }}
     <article class="h-entry">
         <h2><a class="title u-url p-name" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
diff --git a/themes/dreamcast/layouts/blog/list.html b/themes/dreamcast/layouts/blog/list.html
index 0892f05..006dbc4 100644
--- a/themes/dreamcast/layouts/blog/list.html
+++ b/themes/dreamcast/layouts/blog/list.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
+<h1>{{ .Title }}</h1>
 <section class="content posts h-feed hfeed">
-    <h1>{{ .Title }}</h1>
     {{ range .Paginator.Pages.ByPublishDate.Reverse }}
     <article class="h-entry">
         {{ partial "post-header.html" .}}
diff --git a/themes/dreamcast/static/css/main.css b/themes/dreamcast/static/css/main.css
index 2674b3e..f741e3b 100644
--- a/themes/dreamcast/static/css/main.css
+++ b/themes/dreamcast/static/css/main.css
@@ -265,13 +265,13 @@ nav li a:hover, nav li a:active {
     display: flex;
     flex-flow: row wrap-reverse;
     box-shadow: 10px 5px 5px #00000066;
-    padding: 30px; 
+    padding: 30px 0; 
 }
 
 .sidebar {
     flex: 0 1 20%;
     border-right: 1px solid black;
-    padding: 15px 15px 15px 0;
+    padding: 0 15px;
 }
 
 .sidebar h1 {
@@ -321,7 +321,7 @@ nav li a:hover, nav li a:active {
 
 main {
     flex: 1 3 70%;
-    padding: 15px 15px 15px 30px;
+    padding: 0 25px;
 }
 
 main li {
@@ -445,7 +445,7 @@ h3.index {
     flex-flow: row wrap;
     align-items: flex-start;
     justify-content: space-between;
-    gap: 20px;
+    gap: 10px;
 }
 
 #links-main ul {
@@ -481,10 +481,14 @@ h3.index {
 .links-column {
     display: flex;
     flex-direction: column;
-    flex: 1 3 10%;
+    flex: 1 3 20%;
     overflow-wrap: break-word;
 }
 
+.links-column h2 {
+    text-align: center;
+}
+
 /* webmention box */
 
 .send-webmention {