diff --git a/assets/dotslash-ppyl-32.png b/assets/dotslash-ppyl-32.png new file mode 100644 index 0000000..5d2b25f Binary files /dev/null and b/assets/dotslash-ppyl-32.png differ diff --git a/assets/dotslash-ppyl.svg b/assets/dotslash-ppyl.svg new file mode 100644 index 0000000..52501a9 --- /dev/null +++ b/assets/dotslash-ppyl.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/favicon.png b/assets/favicon.png new file mode 100644 index 0000000..395d75b Binary files /dev/null and b/assets/favicon.png differ diff --git a/assets/favicon.svg b/assets/favicon.svg new file mode 100644 index 0000000..447de8b --- /dev/null +++ b/assets/favicon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/main.css b/assets/main.css index 71376f9..93058e5 100644 --- a/assets/main.css +++ b/assets/main.css @@ -83,16 +83,37 @@ footer { } +.pfp-name { + text-decoration: none; + /* background-color: var(--accent-bg); */ + color: var(--accent); + padding-left: 6px; + /* padding-right: 6px; */ + padding-top: 0; +} +nav .pfp-name { + /* To have the icon and the text (.pfp-text) align */ + display: table; +} +nav .pfp-text { + /* TODO: Hardcoded alignment is ugly. Please find a better fix */ + vertical-align: top; + padding-left: 0.5rem; + padding-top: 0.1rem; + font-size: 1.1rem; + display: inline-block; +} + /* Homepage stuff */ -#pfp { - /* The dot slash pic */ - max-width: 20%; - border: 5px solid var(--border); - border-radius: 25%; - margin-left: auto; - margin-right: auto; - display: block; - margin-top: 4rem; +.blink { + opacity: 0; + color: var(--accent-light); + animation: blinker 1s step-start 5; +} +@keyframes blinker { + 50% { + opacity: 100%; + } } nav { @@ -275,7 +296,8 @@ a:hover:not(nav) { nav a:not(nav strong > a):not(nav ul li:last-child a):hover { border-bottom: 2.5px solid; } -nav a:hover { +nav a:not(.pfp-name a):hover { + /* TODO: Don't do this for the pfp on nav */ background-color: var(--accent-bg); } diff --git a/config.toml b/config.toml index 42bcfa9..c564339 100644 --- a/config.toml +++ b/config.toml @@ -21,6 +21,11 @@ suffixTitle = " | ~hedy" # prepended after page titles geminiRoot = "gemini://hedy.tilde.cafe" +# true: Use shortcode pfp-name as the home link text in nav bar +# false: Use shortTitle there instead +# true if the site is centers around the person, false for non-personal sites basically +navHomeUsePFPName = true + [author] name = "hedy" email = "hedy@tilde.cafe" diff --git a/content/_index.md b/content/_index.md index a0304de..5a92d1a 100644 --- a/content/_index.md +++ b/content/_index.md @@ -4,11 +4,8 @@ outputs: - gemtext --- -thumbnail/cover -picture: my 'dotslash' logo - -# Hi, I'm ~hedy +

Hi, I'm {{% pfp-name %}}▂

I build **FLOSS** (Free, Libre Open Source Software) in my spare time, and I'm quite fond of both minimalist **Text User Interface** gems as well as **graphic design** — diff --git a/layouts/partials/head.html b/layouts/partials/head.html index edde2a5..c126617 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -10,6 +10,13 @@ {{- end -}} + +{{ $favicon_svg := resources.Get "/favicon.svg" | resources.Fingerprint "md5" }} +{{- printf `` $favicon_svg.Permalink | safeHTML }} +{{ $favicon := resources.Get "/favicon.png" -}} +{{ $favicon_base64 := $favicon.Content | base64Encode }} +{{ printf `` $favicon_base64 | safeHTML }} + diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 6a0cb48..d510dd2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,5 +1,14 @@ +{{ $relperm := .RelPermalink | replaceRE "^/~hedy/" "/" -}} +{{ $home := .Site.Title -}} +{{ if (ne $relperm "/") -}} + {{ if .Site.Params.navHomeUsePFPName -}} + {{ $home = partial "pfp-name.html" . -}} + {{ else -}} + {{ $home = .Site.Params.shortTitle -}} + {{ end -}} +{{ end -}}