Misc best-practice fixes
This commit is contained in:
parent
da1aa660ca
commit
de8cbb7af1
BIN
src/app/resources/assets/img/01-self-portrait-bw.webp
Normal file
BIN
src/app/resources/assets/img/01-self-portrait-bw.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 104 KiB |
@ -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 © 2015-#{(new Date).getFullYear()} Garrett Mills — <a href="/technical">More Info</a>
|
p © 2015-#{(new Date).getFullYear()} Garrett Mills — <a href="/technical">Technical Info</a>
|
||||||
if user()
|
if user()
|
||||||
p |
|
p |
|
||||||
a(href="/dash") Dashboard
|
a(href="/dash") Dashboard
|
||||||
|
|
||||||
block script
|
block script
|
||||||
|
@ -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.
|
||||||
|
Loading…
Reference in New Issue
Block a user