Compare commits
2 commits
e5bc6fccf6
...
c38ad84e83
| Author | SHA1 | Date | |
|---|---|---|---|
|
c38ad84e83 |
|||
|
5bf8784f3a |
13 changed files with 304 additions and 177 deletions
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
BIN
assets/synth.download/sharkey/grid_bg.png
Normal file
BIN
assets/synth.download/sharkey/grid_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
121
assets/synth.download/sharkey/sharkey.css
Normal file
121
assets/synth.download/sharkey/sharkey.css
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
/* this SHOULD just be the landing page, and shouldn't effect anything else */
|
||||
#sharkey_app .mk-app {
|
||||
.main .contents {
|
||||
/* multiple elements i'd prefer hidden
|
||||
* shape1 and shape2 refer to the weird shape things on the left
|
||||
* pages-welcome-timeline-root refers to the scrolling and very buggy timeline on the right */
|
||||
.shape1, .shape2, [class^="pages-welcome-timeline-root-"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* color text appropriately */
|
||||
.logo-wrapper {
|
||||
color: var(--MI_THEME-fg);
|
||||
}
|
||||
|
||||
/* re-centers the background due to shape1/2 being removed
|
||||
* as well as also replacing it entirely with a custom one that animates */
|
||||
[class^="MkFeaturedPhotos-root-"] {
|
||||
background-image: url("https://booping.s3.us-east-005.backblazeb2.com/assets/synth+grid+bg.png") !important;
|
||||
background-repeat: repeat;
|
||||
background-size: auto;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
height 100% !important;
|
||||
opacity: .8;
|
||||
animation: animateBg 60s linear infinite;
|
||||
}
|
||||
|
||||
/* the main instance info page thing */
|
||||
.contents {
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
|
||||
/* larger width so the contents of the instance info doesn't end up being squished inside with the background */
|
||||
width: min(480px,100% - 32px);
|
||||
transition: width .2s;
|
||||
|
||||
/* margins around the instance info stuff to fit the background */
|
||||
[class^="MkVisitorDashboard-root-"] {
|
||||
padding: 1.5rem;
|
||||
background: var(--MI_THEME-acrylicPanel);
|
||||
-webkit-backdrop-filter: var(--MI-blur, blur(15px));
|
||||
backdrop-filter: var(--MI-blur, blur(15px));
|
||||
border-radius: var(--MI-radius-ellipse);
|
||||
transition: padding .2s;
|
||||
}
|
||||
|
||||
/* instance stats - i don't like these being displayed right on the front page */
|
||||
[class^="MkVisitorDashboard-stats-"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* federation scrolling bar thingy */
|
||||
.federation {
|
||||
bottom: unset !important;
|
||||
top: 16px !important;
|
||||
z-index: 50 !important;
|
||||
}
|
||||
|
||||
[class^="MkVisitorDashboard-tl-"] {
|
||||
[class^="MkVisitorDashboard-tlBody-"] {
|
||||
height: 600px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* contents on the sidebar, usually only visible when viewing content directly while logged out */
|
||||
.side .dashboard {
|
||||
[class^="MkVisitorDashboard-root-"] {
|
||||
[class^="MkVisitorDashboard-stats-"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
[class^="MkVisitorDashboard-tl-"] [class^="MkVisitorDashboard-tlBody-"] {
|
||||
height: 600px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* animation for the background on the landing page */
|
||||
@keyframes animateBg {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: -960px -960px;
|
||||
}
|
||||
}
|
||||
|
||||
/* disable the background animation if browser doesn't want animations */
|
||||
@media (prefers-reduced-motion) {
|
||||
.main .contents {
|
||||
[class^="MkFeaturedPhotos-root-"] {
|
||||
animation: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* shrinks down the blur margins on instance info if display is small enough */
|
||||
@media screen and (max-width: 515px) {
|
||||
.main .contents {
|
||||
.contents {
|
||||
/* restore original values */
|
||||
width: min(430px,100% - 32px) !important;
|
||||
transition: width .2s;
|
||||
|
||||
/* margins around the instance info stuff to fit the background */
|
||||
[class^="MkVisitorDashboard-root-"] {
|
||||
padding: .5rem !important;
|
||||
background: var(--MI_THEME-acrylicPanel);
|
||||
-webkit-backdrop-filter: var(--MI-blur, blur(15px));
|
||||
backdrop-filter: var(--MI-blur, blur(15px));
|
||||
border-radius: var(--MI-radius-ellipse);
|
||||
transition: padding .2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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
|
||||
Loading…
Add table
Add a link
Reference in a new issue