finish layout for 32bitmas page

This commit is contained in:
yequari 2024-01-07 15:38:00 -07:00
parent 5d2107b933
commit 7780916f55
6 changed files with 96 additions and 24 deletions

View File

@ -0,0 +1,33 @@
---
title: "Reflecting on 2023"
date: 2024-01-10: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/)."
---
2023 was truly one of the years of all time. In this post, I'd like to look back at my year in three aspects of my life, and talk about some of my goals for 2024.
<!--more-->
## Fitness
In August I returned to the gym after 4ish years of not really exercising much at all. I've always had a difficult relationship with fitness and exercise. I've never really been fit and everytime I tried to change that, I set goals that were far too ambitious and then failed to meet them, at which point I would give up, because what's the point of doing something unless I can do it perfectly? This time, though, I've made it my goal to just get in the gym and exercise 3 times a week. It's been great so far. I've been pretty consistent with going, missing only two weeks, once when I was sick and once when I was out of town. I am starting to see some progress, though I haven't made any efforts to track it, I notice I am sleeping better and have more energy. I don't always feel like going to the gym but I am always glad I forced myself to go.
## Hobbies
I also spent a lot of time hanging out at the [32-bit Cafe](https://32bit.cafe), working on my own website, helping others work on theirs, and just shooting the shit about web, tech, and life. It's been a great time, the friends I've made there
I started a few web services for the cafe, an instance of [FreshRSS](https://rss.32bit.cafe) and an instance of [Postmill](https://discuss.32bit.cafe), as well as a Discord bot to feed new posts from the discussion boards to a channel in the Discord.
- Programming projects
## Career
- Changed jobs
## Goals for 2024
Before I get into my goals, I'd like to talk a little bit about my philosophy regarding setting goals and measuring success. With how my brain is wired getting things done can be hard. I've spent many years setting goals, failing to meet them very early on, then feeling defeated and that continuing to work towards the goal is pointless. To get around that, I set goals that are more vague, but still quantifiable.
In 2024, I want to continue exercising consistently, and I think at this point I can set some goals and monitor my progress. As of January 4th, I weigh 227 pounds. I'd like to get that down to under 200 before the end of the year. I think it's doable, but not easy.
- Code more
- Contribute to open source

View File

@ -8,7 +8,6 @@
<link href="https://fonts.bunny.net/css?family=b612-mono:400|asar:400|bungee:400|nova-mono:400|krub:400|lalezar:400" rel="stylesheet" /> <link href="https://fonts.bunny.net/css?family=b612-mono:400|asar:400|bungee:400|nova-mono:400|krub:400|lalezar:400" rel="stylesheet" />
<link rel="stylesheet" href="/css/winter.css"> <link rel="stylesheet" href="/css/winter.css">
<link rel="icon" type="image/png" href="/favicon.png"> <link rel="icon" type="image/png" href="/favicon.png">
<script src="/js/quotes.js"></script>
<link rel="webmention" href="https://webmention.io/yequari.com/webmention" /> <link rel="webmention" href="https://webmention.io/yequari.com/webmention" />
<link rel="pingback" href="https://webmention.io/yequari.com/xmlrpc" /> <link rel="pingback" href="https://webmention.io/yequari.com/xmlrpc" />
<script src="/js/webmention.js" async></script> <script src="/js/webmention.js" async></script>
@ -19,6 +18,7 @@
<body> <body>
<div class="big"> <div class="big">
<div class="column"> <div class="column">
<div id="winter"></div>
<main> <main>
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</main> </main>

View File

@ -1,8 +1,9 @@
{{ define "main" }} {{ define "main" }}
<div id="winter"></div> <header>
<article class="h-entry content"> </header>
<article class="h-entry content">
<h1 class="p-name">{{ .Title }}</h1> <h1 class="p-name">{{ .Title }}</h1>
<p><a href="/">&lt;-- Return to yequari.com</a></p> <p><a href="/"> Return to yequari.com</a></p>
<a class="p-author h-card hidden" href="https://yequari.com">yequari</a> <a class="p-author h-card hidden" href="https://yequari.com">yequari</a>
<time class="dt-published" datetime={{.PublishDate }}>{{ .PublishDate.Format "Mon, Jan 02, 2006" }}</time> <time class="dt-published" datetime={{.PublishDate }}>{{ .PublishDate.Format "Mon, Jan 02, 2006" }}</time>
<a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a> <a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a>
@ -13,8 +14,8 @@
<div class="e-content"> <div class="e-content">
{{ .Content }} {{ .Content }}
</div> </div>
{{ partial "webmentions.html" }} {{ partial "webmentions.html" }}
<div id="webmentions"></div> <div id="webmentions"></div>
</article> </article>
<script src="/js/winter.js"></script> <script src="/js/winter.js"></script>
{{ end }} {{ end }}

View File

@ -7,7 +7,7 @@
opacity: 1; opacity: 1;
} }
100% { 100% {
top: 100vh; top: 150vh;
opacity: 1; opacity: 1;
} }
} }
@ -32,29 +32,67 @@
#winter { #winter {
z-index: -1; z-index: 1;
height: 100vh; height: 150vh;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
transition: opacity 500ms; transition: opacity 500ms;
width: 100%; width: 100%;
pointer-events: none;
} }
.snow { .snow {
animation: fall ease-in infinite, sway ease-in-out infinite; animation: fall ease-in infinite, sway ease-in-out infinite;
color: skyblue; color: white;
position: absolute; position: absolute;
} }
body {
background: #241e1e;
}
main {
font-size: 16px;
max-width: 1250px;
margin: 0 auto;
background-color: #ffb380;
font-family: 'Krub', sans-serif;
}
header {
height: 200px;
background-image: url('/images/blog/12/desert.png');
}
footer {
max-width: 750px;
margin: 0 auto;
}
h1 {
font-size: 1.8rem;
}
a:link, a:visited {
color: #C03221;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
.content { .content {
max-width: 750px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
font-size: 16px; padding-bottom: 30px;
} }
.content p { .content p {
z-index: 2;
line-height: 1.7em; line-height: 1.7em;
font-size: 1.1rem;
} }
.context { .context {

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

View File

@ -26,7 +26,7 @@ const createSnow = (num) => {
var snow = document.createElement("div"); var snow = document.createElement("div");
snow.className = "snow"; snow.className = "snow";
snow.style.cssText = getRandomStyles(); snow.style.cssText = getRandomStyles();
snow.innerHTML = snowContent[random(2)]; snow.innerHTML = snowflake;
// snow.innerHTML = snowflake; // snow.innerHTML = snowflake;
snowContainer.append(snow); snowContainer.append(snow);
} }