Misc best-practice fixes

This commit is contained in:
Garrett Mills 2025-03-18 10:28:43 -04:00
parent da1aa660ca
commit de8cbb7af1
3 changed files with 93 additions and 92 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

View File

@ -1,106 +1,107 @@
doctype html doctype html
head html(lang="en")
style. head
body { style.
--background: #111; body {
--background-2: #252525; --background: #111;
--background-3: #444; --background-2: #252525;
--color: #fffbe3; --background-3: #444;
--color-2: #d0c895; --color: #fffbe3;
--color-2: #d0c895;
background: var(--background); background: var(--background);
color: var(--color); color: var(--color);
font-family: "Reckless", serif; font-family: "Reckless", serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.wrapper { .wrapper {
max-width: 800px; max-width: 800px;
width: calc(100% - 40px); width: calc(100% - 40px);
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
margin-bottom: 100px; margin-bottom: 100px;
min-height: 100vh; min-height: 100vh;
} }
block meta block meta
meta(charset='utf-8') meta(charset='utf-8')
meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no') meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')
meta(http-equiv='x-ua-compatible' content='ie=edge') meta(http-equiv='x-ua-compatible' content='ie=edge')
meta(name='description' content='Hi, there! My name is Garrett. I am a computer scientist, software engineer, and speaker.') meta(name='description' content='Hi, there! My name is Garrett. I am a computer scientist, software engineer, and speaker.')
meta(name='keywords' content='garrett mills glmdev developer speaker flitter extollo student') meta(name='keywords' content='garrett mills glmdev developer speaker flitter extollo student')
meta(name='author' content=config('app.name', 'Garrett Mills')) meta(name='author' content=config('app.name', 'Garrett Mills'))
meta(name='robots' content='index, follow') meta(name='robots' content='index, follow')
block title block title
if title if title
title #{title} | #{config('app.name', 'Garrett Mills')} title #{title} | #{config('app.name', 'Garrett Mills')}
else else
title #{config('app.name', 'Garrett Mills')} title #{config('app.name', 'Garrett Mills')}
block style block style
link(rel='stylesheet' href=asset('normalize.css')) link(rel='stylesheet' href=asset('normalize.css'))
link(rel='stylesheet' href=asset('main-bam.css')) link(rel='stylesheet' href=asset('main-bam.css'))
//script. //script.
// window.glmdev = window.glmdev || {} // window.glmdev = window.glmdev || {}
// window.glmdev.themeStats = window.glmdev.themeStats || [] // window.glmdev.themeStats = window.glmdev.themeStats || []
// window.glmdev.themeStats.push('Default Theme: !{themeDisplayName}') // window.glmdev.themeStats.push('Default Theme: !{themeDisplayName}')
//link(rel='stylesheet' href=asset('main-70s.css')) //link(rel='stylesheet' href=asset('main-70s.css'))
//link(rel='stylesheet' href=`/theme/${themeName}.css` title=themeDisplayName) //link(rel='stylesheet' href=`/theme/${themeName}.css` title=themeDisplayName)
//if themeStylesheets //if themeStylesheets
// each sheet in themeStylesheets // each sheet in themeStylesheets
// link(rel='alternate stylesheet' href=sheet.url title=sheet.displayName) // link(rel='alternate stylesheet' href=sheet.url title=sheet.displayName)
link(rel='author' href='/humans.txt') link(rel='author' href='/humans.txt')
//link(rel="alternate" href="/links.mark.md" title="Garrett Mills - My Bookmarks" type="text/markdown;variant=markmark") //link(rel="alternate" href="/links.mark.md" title="Garrett Mills - My Bookmarks" type="text/markdown;variant=markmark")
//link(rel="alternate" href="/links" title="Garrett Mills - My Bookmarks" type="text/html") //link(rel="alternate" href="/links" title="Garrett Mills - My Bookmarks" type="text/html")
//link(rel="alternate" href="/links/atom.xml" title="Garrett's Bookmarks (Atom)" type="application/atom+xml") //link(rel="alternate" href="/links/atom.xml" title="Garrett's Bookmarks (Atom)" type="application/atom+xml")
//link(rel="alternate" href="/links/rss2.xml" title="Garrett's Bookmarks (RSS)" type="application/rss+xml") //link(rel="alternate" href="/links/rss2.xml" title="Garrett's Bookmarks (RSS)" type="application/rss+xml")
//link(rel="alternate" href="/links/json.json" title="Garrett's Bookmarks (JSON)" type="application/feed+json") //link(rel="alternate" href="/links/json.json" title="Garrett's Bookmarks (JSON)" type="application/feed+json")
//link(rel="alternate" href="/feed/atom.xml" title="Garrett Mills - Posts & Updates (Atom)" type="application/atom+xml") //link(rel="alternate" href="/feed/atom.xml" title="Garrett Mills - Posts & Updates (Atom)" type="application/atom+xml")
//link(rel="alternate" href="/feed/rss.xml" title="Garrett Mills - Posts & Updates (RSS)" type="application/rss+xml") //link(rel="alternate" href="/feed/rss.xml" title="Garrett Mills - Posts & Updates (RSS)" type="application/rss+xml")
//link(rel="alternate" href="/feed/json.json" title="Garrett Mills - Posts & Updates (JSON)" type="application/feed+json") //link(rel="alternate" href="/feed/json.json" title="Garrett Mills - Posts & Updates (JSON)" type="application/feed+json")
//link(rel="alternate" href="/blog/atom.xml" title="Garrett's Blog (Atom)" type="application/atom+xml") //link(rel="alternate" href="/blog/atom.xml" title="Garrett's Blog (Atom)" type="application/atom+xml")
//link(rel="alternate" href="/blog/rss2.xml" title="Garrett's Blog (RSS)" type="application/rss+xml") //link(rel="alternate" href="/blog/rss2.xml" title="Garrett's Blog (RSS)" type="application/rss+xml")
//link(rel="alternate" href="/blog/json.json" title="Garrett's Blog (JSON)" type="application/feed+json") //link(rel="alternate" href="/blog/json.json" title="Garrett's Blog (JSON)" type="application/feed+json")
//link(rel='apple-touch-icon' sizes='180x180' href=asset('favicon/apple-touch-icon.png')) //link(rel='apple-touch-icon' sizes='180x180' href=asset('favicon/apple-touch-icon.png'))
//link(rel='manifest' href=asset('favicon/site.webmanifest')) //link(rel='manifest' href=asset('favicon/site.webmanifest'))
//link(rel='icon' type='image/png' sizes='32x32' href=asset('favicon/favicon-32x32.png')) //link(rel='icon' type='image/png' sizes='32x32' href=asset('favicon/favicon-32x32.png'))
//link(rel='icon' type='image/png' sizes='16x16' href=asset('favicon/favicon-16x16.png')) //link(rel='icon' type='image/png' sizes='16x16' href=asset('favicon/favicon-16x16.png'))
//link(rel='shortcut icon' href=asset('favicon/favicon.ico')) //link(rel='shortcut icon' href=asset('favicon/favicon.ico'))
body body
.wrapper .wrapper
header.hero glm. header.hero glm.
nav nav
ul ul
li li
a(href='/') Home a(href='/') Home
//li //li
a(href='/timeline') Timeline a(href='/timeline') Timeline
li li
a(href='/blog') Blog a(href='/blog') Blog
li li
a(href='/feed') Notes a(href='/feed') Notes
li li
a(href='/links') Bookmarks <img class="inline-markmark-logo" src="#{asset('markmark-light.svg')}"/> a(href='/links') Bookmarks <img class="inline-markmark-logo" src="#{asset('markmark-light.svg')}" alt="MarkMark logo"/>
block content block content
footer footer
.obsidian glm. .obsidian glm.
p &copy 2015-#{(new Date).getFullYear()} Garrett Mills — <a href="/technical">More Info</a> p &copy 2015-#{(new Date).getFullYear()} Garrett Mills — <a href="/technical">Technical Info</a>
if user() if user()
p &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; p &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
a(href="/dash") Dashboard a(href="/dash") Dashboard
block script block script

View File

@ -2,7 +2,7 @@ extends template_bam
block content block content
section#about section#about
img(style="height: 250px;" src=asset('img/01-self-portrait-bw.jpg')) img(style="height: 250px;" src=asset('img/01-self-portrait-bw.webp') alt="Self-portrait photo of Garrett Mills")
p.italic Hi, I'm Garrett. p.italic Hi, I'm Garrett.
p I'm a computer scientist and software engineer. Professionally, I design and build flexible, scalable software systems. Personally, I study programming languages, libre software, visual design, and the small web. p I'm a computer scientist and software engineer. Professionally, I design and build flexible, scalable software systems. Personally, I study programming languages, libre software, visual design, and the small web.
p Other things I like: self-hosting, RSS, photography, cooking, and really good fonts. p Other things I like: self-hosting, RSS, photography, cooking, and really good fonts.