From ccae7a4566c4561b7272ad1d5ae4775c0fe5ab1d Mon Sep 17 00:00:00 2001 From: yequari Date: Wed, 3 Jan 2024 11:32:45 -0700 Subject: [PATCH] creating holiday post --- config.yaml | 1 - .../blog/2023/12/reflecting-on-2023/index.md | 24 ++++++++ layouts/blog/winter-baseof.html | 28 +++++++++ layouts/blog/winter.html | 20 ++++++ static/css/winter.css | 57 ++++++++++++++++++ static/images/manatee_banner2.png | Bin 0 -> 3218 bytes static/js/winter.js | 37 ++++++++++++ 7 files changed, 166 insertions(+), 1 deletion(-) create mode 100644 content/blog/2023/12/reflecting-on-2023/index.md create mode 100644 layouts/blog/winter-baseof.html create mode 100644 layouts/blog/winter.html create mode 100644 static/css/winter.css create mode 100644 static/images/manatee_banner2.png create mode 100644 static/js/winter.js diff --git a/config.yaml b/config.yaml index af4180e..16ddbed 100644 --- a/config.yaml +++ b/config.yaml @@ -42,4 +42,3 @@ menu: class: email url: mailto:yequari@32bit.cafe weight: 30 - diff --git a/content/blog/2023/12/reflecting-on-2023/index.md b/content/blog/2023/12/reflecting-on-2023/index.md new file mode 100644 index 0000000..747464c --- /dev/null +++ b/content/blog/2023/12/reflecting-on-2023/index.md @@ -0,0 +1,24 @@ +--- +title: "Reflecting on 2023" +date: 2023-12-19T22:15:29-07:00 +draft: true +layout: winter +context: "This page is an entry into the 32-Bit Cafe's [2023 holiday event](https://32bit.cafe/holidays2023/)." +--- + +## Things that happened + +- Returned to the gym + +- Did some stuff at the 32-bit cafe + +- Changed jobs + +- Programming projects + +## Goals for 2024 + +- Fitness and diet goals + +- Code more + - Contribute to open source diff --git a/layouts/blog/winter-baseof.html b/layouts/blog/winter-baseof.html new file mode 100644 index 0000000..887d1b0 --- /dev/null +++ b/layouts/blog/winter-baseof.html @@ -0,0 +1,28 @@ + + + + + + {{ .Page.Title }} + + + + + + + + + {{ range .AlternativeOutputFormats -}} + {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} + {{ end -}} + + +
+
+
+ {{- block "main" . }}{{- end }} +
+
+
+ + diff --git a/layouts/blog/winter.html b/layouts/blog/winter.html new file mode 100644 index 0000000..1ae9b17 --- /dev/null +++ b/layouts/blog/winter.html @@ -0,0 +1,20 @@ +{{ define "main" }} +
+
+

{{ .Title }}

+

<-- Return to yequari.com

+ + + + {{ partial "tags.html" .}} + {{ if .Params.context }} +

{{ .Params.context | markdownify }}

+ {{ end }} +
+ {{ .Content }} +
+ {{ partial "webmentions.html" }} +
+
+ +{{ end }} diff --git a/static/css/winter.css b/static/css/winter.css new file mode 100644 index 0000000..383bbda --- /dev/null +++ b/static/css/winter.css @@ -0,0 +1,57 @@ + +@keyframes fall { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + top: 100vh; + opacity: 1; + } +} + +@keyframes sway { + 0% { + margin-left: 0; + } + 25% { + margin-left: 50px; + } + 50% { + margin-left: -50px; + } + 75% { + margin-left: 50px; + } + 100% { + margin-left: 0; + } +} + + +#winter { + z-index: -1; + height: 100vh; + overflow: hidden; + position: absolute; + top: 0; + transition: opacity 500ms; + width: 100%; +} + +.snow { + animation: fall ease-in infinite, sway ease-in-out infinite; + color: skyblue; + position: absolute; +} + +.content { + max-width: fit-content; + margin: 0 auto; +} + +.context { + font-style: italic; +} diff --git a/static/images/manatee_banner2.png b/static/images/manatee_banner2.png new file mode 100644 index 0000000000000000000000000000000000000000..37c0af3f684a96b00d765ae43fc180a53decfaef GIT binary patch literal 3218 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 literal 0 HcmV?d00001 diff --git a/static/js/winter.js b/static/js/winter.js new file mode 100644 index 0000000..871309f --- /dev/null +++ b/static/js/winter.js @@ -0,0 +1,37 @@ +console.log("winter"); + +const snowContent = ['❄', '❅', '❆'] +const snowflake = '● ' +const snowContainer = document.getElementById('winter'); + +const random = (num) => { + return Math.floor(Math.random() * num); +} + +const getRandomStyles = () => { + const top = random(100); + const left = random(100); + const dur = random(10) + 10; + const size = random(15) + 15; + return ` +top: -${top}%; +left: ${left}%; +font-size: ${size}px; +animation-duration: ${dur}s; +`; +} + +const createSnow = (num) => { + for (var i = num; i > 0; i--) { + var snow = document.createElement("div"); + snow.className = "snow"; + snow.style.cssText = getRandomStyles(); + snow.innerHTML = snowContent[random(2)]; + // snow.innerHTML = snowflake; + snowContainer.append(snow); + } +} + +window.addEventListener("load", () => { + createSnow(30) +});