finish layout for 32bitmas page
This commit is contained in:
parent
5d2107b933
commit
7780916f55
|
|
@ -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
|
||||
|
|
@ -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 rel="stylesheet" href="/css/winter.css">
|
||||
<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="pingback" href="https://webmention.io/yequari.com/xmlrpc" />
|
||||
<script src="/js/webmention.js" async></script>
|
||||
|
|
@ -19,6 +18,7 @@
|
|||
<body>
|
||||
<div class="big">
|
||||
<div class="column">
|
||||
<div id="winter"></div>
|
||||
<main>
|
||||
{{- block "main" . }}{{- end }}
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,21 @@
|
|||
{{ define "main" }}
|
||||
<div id="winter"></div>
|
||||
<article class="h-entry content">
|
||||
<h1 class="p-name">{{ .Title }}</h1>
|
||||
<p><a href="/"><-- Return to yequari.com</a></p>
|
||||
<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>
|
||||
<a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a>
|
||||
{{ partial "tags.html" .}}
|
||||
{{ if .Params.context }}
|
||||
<p class="context">{{ .Params.context | markdownify }}</p>
|
||||
{{ end }}
|
||||
<div class="e-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ partial "webmentions.html" }}
|
||||
<div id="webmentions"></div>
|
||||
</article>
|
||||
<header>
|
||||
</header>
|
||||
<article class="h-entry content">
|
||||
<h1 class="p-name">{{ .Title }}</h1>
|
||||
<p><a href="/">← Return to yequari.com</a></p>
|
||||
<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>
|
||||
<a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a>
|
||||
{{ partial "tags.html" .}}
|
||||
{{ if .Params.context }}
|
||||
<p class="context">{{ .Params.context | markdownify }}</p>
|
||||
{{ end }}
|
||||
<div class="e-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ partial "webmentions.html" }}
|
||||
<div id="webmentions"></div>
|
||||
</article>
|
||||
<script src="/js/winter.js"></script>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 100vh;
|
||||
top: 150vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -32,29 +32,67 @@
|
|||
|
||||
|
||||
#winter {
|
||||
z-index: -1;
|
||||
height: 100vh;
|
||||
z-index: 1;
|
||||
height: 150vh;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transition: opacity 500ms;
|
||||
width: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.snow {
|
||||
animation: fall ease-in infinite, sway ease-in-out infinite;
|
||||
color: skyblue;
|
||||
color: white;
|
||||
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 {
|
||||
max-width: 750px;
|
||||
margin: 0 auto;
|
||||
font-size: 16px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.content p {
|
||||
z-index: 2;
|
||||
line-height: 1.7em;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.context {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
|
|
@ -26,7 +26,7 @@ const createSnow = (num) => {
|
|||
var snow = document.createElement("div");
|
||||
snow.className = "snow";
|
||||
snow.style.cssText = getRandomStyles();
|
||||
snow.innerHTML = snowContent[random(2)];
|
||||
snow.innerHTML = snowflake;
|
||||
// snow.innerHTML = snowflake;
|
||||
snowContainer.append(snow);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue