sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor style improvements

Browse source
This commit is contained in:
Ruben 2025-04-28 19:31:29 -05:00
commit 5bf8784f3a
No known key found for this signature in database
GPG key ID: AE181294E97E4802
11 changed files with 183 additions and 177 deletions
Download patch file Download diff file Expand all files Collapse all files

36
_includes/layouts/header.njk
View file

@ -1,18 +1,18 @@
<meta charset="UTF-8">
<title>{{ title or metadata.title }} • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ description or metadata.description }}">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>{{ title or metadata.title }} • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ description or metadata.description }}">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>

4
_includes/layouts/navbar.njk
View file

@ -11,7 +11,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -23,7 +23,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>

11
_includes/layouts/notebook.njk
View file

@ -22,5 +22,16 @@ layout: "layouts/base.njk"
<section>
<h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="tabler--rss" style="transform: scale(1.5) translateY(.5rem);"></span></a></h1>
<p>A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for <a href="/me">myself</a>.</p>
<span class="seperator"></span>
<details open class="notebook article-category">
<summary>test</summary>
<div class="article-card">
<h2>test</h2>
<p><a class="tags">tag</a> <a class="tags">tag-2</a> <a class="tags">tag-3</a></p>
<p>description</p>
<a href="./read">read more</a>
</div>
</details>
</section>
</details>

40
_site/donate/index.html
View file

@ -2,24 +2,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>donate • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>donate • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<script async src="https://js.stripe.com/v3/buy-button.js"></script>
</head>
@ -38,7 +38,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -50,7 +50,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>

2
_site/feed.xml
View file

@ -4,7 +4,7 @@
<subtitle>a blog-ish writeup-ish rant-ish page to store random writings and thoughts in.</subtitle>
<link href="https://synth.download/feed.xml" rel="self" />
<link href="https://synth.download/" />
<updated>2025-04-27T23:35:39Z</updated>
<updated>2025-04-29T00:30:51Z</updated>
<id>https://synth.download/</id>
<author>
<name>Sneexy</name>

40
_site/index.html
View file

@ -2,24 +2,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>home • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>home • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
</head>
<body>
@ -37,7 +37,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -49,7 +49,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>

40
_site/me/index.html
View file

@ -2,24 +2,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>about me • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>about me • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<link rel="stylesheet" type="text/css" href="/styles/colors-ruben.css">
<link rel="stylesheet" type="text/css" href="/styles/page/me.css">
<script defer src="https://booping.synth.download/embed.js"></script>
@ -40,7 +40,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -52,7 +52,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>

40
_site/me/ruben/index.html
View file

@ -2,24 +2,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ruben lore • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>ruben lore • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<link rel="stylesheet" type="text/css" href="/styles/colors-ruben.css">
</head>
@ -38,7 +38,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -50,7 +50,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>

51
_site/notebook/index.html
View file

@ -2,24 +2,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>notebook • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
<meta charset="UTF-8">
<title>notebook • synth download!</title>
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="/styles/colors.css">
<link rel="stylesheet" href="/styles/font.css">
<link rel="stylesheet" href="/styles/icons.css">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/alt-popup.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/button.js"></script>
</head>
<body>
@ -37,7 +37,7 @@
<a href="/me"><span class="tabler--user"></span> About me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
@ -49,7 +49,7 @@
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> About me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> Notebook</a>
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> Links</a>
</nav>
@ -161,6 +161,17 @@
<section>
<h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="tabler--rss" style="transform: scale(1.5) translateY(.5rem);"></span></a></h1>
<p>A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for <a href="/me">myself</a>.</p>
<span class="seperator"></span>
<details open class="notebook article-category">
<summary>test</summary>
<div class="article-card">
<h2>test</h2>
<p><a class="tags">tag</a> <a class="tags">tag-2</a> <a class="tags">tag-3</a></p>
<p>description</p>
<a href="./read">read more</a>
</div>
</details>
</section>
</details>

48
_site/styles/base.css
View file

@ -254,33 +254,6 @@ summary {
display: flex;
}
/* -----------------------
- styled summary styling -
----------------------- */
details.styled {
summary {
max-width: 30%;
font-size: 1.5rem;
padding: .5rem;
border-radius: .5rem;
}
}
details.styled[open] {
background-color: color-mix(in srgb, var(--background) 90%, var(--accent));
summary {
border-radius: .5rem;
}
section {
padding: .5rem;
border-radius: .5rem;
}
}
/* ---------------
- alt text popup -
--------------- */
@ -488,7 +461,9 @@ details.styled[open] {
background: color-mix(in srgb, var(--accent) 40%, transparent);
padding: .4rem .4rem .2rem 1rem;
border-right: .2rem solid var(--accent);
border-bottom: .2rem solid var(--accent);
border-bottom-right-radius: 1rem;
margin-bottom: -.2rem;
span {
background-color: var(--foreground);
@ -531,7 +506,9 @@ details.styled[open] {
background: color-mix(in srgb, var(--accent) 40%, transparent);
padding: .4rem .5rem .2rem .6rem;
border-left: .2rem solid var(--accent);
border-bottom: .2rem solid var(--accent);
border-bottom-left-radius: 1rem;
margin-bottom: -.2rem;
color: var(--foreground);
transition: background .2s;
@ -1029,4 +1006,19 @@ footer {
max-width: 100%;
}
}
}
}
/* --------------------------------------------------------------------
=======================================================================
-------------------------------------------------------------------- */
/* ╭──────────────────────────────────────────────╮
/ │ _ _ _ │
/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │
/ │ | '_ \ / _ \| __/ _ \ '_ \ / _ \ / _ \| |/ / │
/ │ | | | | (_) | || __/ |_) | (_) | (_) | < │
/ │ |_| |_|\___/ \__\___|_.__/ \___/ \___/|_|\_\ │
/ ╰──────────────────────────────────────────────╯
/ notebook - specific styling for the notebook page where blogish things live */
.notebook

48
styles/base.css
View file

@ -254,33 +254,6 @@ summary {
display: flex;
}
/* -----------------------
- styled summary styling -
----------------------- */
details.styled {
summary {
max-width: 30%;
font-size: 1.5rem;
padding: .5rem;
border-radius: .5rem;
}
}
details.styled[open] {
background-color: color-mix(in srgb, var(--background) 90%, var(--accent));
summary {
border-radius: .5rem;
}
section {
padding: .5rem;
border-radius: .5rem;
}
}
/* ---------------
- alt text popup -
--------------- */
@ -488,7 +461,9 @@ details.styled[open] {
background: color-mix(in srgb, var(--accent) 40%, transparent);
padding: .4rem .4rem .2rem 1rem;
border-right: .2rem solid var(--accent);
border-bottom: .2rem solid var(--accent);
border-bottom-right-radius: 1rem;
margin-bottom: -.2rem;
span {
background-color: var(--foreground);
@ -531,7 +506,9 @@ details.styled[open] {
background: color-mix(in srgb, var(--accent) 40%, transparent);
padding: .4rem .5rem .2rem .6rem;
border-left: .2rem solid var(--accent);
border-bottom: .2rem solid var(--accent);
border-bottom-left-radius: 1rem;
margin-bottom: -.2rem;
color: var(--foreground);
transition: background .2s;
@ -1029,4 +1006,19 @@ footer {
max-width: 100%;
}
}
}
}
/* --------------------------------------------------------------------
=======================================================================
-------------------------------------------------------------------- */
/* ╭──────────────────────────────────────────────╮
/ │ _ _ _ │
/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │
/ │ | '_ \ / _ \| __/ _ \ '_ \ / _ \ / _ \| |/ / │
/ │ | | | | (_) | || __/ |_) | (_) | (_) | < │
/ │ |_| |_|\___/ \__\___|_.__/ \___/ \___/|_|\_\ │
/ ╰──────────────────────────────────────────────╯
/ notebook - specific styling for the notebook page where blogish things live */
.notebook