chromium fix finally

_src/assets/css/default/blog.css

@@ -121,7 +121,6 @@ article > [aria-label="Postscript"] {
 	& a {
 		display: flex;
 		flex-direction: column;
-		overflow: scroll;
 		border-style: solid;
 		border-width: 2px;
 		border-radius: var(--round);

_src/assets/css/default/default.css

@@ -4,6 +4,16 @@
 :root {
 	--view: 18rem;
 }
+/* i hate default styles >:( and also chrome */
+h1, h2 ,h3 ,h4 ,h5 ,h6 {
+	display: block;
+    font-size: 2em;
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+    font-weight: bold;
+}
 
 body {
 	font-family: "Rubik", sans-serif;
@@ -29,16 +39,13 @@ main {
 
 details {
 	cursor: pointer;
-
+	display: flex;
+	flex-direction: column;
 	& summary::marker {
 		content: none;
 	}
 }
 
-h3 {
-	font-size: 2rem;
-}
-
 .header-anchor {
 	display: inline-block;
 	transition: color var(--trans), background-color var(--trans);
@@ -101,7 +108,6 @@ article {
 	& pre {
 		display: flex;
 		width: auto;
-		overflow: scroll;
 		padding: var(--pad-m);
 		white-space: pre-wrap;
 		word-break: break-word;

_src/assets/css/default/home.css

@@ -68,6 +68,7 @@ article#bio ul li {
 		position: absolute;
 		mask-image: var(--paw);
 		mask-size: contain;
+		mask-repeat: no-repeat;
 		margin: var(--pad-sm) 0 0 calc(var(--pad-xl)*-1);
 	}
 	&::marker {

_src/assets/css/default/nav.css

@@ -1,4 +1,4 @@
-body > nav::before,
+body>nav::before,
 body::after {
 	z-index: -1;
 	content: "";
@@ -11,7 +11,7 @@ body::after {
 	pointer-events: none;
 }
 
-body > nav::before {
+body>nav::before {
 	bottom: 0;
 	left: 0;
 	mask-size: 150%;
@@ -27,7 +27,8 @@ body::after {
 	-webkit-mask-position-x: 0;
 	-webkit-mask-position-y: bottom;
 }
-body > nav {
+
+body>nav {
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
@@ -35,35 +36,44 @@ body > nav {
 	position: fixed;
 	width: var(--view);
 	height: 100%;
+
 	& * svg,
 	li img {
 		margin: 0 8px 0 8px;
 		width: 20px;
 		align-self: center;
 	}
+
 	& details {
 		display: flex;
 	}
+
 	& ul {
 		margin: var(--pad-sm);
 		padding: 0;
-		& li, button {
+
+		& li,
+		button {
 			padding: 0;
 			align-items: center;
 			margin-bottom: inherit;
+
 			& img {
 				border-radius: 100%;
 			}
 		}
 	}
+
 	& svg {
 		fill: currentColor;
 		stroke: currentColor;
 		stroke-width: 0;
 	}
+
 	& details {
 		font-size: 1.4rem;
 	}
+
 	& a,
 	button {
 		display: flex;
@@ -77,10 +87,12 @@ body > nav {
 
 body {
 	font-family: "Rubik", sans-serif;
-	& > nav {
+
+	&>nav {
 		gap: var(--pad-m);
 		border-right-width: 1px;
 		border-right-style: solid;
+
 		& a,
 		button {
 			align-items: center;
@@ -88,23 +100,25 @@ body {
 			border-width: 2px;
 			border-radius: var(--round);
 		}
+
 		& details {
-			gap: inherit;
 			border-radius: var(--round);
 			font-weight: bold;
 		}
-		& details > summary {
+
+		& details>summary {
 			display: flex;
 			justify-content: center;
 			padding: 0 var(--pad-lm) 0 0;
 			height: var(--pad-xl);
 
-			& > svg {
+			&>svg {
 				transform: rotate(0deg);
 				transition: transform var(--trans);
 			}
 		}
-		& details:not([open]) > summary {
+
+		& details:not([open])>summary {
 			border-radius: var(--round);
 			border-style: solid;
 			border-width: 2px;
@@ -113,11 +127,9 @@ body {
 		& details[open] {
 			border-style: solid;
 			border-width: 2px;
-			& > summary {
+
-				margin-bottom: var(--pad-sm);
+			&>summary svg {
-				& svg {
+				transform: rotate(45deg);
-					transform: rotate(45deg);
-				}
 			}
 		}
 	}

_src/data/blog/Break time.md

@@ -5,7 +5,7 @@ modified: 2025-05-23
 blurb: <p>Invalid DateTime. ha, got you.</p>
 avatar: /assets/img/art/sundae_glistening.png
 ---
-### {{page.fileSlug}}
+## {{page.fileSlug}}
 
 <time datetime="{{date|ISO}}">{{date|readable}}</time>
 

_src/data/blog/Rewrite 2.0.md

@@ -4,7 +4,7 @@ date: 2025-06-25
 blurb: <p>i hate luxon</p><p><a href="/assets/img/blog/luxon.png"><img src="/assets/img/blog/luxon.png"></a></p>
 avatar: /assets/img/art/sundae_lick.gif
 ---
-### {{page.fileSlug}}
+## {{page.fileSlug}}
 <time datetime="{{date|ISO}}">{{date|readable}}</time>
 
 I haven't worked on much of anything the past 8+ months, and out of the blue, I decided that I wasn't happy with how my website was looking, so I've been spending a couple of weeks working on rewriting the site and writing this post up.

_src/data/blog/System switching.md

@@ -5,7 +5,7 @@ modified: 2025-09-09
 blurb: <p><a href="https://blog.codinghorror.com/the-works-on-my-machine-certification-program/"><img src="/assets/img/blog/works-on-my-machine.png"></a></p><p>whatever i'm using might not necessarily work for you</p>
 avatar: /assets/img/art/sundae_glistening.png
 ---
-### {{page.fileSlug}}
+## {{page.fileSlug}}
 <time datetime="{{date|ISO}}">{{date|readable}}</time>
 
 <section aria-label="Addendum">

_src/pages/changelog.html

@@ -6,6 +6,6 @@ icon: "M10 25H21V22H10Zm4-13H10v3h4v4h3V15h4V12H17V8H14ZM5 3H20l7 7V30H5Z"
 
 {%for update in collections.updates reversed%}
 <article>
-	<h3><time datetime="{{update.page.fileSlug|ISO}}">{{update.page.fileSlug|readable}}</time>{%if update.data.title%}<code>{{update.data.title}}</code>{%endif%}</h3>{{ update.content }}
+	<h2><time datetime="{{update.page.fileSlug|ISO}}">{{update.page.fileSlug|readable}}</time>{%if update.data.title%}<code>{{update.data.title}}</code>{%endif%}</h2>{{ update.content }}
 </article>
 {%endfor%}

_src/pages/home.html

@@ -1,7 +1,7 @@
 ---
 title: "Home"
 order: 1
-icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
+icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
 ---
 
 <article id="bio">