diff --git a/config.yaml b/config.yaml index 604a26d..59dbd82 100644 --- a/config.yaml +++ b/config.yaml @@ -23,6 +23,7 @@ params: isso_url: "comments.redstrate.com" geekring_site_id: 227 gitlab_username: "redstrate" + profile_picture: "/rss-image.png" author: name: 'redstrate' diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css index e673ae7..7beca80 100644 --- a/themes/red/assets/css/site.css +++ b/themes/red/assets/css/site.css @@ -1,21 +1,21 @@ /* desktop devices */ @media (min-width: 768px) { header { - margin: 10px; + margin: 5px; } aside { - margin: 10px; + margin: 5px; flex: 15em 0 0; } article { - margin: 10px; + margin: 5px; } footer { - margin: 10px; + margin: 5px; } #content { @@ -41,19 +41,19 @@ } header { - margin: 10px; + margin: 5px; } aside { - margin: 10px; + margin: 5px; } article { - margin: 10px; + margin: 5px; } footer { - margin: 10px; + margin: 5px; } } @@ -68,12 +68,14 @@ body { :root { --primary-accent: #9f5858; --secondary-accent: #c99192; - --border-color: #b57f7f; - --background-primary: #fffbf9; - --background-secondary: #ffffff; + --border-color: black; + --background-primary: #ab4a2f; + --background-secondary: #fdfdfd; --text-color: #363131; --link-visited: #460b0b; --extra-color: #efe4e4; + --border: 3px double var(--border-color); + --shadow: 3px 3px 0px black; } @media (prefers-color-scheme: dark) { @@ -104,6 +106,22 @@ a:visited { header { flex-grow: 1; flex-basis: 100%; + color: var(--background-secondary); +} + +header img { + height: 3em; + width: auto; + vertical-align: middle; + box-shadow: var(--shadow); + border: var(--border); + background-color: var(--background-secondary); +} + +header h1 { + display: inline; + vertical-align: middle; + margin-left: 0.25em; } aside { @@ -111,7 +129,8 @@ aside { text-align: center; - border: 1px solid var(--border-color); + border: var(--border); + box-shadow: var(--shadow); border-radius: 3px; padding: 15px; } @@ -119,8 +138,9 @@ aside { article { background-color: var(--background-secondary); - border: 1px solid var(--border-color); + border: var(--border); border-radius: 3px; + box-shadow: var(--shadow); padding: 15px; @@ -134,8 +154,9 @@ footer { flex-grow: 1; flex-basis: 100%; - border: 1px solid var(--border-color); + border: var(--border); border-radius: 3px; + box-shadow: var(--shadow); padding: 15px; } @@ -226,6 +247,7 @@ table { h2 { margin-top: 0.2em; + margin-bottom: 0.2em; } iframe { diff --git a/themes/red/layouts/_default/art-detail.html b/themes/red/layouts/_default/art-detail.html index 645a8aa..a43395e 100644 --- a/themes/red/layouts/_default/art-detail.html +++ b/themes/red/layouts/_default/art-detail.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ with resources.Get .Params.filename }} {{ $.Params.alt_text }} {{ end }} diff --git a/themes/red/layouts/_default/art.html b/themes/red/layouts/_default/art.html index 8d0c683..3fb2703 100644 --- a/themes/red/layouts/_default/art.html +++ b/themes/red/layouts/_default/art.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+

Welcome to my art gallery! This is the most complete view of my work, which I have archived since 2016.

This current iteration of the gallery is a work-in-progress, so details and alt-text may be missing for older work.

diff --git a/themes/red/layouts/_default/audio-gallery.html b/themes/red/layouts/_default/audio-gallery.html index 12e33b8..ec6f2a1 100644 --- a/themes/red/layouts/_default/audio-gallery.html +++ b/themes/red/layouts/_default/audio-gallery.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ .Content }} {{ $art := (index site.Data ($.Param "json")) }} diff --git a/themes/red/layouts/_default/gallery.html b/themes/red/layouts/_default/gallery.html index a305a7c..6dfd8d6 100644 --- a/themes/red/layouts/_default/gallery.html +++ b/themes/red/layouts/_default/gallery.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ .Content }} {{ $selected_year := $.Param "selectedyear" }} diff --git a/themes/red/layouts/_default/list.html b/themes/red/layouts/_default/list.html index bb6b521..dde8789 100644 --- a/themes/red/layouts/_default/list.html +++ b/themes/red/layouts/_default/list.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ .Content }} diff --git a/themes/red/layouts/_default/listart.html b/themes/red/layouts/_default/listart.html index b3dcec8..305f4aa 100644 --- a/themes/red/layouts/_default/listart.html +++ b/themes/red/layouts/_default/listart.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+
{{ with $.Param "source" }} diff --git a/themes/red/layouts/_default/single.html b/themes/red/layouts/_default/single.html index 6928f6d..4299266 100644 --- a/themes/red/layouts/_default/single.html +++ b/themes/red/layouts/_default/single.html @@ -2,7 +2,7 @@

{{ .Title }}

{{ if in .File.Dir "blog" }} -

+

Posted on

{{ end }} +
+
{{ .Content }}
diff --git a/themes/red/layouts/_default/software.html b/themes/red/layouts/_default/software.html index bca2fab..2cc8859 100644 --- a/themes/red/layouts/_default/software.html +++ b/themes/red/layouts/_default/software.html @@ -1,6 +1,8 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ .Content }}

Personal Projects

diff --git a/themes/red/layouts/index.html b/themes/red/layouts/index.html index 9d176a0..575170a 100644 --- a/themes/red/layouts/index.html +++ b/themes/red/layouts/index.html @@ -1,5 +1,7 @@ {{ define "main" }}

{{ .Title }}

+
+ {{ .Content }} {{ end }} diff --git a/themes/red/layouts/partials/header.html b/themes/red/layouts/partials/header.html index fbbee38..31ebb44 100644 --- a/themes/red/layouts/partials/header.html +++ b/themes/red/layouts/partials/header.html @@ -1 +1,5 @@ +{{ $avatar := resources.Get .Site.Params.profile_picture }} +{{ with $avatar }} + +{{ end }}

{{ .Site.Title }}