diff --git a/assets/scss/extend.scss b/assets/scss/extend.scss index 4cae0bc..be50c5d 100644 --- a/assets/scss/extend.scss +++ b/assets/scss/extend.scss @@ -1,11 +1,9 @@ :root { - --accented-border-style: var(--base0C) solid 1px; + --accented-border-style: var(--base0C) solid .1vw; color: var(--base05); } -// Base footer { - margin-bottom: 1.5em; > * { margin-top: 1em; margin-bottom: 0; @@ -35,6 +33,47 @@ footer { } } +// Custom layouts +#logo { + svg { + --size: 4em; + height: var(--size); + width: var(--size); + fill: var(--base0C); + + &:hover { + fill: var(--base08); + animation: rainbow 2s ease infinite; + } + } +} + +@keyframes rainbow { + @for $i from 0 through 8 { + #{$i * 10}% { fill: var(--base#{decToHex($i + 7)}); } + } +} + +[data-tooltip] { + &::before { + --scale: 0; + + background: var(--base01); + content: attr(data-tooltip); + font-size: 0.8em; + padding: 0.5em; + position: absolute; + transform: translateY(var(--translate-y, -50%)) scale(var(--scale)); + transform-origin: bottom center; + width: max-content; + max-width: 100%; + } + + &:hover::before { + --scale: 1; + } +} + // Prism CSS code[class*="language-"], pre[class*="language-"] { color: var(--base05); @@ -43,6 +82,11 @@ code[class*="language-"], pre[class*="language-"] { // Asciidoctor-specific styles .anchor { + border-bottom: unset; + &:hover { + border-bottom: unset; + } + &::before { content: "§"; display: inline-block; diff --git a/assets/svg/logo.svg b/assets/svg/logo.svg new file mode 100644 index 0000000..ee1ab41 --- /dev/null +++ b/assets/svg/logo.svg @@ -0,0 +1,52 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/_index.adoc b/content/_index.adoc index 10dce09..d951f55 100644 --- a/content/_index.adoc +++ b/content/_index.adoc @@ -8,15 +8,14 @@ title: Homepage Hey there! I'm Gabriel Arazas (`foo-dogsquared`), a hobbyist on software development and programming, an expert in procastination, and a hack on anything else. -You can see more what's my deal on xref:about.adoc[another page] because I want to make introductions nice and brief. +You can see more what's my deal on xref:about/index.adoc[another page] because I want to make introductions nice and brief. Welcome to my small home on the deepest corners of the internet, by the way. Have a seat and take a look in my digital cavern. -.Here's my first productive digital art painting placeholder created with Krita. -image::pp.webp[width=60%] +.Here's my renewed logo. Oooh, personal branding! +image::logo.webp[My renewed logo composed of a stylized drawing of a dog, width=60%] {{< links >}} If you want the old way on getting contact with me, you can shoot an email at `foo.dogsquared{at}gmail{dot}com`. - diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index aab9455..870f559 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -45,6 +45,12 @@

{{ trim . " " | markdownify }}

{{- end }} -Generated on {{ now.Format "2006-01-02 15:04:05 -0700" }} +

+Generated on {{ now.Format "2006-01-02 15:04:05 -0700" }}

+ +{{ $logo := resources.Get "svg/logo.svg" }} + diff --git a/layouts/partials/head.html b/layouts/partials/head.html index cb39cbe..f790f2b 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -21,6 +21,8 @@ {{- end }} + + {{- /* Some sane tags default */ -}} {{ hugo.Generator }} diff --git a/layouts/partials/openring.html b/layouts/partials/openring.html index 7187b3a..4746db9 100644 --- a/layouts/partials/openring.html +++ b/layouts/partials/openring.html @@ -5,61 +5,61 @@

- Utility vs usability + Online Guix Day Conference: schedule released!

- via Drew DeVault's blog + via GNU Guix — Blog - - 2020-11-06 + - 2020-11-16

- KDE Plasma 5.20.2, bugfix Release for October + Introducing the PinePhone - KDE Community edition

via Announcements on KDE - - 2020-10-27 + - 2020-11-15

- Moving away from Github + 2020-11-09 Emacs news

- via Posts on The Missing Bit + via sacha chua :: living an awesome life - - 2020-10-26 + - 2020-11-10

- Status update, October 2020 + Org’s export dispatcher has a new face for its keys

- via emersion + via Protesilaos Stavrou: Coding blog - - 2020-10-16 + - 2020-10-24

- Rust 2021 + EmacsConf 2020 & My Submission

- via Yoshua Wuyts — Blog + via Brett Gilio's blog - - 2020-09-24 + - 2020-10-18
diff --git a/static/favicon.png b/static/favicon.png new file mode 100644 index 0000000..992419d Binary files /dev/null and b/static/favicon.png differ diff --git a/static/favicon.svg b/static/favicon.svg new file mode 100644 index 0000000..aca6856 --- /dev/null +++ b/static/favicon.svg @@ -0,0 +1,36 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/favicon.webp b/static/favicon.webp new file mode 100644 index 0000000..89c859c Binary files /dev/null and b/static/favicon.webp differ diff --git a/static/logo.jpg b/static/logo.jpg deleted file mode 100644 index 43fb575..0000000 Binary files a/static/logo.jpg and /dev/null differ diff --git a/static/logo.png b/static/logo.png new file mode 100644 index 0000000..1cc4880 Binary files /dev/null and b/static/logo.png differ diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..ee1ab41 --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,52 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/logo.webp b/static/logo.webp new file mode 100644 index 0000000..d840ada Binary files /dev/null and b/static/logo.webp differ diff --git a/static/pp.png b/static/pp.png deleted file mode 100644 index b6f94cb..0000000 Binary files a/static/pp.png and /dev/null differ diff --git a/static/pp.webp b/static/pp.webp deleted file mode 100644 index 0820ee2..0000000 Binary files a/static/pp.webp and /dev/null differ