diff options
| -rw-r--r-- | assets/aoidh.css | 244 | ||||
| -rw-r--r-- | hugo.toml | 4 | ||||
| -rw-r--r-- | layouts/_partials/date.html | 3 | ||||
| -rw-r--r-- | layouts/_partials/head.html | 6 | ||||
| -rw-r--r-- | layouts/_partials/header.html | 2 | ||||
| -rw-r--r-- | layouts/_partials/nav.html | 14 |
6 files changed, 273 insertions, 0 deletions
diff --git a/assets/aoidh.css b/assets/aoidh.css new file mode 100644 index 0000000..5925011 --- /dev/null +++ b/assets/aoidh.css @@ -0,0 +1,244 @@ +:root { + --paper-color: #ffffea; + --light-yellow: #eeee9e; + --dark-yellow: #99994c; + --light-blue: #eaffff; + --dark-blue: #8888cc; + --light-gray: #eee; + --dark-gray: #888; + + --pagewidth: 60rem; + --textwidth: 45rem; + --parspace: .5em; + + --letter-page-width: 8.5in; + --letter-page-height: 11in; +} + +html { + background: var(--light-gray); +} + +body { + margin: 1rem auto; + padding: 1rem .5rem; + max-width: var(--pagewidth); + border: 1px solid var(--dark-yellow); + box-shadow: 2px 2px var(--dark-yellow); +} + +body { + font-family: 'IBM Plex Serif', Charter, 'Bitstream Charter', 'Sitka Text', serif; + font-weight: 400; + line-height: 1.3em; + text-rendering: optimizeLegibility; + color: #000; + background: #fff; +} + +#content { + margin: 0 auto; + max-width: var(--textwidth); +} + +header { + margin-bottom: 1rem; +} + +nav ul { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr)); + gap: .4rem .8rem; + margin: 0; + margin-block: 0 .8rem; + padding: 0; +} + +nav li { + display: inline-block; +} + +nav a { + display: inline-block; + box-sizing: border-box; + width: 100%; + text-align: center; + vertical-align: middle; + white-space: nowrap; + color: #000; + border: .1rem solid var(--dark-blue); + box-shadow: .1rem .1rem var(--dark-blue); +} + +li.nav-active a { + font-weight: 600; + box-shadow: .2rem .2rem var(--dark-yellow); +} + +li.nav-ancestor a { + font-weight: 600; +} + +nav a:active { + box-shadow: 0 0; + text-decoration: none; +} + +p { + text-align: justify; + hyphens: auto; + text-justify: inter-word; + margin-top: 0; + margin-bottom: var(--parspace); +} + +a { + font-weight: 450; + text-decoration: none; + border: 1px solid transparent; +} + +a:hover { + text-decoration: none; + color: #000; + background: var(--light-blue); +} + +a:active { + text-decoration: none; + color: #000; + text-decoration: underline; + background: var(--light-blue); +} + +.title { + font-size: 1.4rem; +} + +h1 { + font-size: 1.15rem; + font-weight: 700 +} + +h2 { + font-size: 1.10rem; + font-weight: 600; +} + +h3 { + font-size: 1.05rem; + font-weight: 500; +} + +h1, h2, h3 { + margin-block-start: .8em; + margin-block-end: .4em; +} + +table { + border-collapse: collapse; + text-align: left; + margin-bottom: 1rem; + border-left: .2rem solid var(--dark-blue); + box-shadow: .2rem .2rem var(--light-gray); +} + +thead tr { + background: var(--light-blue); + border: 1px solid #000; +} + +tbody tr { + border: 1px solid var(--dark-gray); +} + +th, td { + padding: .125em .4em; + vertical-align: middle; +} + +th, th * { + font-weight: 500; +} + +footer { + margin-top: 2rem; +} + +footer hr { + margin-top: 0; + margin-bottom: .4em; +} + +footer p { + font-size: 90%; + text-align: left; + margin-bottom: .1em; +} + +footer :last-child { + margin-bottom: 0; +} + +hr { + border-top: .1rem solid #000; + margin-top: 0; + margin-bottom: 1em; +} + +blockquote { + width: 80%; + margin: 0 auto var(--parspace) auto; +} + +cite { + display: block; + text-align: right +} + +img { + box-sizing: border-box; + max-width: 100%; + max-height: 90vh; + border: 1px solid var(--dark-gray); + box-shadow: .2rem .2rem var(--light-gray); + margin-bottom: var(--parspace); +} + +div { + margin-bottom: var(--parspace); +} + +ul { + list-style: none; + margin: 0; + margin-block: 0 1em; + padding: 0; +} + +main li { + padding-left: 1em; + position: relative; +} + +main li::before { + content: "•"; + position: absolute; + left: 0; +} + +iframe { + width: 100%; + height: 85vh; + border: none; +} + +code { + font-family: 'IBM Plex Mono', 'Source Code Pro', monospace; + font-size: .9em; +} + +.mono { + font-family: 'IBM Plex Mono', 'Source Code Pro', monospace; + font-size: .9em; +} diff --git a/hugo.toml b/hugo.toml new file mode 100644 index 0000000..1410ef9 --- /dev/null +++ b/hugo.toml @@ -0,0 +1,4 @@ +[module] + [module.hugoVersion] + extended = false + min = '0.146.0' diff --git a/layouts/_partials/date.html b/layouts/_partials/date.html new file mode 100644 index 0000000..39e108c --- /dev/null +++ b/layouts/_partials/date.html @@ -0,0 +1,3 @@ +{{- $machine := . | time.Format "2006-01-02T15:04:05-07:00" -}} +{{- $human := . | time.Format "2006-01-02" -}} +<time datetime="{{ $machine }}">{{ $human }}</time> diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html new file mode 100644 index 0000000..2720637 --- /dev/null +++ b/layouts/_partials/head.html @@ -0,0 +1,6 @@ +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width"> +<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title> +{{- with resources.Get "aoidh.css" | minify }} + <link rel="stylesheet" href="{{ .RelPermalink }}"> +{{- end }} diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html new file mode 100644 index 0000000..8264d4d --- /dev/null +++ b/layouts/_partials/header.html @@ -0,0 +1,2 @@ +{{ partial "nav.html" . }} +<hr> diff --git a/layouts/_partials/nav.html b/layouts/_partials/nav.html new file mode 100644 index 0000000..81751ef --- /dev/null +++ b/layouts/_partials/nav.html @@ -0,0 +1,14 @@ +<nav> + <ul> + {{- $currentPage := . }} + {{- range site.Menus.main }} + {{- if $currentPage.IsMenuCurrent .Menu . }} + <li class="nav-active"><a href="{{ .URL }}">{{ .Name }}</a></li> + {{- else if $currentPage.HasMenuCurrent .Menu . }} + <li class="nav-ancestor"><a href="{{ .URL }}">{{ .Name }}</a></li> + {{- else }} + <li><a href="{{ .URL }}">{{ .Name }}</a></li> + {{- end }} + {{- end }} + </ul> +</nav> |