feat: update with better styling for pages

content/about/_index.md

@@ -6,7 +6,7 @@ images = ['about/taco.png']
 description = 'but who is taco? and how much does it weigh?'
 +++
 
-{{< figure src="taco.png" alt="a smiling cartoon taco with little legs" attr="art by [heyheymomo](https://www.heyheymomo.com/)">}}
+{{< figure src="taco.png" alt="a smiling cartoon taco with little legs" attr="artwork by [heyheymomo](https://www.heyheymomo.com/)">}}
 
 **Daniel A. Gallegos**, also known as **“taco”,** is a [Full-Stack Software Developer](https://en.wikipedia.org/wiki/Solution_stack) and [Site Reliability Engineer](https://en.wikipedia.org/wiki/Site_reliability_engineering) who works with businesses, governments, [educators](https://web.archive.org/web/20230131144232/https://eberly.wvu.edu/news-events/eberly-news/2021/04/12/eberly-college-students-lead-gender-inclusivity-anti-racism-training-at-wvu), [non-profits](https://carrynaloxone.org/), and [startups](https://web.archive.org/web/20160901215818/https://devacademy.la/) to create digital solutions for your real-world problems, ranging from 🖥️ developing government enterprise applications, to 🎨 creating graphic assets for professional digital portfolios, to 🛠️ administering servers for a harm reduction coalition.
 

content/posts/_index.md

@@ -2,6 +2,8 @@
 title = 'posts'
 draft = false
 menus = 'main'
+layout = 'posts'
+type = 'list'
 +++
 
 posts i done gone and wrote

content/posts/moving-on-from-freenom/_index.md

@@ -1,7 +1,25 @@
 +++
-title = "moving on from freenom"
+title = "moving on from freenom 👋"
 date = "2023-10-06"
+draft = false
 categories = [ "life", "technology" ]
+keywords = [
+  "ga",
+  "daniel-ga",
+  "dns",
+  "domain",
+  "domain-names",
+  "freenom",
+  "gabon",
+  "mestizo-monster",
+  "networking",
+  "personal-websites",
+  "taco-ga",
+  "website",
+  "websites",
+  "life",
+  "technology",
+]
 tags = [
   "ga",
   "daniel-ga",
@@ -20,6 +38,7 @@ tags = [
 images = [ "posts/moving-on-from-freenom/images/header.png" ]
 description = "what's the harm in a free domain name?"
 aliases = [ "/2023/10/06/moving-on-from-freenom" ]
+kind = "page"
 +++
 
 > why am i still hanging on?
@@ -43,6 +62,8 @@ caption="goodnight, sweet prince." >}}
 
 * * *
 
+## free websites of the past
+
 Depending on when you’re reading this, I host/used to host a personal website for myself at [`daniel.ga/llegos`](https://web.archive.org/web/20231005005157/https://daniel.ga/llegos/). The reason for creating this was twofold:
 
 1. It was a cool [domain hack](https://en.wikipedia.org/wiki/Domain_hack) to show off my neat name my mom and dad gave me: [Daniel](https://en.wikipedia.org/wiki/Daniel_(given_name)) [Gallegos](https://en.wikipedia.org/wiki/Gallegos).
@@ -54,7 +75,7 @@ FreeNom, a domain name registrar, started offering free `.ga` domain name regist
 
 You can go… _wild_ with domains when they’re free. You start blasting out registrations. I say this from experience. Another `.ga` domain name I registered name was a food-related noun you’re familiar with. The almighty taco. 🌮 As someone who likes managing multiple websites that have no purpose except to be funny domain names, I _immediately_ registered `taco.ga`. It was _free_, right? My friend at the time told me that it reminded them of the [Final Fantasy spell name system](https://finalfantasy.fandom.com/wiki/Magic_tier_system#Overview). I thought hosting an image upload site or a link shortening site would be helpful and amusing. Get two birds stoned at once, or however you say that phrase. An old friend of mine gave me access to his cPanel and let me tinker with setting up web hosting space and different projects that could run on his host, for _freeeee_! I started uploading my screenshots from ShareX to a folder that pointed to `taco.ga`, thinking:
 
-\> “This is a permanent solution to my image hosting needs and I won’t ever need to use Imgur ever again!”
+> “This is a permanent solution to my image hosting needs and I won’t ever need to use Imgur ever again!”
 
 And, for a _few_ weeks, I was right! I even submitted a Wikipedia edit using a hyperlink to an image that proved that the subject of the page wanted a page moved. That’s how you know I trusted it. I was proud of myself. I had created my own space for my own images, and nobody could stop me.
 

hugo.toml

@@ -1,4 +1,9 @@
 baseURL = 'https://mestizo.monster'
 languageCode = 'en-us'
-title = 'mestizo dot monster'
+title = '🌎 mestizo dot monster 👾'
 theme = 'corazon'
+enableGitInfo = true
+
+[frontmatter]
+date = ["date", "publishDate", "lastmod"]
+lastmod = ["lastmod", ":git", "date", "publishDate"]

static/.well-known/security.txt

@@ -0,0 +1,4 @@
+Contact: mailto:security@tacowolf.net
+Expires: 2025-04-20T20:20:00.000Z
+Preferred-Languages: en, es
+Canonical: https://mestizo.monster/.well-known/security.txt

themes/corazon/assets/css/main.scss

@@ -1,106 +1,117 @@
 @import url(https://fonts.bunny.net/css?family=averia-sans-libre:700|cabin:400,400i,500,500i,600,600i,700,700i);
 
 body {
-  font-family: 'Cabin', sans-serif;
+    font-family: "Cabin", sans-serif;
-  font-size: 1.2rem;
+    font-size: 1.2rem;
-  line-height: 1.5;
+    line-height: 1.5;
-  margin: 1rem;
+    margin: 1rem;
-  margin-left: auto;
+    margin-left: auto;
-  margin-right: auto;
+    margin-right: auto;
-  max-width: 768px;
+    max-width: 768px;
-  padding: 0.5rem;
+    padding: 0.5rem;
 }
 
-h1, h2, h3, h4, h5, h6, nav {
+h1,
-  font-family: 'Averia Sans Libre', display;
+h2,
-  font-weight: 700;
+h3,
+h4,
+h5,
+h6,
+nav {
+    font-family: "Averia Sans Libre", display;
+    font-weight: 700;
 }
 
 h1 {
- text-align: center;
+    text-align: center;
 }
-
-nav {
-  ul {
-    display: flex;
-    justify-content: space-between;
-    list-style-position: inside;
-    margin-left: 0;
-    padding-left: 0;
-  }
-  li {
-    font-size: 1.3rem;
-    flex-direction: column;
-    list-style-type: none;
-    border-bottom: 1px solid #a6dc68;
-    padding: 1rem;
-  }
-}
-
 header {
-  margin-bottom: 1rem;
+    margin-bottom: 1rem;
+    nav {
+        ul {
+            display: flex;
+            justify-content: space-between;
+            list-style-position: inside;
+            margin-left: 0;
+            padding-left: 0;
+        }
+        li {
+            font-size: 1.3rem;
+            flex-direction: column;
+            list-style-type: none;
+            border-bottom: 1px solid #a6dc68;
+            padding: 1rem;
+        }
+    }
 }
 
 figure {
-  margin: none;
+    margin: none;
-  text-align: center;
+    text-align: center;
-  img {
+    img {
-    border-radius: 1rem;
+        border-radius: 1rem;
-    max-height: 30rem;
+        max-height: 30rem;
-    max-width: 100%;
+        max-width: 100%;
-  }
+    }
-  figcaption {
+    figcaption {
-    margin-top: -0.666rem;
+        margin-top: -0.666rem;
-    font-size: 0.8rem;
+        font-size: 0.8rem;
-    opacity: 69%;
+        opacity: 69%;
-  }
+    }
 }
 
 footer {
-  margin-top: 1rem;
+    margin-top: 1rem;
-  text-align: center;
+    text-align: center;
 }
 
 a {
-  color: #a6dc68;
+    color: #a6dc68;
-  text-decoration: none;
+    text-decoration: none;
 }
 
 h1 {
-  a { 
+    a {
-    color: #87a73d;
+        color: #87a73d;
-  }
+    }
-}
-
-code {
 }
 
 main {
-  padding: 1rem;
+    padding: 1rem;
 }
 
 @media (prefers-color-scheme: light) {
-  body {
+    body {
-    background: #eee;
+        background: #eee;
-    color: #291712;
+        color: #291712;
-  }
+    }
-  a {
+    a {
-    color: #63843e;
+        color: #63843e;
-  }
+    }
-  footer {
+    footer {
-    border-top: 1px solid #222;
+        border-top: 1px solid #222;
-  }
+    }
 }
 
 @media (prefers-color-scheme: dark) {
-  body {
+    body {
-    background: #291712;
+        background: #291712;
-    color: #eee;
+        color: #eee;
-  }
+    }
-  header {
+    footer {
-    border-bottom: 1px solid #eee;
+        border-top: 1px solid #eee;
-  }
+    }
-  footer {
+}
-    border-top: 1px solid #eee;
+
-  }
+blockquote {
+    padding: 1rem;
+    margin: inherit, auto;
+    background-color: rgba(0, 0, 0, 0.2);
+    font-style: italic;
+}
+
+article {
+    caption {
+        text-align: center;
+    }
 }

themes/corazon/layouts/_default/home.html

@@ -1,7 +1,3 @@
 {{ define "main" }}
   {{ .Content }}
-  {{ range site.RegularPages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-    {{ .Summary }}
-  {{ end }}
 {{ end }}

themes/corazon/layouts/_default/list.html

@@ -3,7 +3,8 @@
   {{ .Content }}
   {{ range .Pages }}
     <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-    <caption>{{ .Date.Format "january 2, 2006" }}</caption>
+    {{ $date := .Date.Format "January 2, 2006" }}
+    <caption>{{ lower $date }}</caption>
     <blockquote>{{ .Description }}<blockquote>
   {{ end }}
 {{ end }}

themes/corazon/layouts/_default/posts.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+<article>
+  <h1>{{ .Title }}</h1>
+  {{ $dateHuman := .Date.Format "January 2, 2006" }}
+  {{ $dateMachine := .Date.Format "2006-01-02T15:04:05-07:00" }}
+  <time datetime="{{ $dateMachine }}">{{ lower $dateHuman }}</time>
+  {{ .Content }}
+  {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+</article>
+{{ end }}

themes/corazon/layouts/_default/single.html

@@ -1,10 +1,7 @@
 {{ define "main" }}
+<article>
   <h1>{{ .Title }}</h1>
-
-  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-  {{ $dateHuman := .Date | time.Format ":date_long" }}
-  <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
-
   {{ .Content }}
   {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+</article>
 {{ end }}

themes/corazon/layouts/posts/list.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+<h1>{{ .Title }}</h1>
+{{ .Content }}
+{{ range .Pages }}
+<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+{{ $dateHuman := .Date.Format "January 2, 2006" }}
+{{ $dateMachine := .Date.Format "2006-01-02T15:04:05-07:00" }}
+<p><b>first posted:</b> <time datetime="{{ $dateMachine }}">{{ lower $dateHuman }}</time></p>
+<caption><blockquote>{{ .Description }}</blockquote></caption>
+{{ end }}
+{{ end }}

themes/corazon/layouts/posts/single.html

@@ -0,0 +1,21 @@
+{{ define "main" }}
+<article>
+<h1>{{ .Title }}</h1>
+{{ $dateHuman := .Date.Format "January 2, 2006" }}
+{{ $dateMachine := .Date.Format "2006-01-02T15:04:05-07:00" }}
+{{ $lastUpdated := .Lastmod.Format "January 2, 2006" }}
+{{ $lastMachine := .Lastmod.Format "2006-01-02T15:04:05-07:00" }}
+<blockquote>
+    <p><b>first posted:</b> <time datetime="{{ $dateMachine }}">{{ lower $dateHuman }}</time></p>
+    {{ if ne $lastUpdated $dateHuman }}
+    <p><b>last updated:</b> <time datetime="{{ $lastMachine }}">{{ lower $lastUpdated }}</time></p>
+    {{ end }}
+</blockquote>
+<hr>
+<h4>table of contents</h4>
+{{ .TableOfContents }}
+<hr>
+{{ .Content }}
+{{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+</article>
+{{ end }}

themes/corazon/theme.toml

@@ -1,31 +1,15 @@
-name = 'Theme name'
+name = 'corazon'
 license = 'MIT'
-licenselink = 'https://github.com/owner/repo/LICENSE'
+licenselink = 'https://git.tacowolf.net/TacoWolf/mestizo.monster/src/branch/main/LICENSE.md'
-description = 'Theme description'
+description = 'a theme from the heart'
 
-# The home page of the theme, where the source can be found
+homepage = 'https://git.tacowolf.net/TacoWolf/mestizo.monster/src/branch/main/themes/corazon'
-homepage = 'https://github.com/owner/repo'
-
-# If you have a running demo of the theme
-demosite = 'https://owner.github.io/repo'
-
-# Taxonomy terms
-tags = ['blog', 'company']
-features = ['some', 'awesome', 'features']
-
-# If the theme has multiple authors
-authors = [
-  {name = 'Name of author', homepage = 'Website of author'},
-  {name = 'Name of author', homepage = 'Website of author'}
-]
-
-# If the theme has a single author
 [author]
-  name = 'Your name'
+  name = 'Daniel Alejandro Gallegos'
-  homepage = 'Your website'
+  homepage = 'https://mestizo.monster'
 
-# If porting an existing theme
+# lightly based on...
 [original]
-  author = 'Name of original author'
+  author = 'Automattic'
-  homepage = 'Website of original author'
+  homepage = 'https://wordpress.com/theme/otis'
-  repo = 'https://github.com/owner/repo'
+  repo = 'https://public-api.wordpress.com/rest/v1/themes/download/otis.zip'