started a post redid a lot of colors and what not

This commit is contained in:
Pagwin 2025-07-05 19:03:40 -04:00
parent 7a1a43ea04
commit a934c99db0
7 changed files with 90 additions and 39 deletions

View file

@ -0,0 +1,68 @@
---
title: "Retrospective on my software engineering class"
description: "Writing about how I felt my software engineering class went"
date: "2025-07-05"
draft: true
tags: []
---
I've written about this through [my weekly updates](/posts/soft_eng_class_weekly_notes/) previously but I didn't write down important information so I'm writing this to consolidate things.
In short I got an A in the class (somehow) but I failed at my objective(s).
## Objective(s)
My objective starting off with this project was to remake [BinghamonBetterBus](https://git.pagwin.xyz/Pagwin/BinghamonBetterBus) (yes that's a typo, no I'm not fixing it in the repo name lol) with better routing an UI with the assistance of a competent friend (same friend who I was [arguing with about enums](/posts/rust_enums)).
## Outcome
The ultimate result was something with slightly better routing and a slightly better UI.
Technically this would meet the aforementioned requirement(s) if not for the fact that the original BinghamonBetterBus was made in a 24 hour hackathon by just me while this was done by me + competent friend over the course of over 2 months.
Even compensating for the school work load, i.e. hackathon took place in February when I was in my third year of college and this was From March to May in my fourth year, this is an abysmal showing.
## What went wrong
Two things
1) I suck at motivating myself and this class was too lax to compensate for that
2) I underestimated how much I would need to take charge to get this done to the desired degree
The second point originated from expecting the competent friend to be an equal in the project but not factoring in how busy they were though I did take more charge of things over time.
To expand on the first point though, this class had us set our own weekly objectives to complete and I consistently set the objectives lower than needed to get things done to a satisfactory degree due to a combo of [Hofstadter's law](https://en.wikipedia.org/wiki/Hofstadter%27s_law) and being lazy.
Even with those objectives I always procrastinated and I may have needed to use LLMs to do some work as a result.
This situation was not helped by me getting sick on the last week but thankfully the friend bailed us out.
## Tour of the code
### Misc trouble
The friend uses a Windows laptop the class requires Docker (and I prefer it) this combination led to some annoyances for both of us.
Example: Annoying code
```ts
const usingDocker = !Deno.env.has("DISABLE_DOCKER");
const root_url: string = usingDocker
? Deno.env.get("ROOT_URL") as string
: "http://localhost:8080/api";
// Vs if this was docker only (probably could've simplified the above but oh well)
const root_url = Deno.env.get("ROOT_URL") as string;
```
But whatever it worked and wasn't make or break.
## What now
This work is probably going to be abandoned due to me needing to focus on other things.
If I come back to this project though I'm probably going to rewrite again due to probably doing it solo and wanting to yeet old mistakes.
Note to self: never check generated files into the build system, the disk/network cost(s) of git are not the reason they're just salt in the wound.
The actual reason is because generated files by nature of being generated are annoying to change so it'd be better to check the generator script in and have generating them as part of either process startup or a build step to put the friction where it causes the least damage.

View file

@ -10,16 +10,13 @@
* */
--normal-text: #CCC;
--focus-outline-color: #f00;
--link-clicked: #B250D8;
--link-unclicked: #d80;
--link-clicked: oklch(0.5589 0.2649 344.78);
--link-unclicked: oklch(0.5395 0.118 237.14);
--link-active: lab(100% 0% 100%);
--link-highlight: white;
--link-highlight-bg: blue;
--header-bg: hsl(0,0%,15%);
--nav-link-color: #6B0;
--nav-link-bg-color: hsl(0,0%,25%);
--nav-link-bg-color-hover:hsl(0,0%,20%);
--content-border-color: #5ac;
--title-border-color: oklch(0.6015 0.2198 152);
/*stolen from code theme*/
--codeblock-bg: rgb(29, 31, 33);
@ -28,8 +25,6 @@
--blockquote-accent-color: oklch(86.64% 0.29 142);
--highlight-bg: lime;
--highlight-fg: #000;
--nav-link-bg-color-active: #118411;
--nav-link-color-active: white;
scrollbar-color: yellow transparent;
}
@ -51,8 +46,8 @@
--normal-text: #000;
--focus-outline-color: #f00;
--link-unclicked: #2535B4;
--link-clicked: #832244;
--link-active: lab(20% 80% -80%);
--link-clicked: oklch(0.3895 0.1737 319.67);
--link-active: oklch(0.655 0.2317 30.17);
--link-highlight: unset;
--link-highlight-bg: var(--highlight-bg);
/*#E6DDE6
@ -64,42 +59,23 @@
--header-bg: hsl(0,0%,85%);
/*#841163
* #115e84*/
--nav-link-color: #118411;
--nav-link-bg-color: hsl(0,0%,75%);
--nav-link-bg-color-hover:hsl(0,0%,70%);
--content-border-color: #026;
--title-border-color: #026;
--codeblock-bg: rgb(226,224,222);
--blockquote-bg: oklch(70% 0.012 296.97);
/*--blockquote-accent-color: oklch(45% 0.1628 256.77);*/
--blockquote-accent-color: oklch(74.18% 0.1719 66.77);
--highlight-bg: yellow;
--highlight-fg: #000;
--nav-link-bg-color-active: #118411;
--nav-link-color-active: white;
scrollbar-color: red transparent;
}
}
}
@layer baseline-raised {
.nav-link {
color: var(--nav-link-color);
background-color: var(--nav-link-bg-color);
}
/*avoiding color issues of nesting anchor inside objects for header icon links*/
a.icon:has(.nav-link){
color: rgba(0,0,0,0);
}
.nav-link:hover {
background: var(--nav-link-bg-color-hover);
}
.nav-link:active {
background: var(--nav-link-bg-color-active);
color: var(--nav-link-color-active)
}
}
@layer baseline{
@ -141,8 +117,8 @@ a:not(.nav-link) {
background: var(--header-bg);
}
main {
border: 0.7rem solid var(--content-border-color);
main > header {
border: 0.7rem solid var(--title-border-color);
}
blockquote {

View file

@ -156,7 +156,9 @@ main {
/*or maybe not, https://en.wikipedia.org/wiki/Line_length#Electronic_text*/
max-width: 66ch;
border-radius: 0.5rem;
& > header {
padding: 0rem 1rem;
}
/* needed due to being flex itself*/
flex-direction:column;
@ -255,7 +257,7 @@ footer {
}
/* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/
@layer pre-load{
main {
main > header {
border: 0.7rem solid white;
}
}

0
static/js/setup-sw.mjs Normal file
View file

View file

@ -23,6 +23,7 @@
<link rel="stylesheet" type="text/css" href="/static/css/colors.css">
<link rel="alternate" type="application/rss+xml" title="Web Feed/RSS" href="/index.xml">
<script type="module" src="/static/js/code_highlighting.mjs"></script>
<script type="module" src="/static/js/setup-sw.mjs"></script>
</head>
<body>

View file

@ -4,7 +4,6 @@
<p>Also I am currently looking for work, send me an email <a href="mailto:pagwin_+public-blog-email@pagwin.xyz">
pagwin_+public-blog-email@pagwin.xyz</a> if you like what you read and want to hire me</p>
</header>
<hr>
<h2>Posts:</h2>
<dl>
{{#posts}}

View file

@ -4,7 +4,12 @@
{{{date}}}
</time>
</header>
<hr>
<article>
{{{content}}}
</article>
<article-components>
<nav>
</nav>
<article>
{{{content}}}
</article>
<section aria-label="Footnotes">
</section>
</article-components>