chromium fix finally
This commit is contained in:
parent
d2354910c0
commit
d6c0697966
9 changed files with 45 additions and 27 deletions
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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,12 +127,10 @@ body {
|
|||
& details[open] {
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
& > summary {
|
||||
margin-bottom: var(--pad-sm);
|
||||
& svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
&>summary svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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%}
|
||||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue