deprecate old stuff, "optimize" everything into one css file and cleanup
All checks were successful
/ build (push) Successful in 33s
All checks were successful
/ build (push) Successful in 33s
This commit is contained in:
parent
775562bbfc
commit
91168062a1
18 changed files with 228 additions and 432 deletions
|
|
@ -21,7 +21,7 @@ permalink: "/donate/"
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p>Hi! I'm <a href="/me">Ruben</a>. Currently just a student running synth.download in my spare time because I like doing so.</p>
|
||||
<p>Hi! I'm <a href="/~sneexy">Ruben</a>. Currently just a student running synth.download in my spare time because I like doing so.</p>
|
||||
<p>If you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--sapphire); background-color: color-mix(in srgb, var(--sapphire) 20%, transparent); border-radius: .2rem;">Ko-fi</a>, or directly donate to me via Stripe with the widget below:</p>
|
||||
<stripe-buy-button buy-button-id="buy_btn_1R9UrrGPbe5QWVnnm6jC3XUf" publishable-key="pk_live_51QFpvEGPbe5QWVnnCUUlT1nEYhVy2F4z30BVaG3LHD8o4qNc7IL67QcPUzBUeptEYpFOtYs6Jc1GvM3ujqsFltYb00oUvMTDMM"></stripe-buy-button>
|
||||
<p>Please don't feel like you need to donate. Currently, I am able to pay things on my own, but donations do help. <span aria-hidden="true">^^</span></p>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ permalink: "/index.html"
|
|||
<main>
|
||||
<p>Hey! Welcome to...</p>
|
||||
<a href="https://forged.synth.download/sneexy/synth"><img id="logo" loading="lazy" src="/assets/synth.download/logo_web.svg" alt="Synth.Download" /></a>
|
||||
<p>This is a website managed by <a href="/me">sneexy</a> with some services hosted here and there, mainly for friends.</p>
|
||||
<p>This is a website managed by <a href="/~sneexy">sneexy</a> with some services hosted here and there, mainly for friends.</p>
|
||||
<p>Most services here are public facing, anything that requires registration is most likely only for friends of mine for the sake of not being a complete hassle to maintain anything myself.</p>
|
||||
<p>We currently run...</p>
|
||||
<ul style="max-width: fit-content; margin-left: auto; margin-right: auto;">
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
---
|
||||
title: base
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "layouts/header.njk" %}
|
||||
<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>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{% include "layouts/navbar.njk" %}
|
||||
|
||||
{{ content | safe }}
|
||||
|
||||
{% include "layouts/footer.njk" %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
<a href="/notebook"><span class="tabler--notebook"></span> <span class="text">Notebook</span></a>
|
||||
</li>
|
||||
<li class="nav-webmaster">
|
||||
<a href="/me"><span class="tabler--user"></span> <span class="text">The webmaster</span></a>
|
||||
<a href="/~sneexy"><span class="tabler--user"></span> <span class="text">The webmaster</span></a>
|
||||
</li>
|
||||
<li class="nav-donate">
|
||||
<a href="/donate"><span class="tabler--currency-dollar"></span> <span class="text">Donate</span></a>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
</div>
|
||||
<a class="nav-base nav-left nav-links nav-home" href="/"><span class="tabler--home"></span> <span class="text">Home</span></a>
|
||||
<a class="nav-base nav-left nav-links nav-notebook" href="/notebook"><span class="tabler--notebook"></span> <span class="text">Notebook</span></a>
|
||||
<a class="nav-base nav-left nav-links nav-webmaster" href="/me"><span class="tabler--user"></span> <span class="text">The webmaster</span></a>
|
||||
<a class="nav-base nav-left nav-links nav-webmaster" href="/~sneexy"><span class="tabler--user"></span> <span class="text">The webmaster</span></a>
|
||||
<a class="nav-base nav-left nav-links nav-donate" href="/donate"><span class="tabler--currency-dollar"></span> <span class="text">Donate</span></a>
|
||||
|
||||
<div class="nav-base nav-right nav-settings">
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ permalink: "/notebook/"
|
|||
<div id="search"></div>
|
||||
<h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="tabler--rss" style="transform: scale(1.5) translateY(.5rem);"></span></a></h1>
|
||||
<h2><b>NOTE:</b> This page is still heavily a work in progress, nothing on here is functional or what is meant to be.</h2>
|
||||
<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>
|
||||
<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="/~sneexy">myself</a>.</p>
|
||||
<span class="seperator"></span>
|
||||
<details open class="notebook article-category">
|
||||
<summary><span class="tabler--arrow-autofit-height"></span> test</summary>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@ title: base
|
|||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="en" page-is="goopy">
|
||||
<head>
|
||||
{% include "layouts/header.njk" %}
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors-ruben.css">
|
||||
<script defer src="https://booping.synth.download/embed.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
---
|
||||
title: home
|
||||
layout: "layouts/me/base.njk"
|
||||
permalink: "/me/"
|
||||
title: sneexy
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
---
|
||||
|
||||
<!-- simple introduction -->
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
---
|
||||
title: ruben lore
|
||||
layout: "layouts/me/ruben/base-ruben.njk"
|
||||
permalink: "/me/ruben/"
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
---
|
||||
|
||||
<!-- intro -->
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
title: about me
|
||||
layout: "layouts/me/page.njk"
|
||||
---
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
---
|
||||
title: ruben lore
|
||||
layout: "layouts/me/ruben/page-ruben.njk"
|
||||
---
|
||||
222
styles/base.css
222
styles/base.css
|
|
@ -126,6 +126,7 @@
|
|||
--pagefind-ui-background: var(--background);
|
||||
--pagefind-ui-border: var(--accent);
|
||||
--pagefind-ui-tag: var(--background);
|
||||
--site-border: .1rem solid var(--border);
|
||||
}
|
||||
|
||||
/* ----------------------------------
|
||||
|
|
@ -244,19 +245,6 @@ h1 a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
/* the dot */
|
||||
.dot {
|
||||
display: inline-flex;
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
background-color: var(--foreground);
|
||||
border-radius: 100%;
|
||||
vertical-align: middle;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
margin-bottom: .1rem;
|
||||
}
|
||||
|
||||
/* Dashed border */
|
||||
hr.dashed {
|
||||
border-top: .1rem dashed var(--border);
|
||||
|
|
@ -930,6 +918,22 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes opacity-blink {
|
||||
0% { opacity: 0% }
|
||||
5% { opacity: 100% }
|
||||
45% { opacity: 100% }
|
||||
50% { opacity: 0% }
|
||||
100% { opacity: 0% }
|
||||
}
|
||||
|
||||
@keyframes opacity-blink-reverse {
|
||||
0% { opacity: 100% }
|
||||
5% { opacity: 0% }
|
||||
45% { opacity: 0% }
|
||||
50% { opacity: 100% }
|
||||
100% { opacity: 100% }
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------
|
||||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
|
@ -1355,6 +1359,197 @@ html[data-theme="dark"] {
|
|||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
||||
/* ╭─────────────────────────────────────╮
|
||||
/ │ /\/| │
|
||||
/ │ |/\/___ _ __ ___ _____ ___ _ │
|
||||
/ │ / __| '_ \ / _ \/ _ \ \/ / | | | │
|
||||
/ │ \__ \ | | | __/ __/> <| |_| | │
|
||||
/ │ |___/_| |_|\___|\___/_/\_\\__, | │
|
||||
/ │ |___/ │
|
||||
/ ╰─────────────────────────────────────╯
|
||||
/ ~sneexy - breeeep! my page! slooosh~ */
|
||||
|
||||
/* my page has goop in html to set goopy colors */
|
||||
html[page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
h1 #pfp {
|
||||
width: auto;
|
||||
height: 6rem;
|
||||
|
||||
vertical-align: middle;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
h1 #pfp:hover {
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
display: grid;
|
||||
padding-top: 5px;
|
||||
grid-template-areas:
|
||||
"pronouns names";
|
||||
div {
|
||||
text-align: left;
|
||||
border-radius: 1em;
|
||||
padding: .7em 1em;
|
||||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
li {
|
||||
padding-bottom: 6px !important;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
background-color: color-mix(in srgb, var(--yellow) 15%, transparent);
|
||||
border: var(--site-border);
|
||||
}
|
||||
div:last-child {
|
||||
background-color: color-mix(in srgb, var(--sapphire) 15%, transparent);
|
||||
border: var(--site-border);
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* socials and links sections */
|
||||
.socials-contacts-list {
|
||||
a {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: .5rem;
|
||||
|
||||
span {
|
||||
transform: scale(1.58) translateY(.07rem);
|
||||
}
|
||||
}
|
||||
|
||||
.fedi-icon {
|
||||
anchor-name: --fedi-icon;
|
||||
animation: opacity-blink 4s infinite;
|
||||
}
|
||||
|
||||
.fedi-icon-2 {
|
||||
position-anchor: --fedi-icon;
|
||||
position: absolute;
|
||||
margin-left: -3.681rem;
|
||||
z-index: 2;
|
||||
animation: opacity-blink-reverse 4s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
/* sharkey iframe embed */
|
||||
#links > section > iframe {
|
||||
display: flex;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .3crem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
border: var(--accent) solid .15rem !important;
|
||||
border-radius: .6rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
#links > section > iframe:hover {
|
||||
box-shadow: var(--accent) 0px 0px 0px .3rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="light"][page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="dark"][page-is="goopy"] {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
|
||||
/* goop coloring for theme issues stuff */
|
||||
@media (prefers-color-scheme: light) {
|
||||
html[page-is="goopy"] {
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html[page-is="goopy"] {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 59em) {
|
||||
html[page-is="goopy"] {
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
grid-template-areas:
|
||||
"pronouns"
|
||||
"names";
|
||||
div {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
ul {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
div:last-child {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.socials-contacts-list {
|
||||
text-align: center;
|
||||
a {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------
|
||||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
||||
/* ╭──────────────────────────────────────────────╮
|
||||
/ │ _ _ _ │
|
||||
/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │
|
||||
|
|
@ -1386,6 +1581,7 @@ details.notebook.article-category {
|
|||
padding: 1rem;
|
||||
margin: 1.4rem;
|
||||
border-radius: 1rem;
|
||||
border: .1rem solid var(--border);
|
||||
background-color: var(--background);
|
||||
|
||||
h2 {
|
||||
|
|
|
|||
|
|
@ -1,35 +0,0 @@
|
|||
/*
|
||||
|
||||
replaces the accent color with ruben flavored goo
|
||||
|
||||
*/
|
||||
|
||||
:root {
|
||||
--accent: #00d131 !important;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
a[href="./rss.xml"]:hover {
|
||||
color: var(--red) !important;
|
||||
}
|
||||
|
||||
/* article cards styling */
|
||||
|
||||
.article-card {
|
||||
background-color: var(--surface0);
|
||||
border-radius: 20px;
|
||||
padding: 1rem;
|
||||
|
||||
header {
|
||||
h3, h3 a {
|
||||
margin-top: unset !important;
|
||||
margin-bottom: -.6rem;
|
||||
}
|
||||
|
||||
h3 a {
|
||||
color: var(--foreground);
|
||||
text-decoration: unset;
|
||||
}
|
||||
|
||||
h3 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: .6rem;
|
||||
}
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: unset !important;
|
||||
}
|
||||
|
||||
.ph-bold.ph-caret-right{
|
||||
font-size: .8rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tag {
|
||||
background-color: var(--surface1);
|
||||
padding: .2rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wip {
|
||||
background-color: color-mix(in srgb, var(--yellow) 20%, transparent);
|
||||
color: var(--yellow);
|
||||
padding: .2rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.article-card:not(:last-child) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
|
@ -1,164 +0,0 @@
|
|||
/* home.css - for use with /me, mainly */
|
||||
|
||||
/* about me section/first terminal */
|
||||
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
h1 #pfp {
|
||||
width: auto;
|
||||
height: 6rem;
|
||||
|
||||
vertical-align: middle;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
h1 #pfp:hover {
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
display: grid;
|
||||
padding-top: 5px;
|
||||
grid-template-areas:
|
||||
"pronouns names";
|
||||
div {
|
||||
text-align: left;
|
||||
border-radius: 1em;
|
||||
padding: .7em 1em;
|
||||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
li {
|
||||
padding-bottom: 6px !important;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
background-color: color-mix(in srgb, var(--yellow) 15%, transparent);
|
||||
}
|
||||
div:last-child {
|
||||
background-color: color-mix(in srgb, var(--sapphire) 15%, transparent);
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* socials and links sections */
|
||||
|
||||
.socials-contacts-list {
|
||||
a {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: .5rem;
|
||||
|
||||
span {
|
||||
transform: scale(1.58) translateY(.07rem);
|
||||
}
|
||||
}
|
||||
|
||||
.fedi-icon {
|
||||
anchor-name: --fedi-icon;
|
||||
animation: opacity-blink 4s infinite;
|
||||
}
|
||||
|
||||
.fedi-icon-2 {
|
||||
position-anchor: --fedi-icon;
|
||||
position: absolute;
|
||||
margin-left: -3.681rem;
|
||||
z-index: 2;
|
||||
animation: opacity-blink-reverse 4s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
/* sharkey iframe embed */
|
||||
|
||||
#links > section > iframe {
|
||||
display: flex;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .3crem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
border: var(--accent) solid .15rem !important;
|
||||
border-radius: .6rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
#links > section > iframe:hover {
|
||||
box-shadow: var(--accent) 0px 0px 0px .3rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
/* animations for this stylesheet */
|
||||
|
||||
@keyframes opacity-blink {
|
||||
0% { opacity: 0% }
|
||||
5% { opacity: 100% }
|
||||
45% { opacity: 100% }
|
||||
50% { opacity: 0% }
|
||||
100% { opacity: 0% }
|
||||
}
|
||||
|
||||
@keyframes opacity-blink-reverse {
|
||||
0% { opacity: 100% }
|
||||
5% { opacity: 0% }
|
||||
45% { opacity: 0% }
|
||||
50% { opacity: 100% }
|
||||
100% { opacity: 100% }
|
||||
}
|
||||
|
||||
/* modify widths and spacing depending on the size of the display */
|
||||
|
||||
@media screen and (max-width: 59em) {
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
grid-template-areas:
|
||||
"pronouns"
|
||||
"names";
|
||||
div {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
ul {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
div:last-child {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.socials-contacts-list {
|
||||
text-align: center;
|
||||
a {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>disappearing .</title>
|
||||
<link rel="stylesheet" type="text/css" href="/styles/subdomain/disappearing/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://disappearing.synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/scripts/alt-popup.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>
|
||||
oh, hello there.
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
you seem... <i style="opacity: .8;">lost</i>. but, welcome. to my home.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
i know, not the most interesting place here, but things get lost here. sometimes to be <span style="opacity: .7;">forgotten...</span> but i keep track of those here. occasionally, things sometimes appear out of nowhere before vanishing.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
i'd do decorating around this place, but why bother. i think it's cozy, anyways. ^^
|
||||
</p>
|
||||
|
||||
<p>
|
||||
anyways, you probably want to know what's here, for the time being anyways. what's still here:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://picking-cherries.disappearing.synth.download">picking-cherries</a>, i'm not entirely sure what's a "cherrypick" for, but i think the name probably makes it obvious.</li>
|
||||
<li><a href="https://smith.disappearing.synth.download">smith</a>... smithereen? is this... <span style="opacity: .7;">someone's soul?</span> ...actually, maybe i don't want to think about it too hard.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
as of currently, nothing that i consider of value to list here has been lost yet.
|
||||
</p>
|
||||
|
||||
<p>anyways, thanks for sticking around, kiddo. but you probably want to get out of here, don't ya? <a href="https://synth.download">you should head back.</a></p>
|
||||
|
||||
<p>oh, my name? uh, yeah. it's ... i don't have a name.</p>
|
||||
</body>
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--bg: #e4e4e4;
|
||||
--fg: #242424;
|
||||
--link: #217b9c;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg: #0a0a0a;
|
||||
--fg: #b4b4b4;
|
||||
--link: #9fc2cf;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
font-family: 'JetBrains Mono', monospace, system-ui, sans-serif;
|
||||
font-size: 1.125rem;
|
||||
max-width: 55rem;
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
p, a, li {
|
||||
font-size: 1.125rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
margin-top: 5rem;
|
||||
|
||||
transition: margin-top .2s;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
background-image: linear-gradient(to right, var(--fg) 15%, transparent 32%);
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 10rem;
|
||||
transition: margin-bottom .2s;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 905px) {
|
||||
body {
|
||||
margin-left: .7rem !important;
|
||||
margin-right: .7rem !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 1rem;
|
||||
transition: margin-top .2s;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 1rem;
|
||||
transition: margin-bottom .2s;
|
||||
}
|
||||
}
|
||||
5
subdomain/sneexy/index.md
Normal file
5
subdomain/sneexy/index.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: about sneexy
|
||||
layout: "layouts/sneexy/page.njk"
|
||||
---
|
||||
|
||||
4
subdomain/sneexy/ruben/index.md
Normal file
4
subdomain/sneexy/ruben/index.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: ruben lore
|
||||
layout: "layouts/sneexy/ruben/page-ruben.njk"
|
||||
---
|
||||
Loading…
Add table
Add a link
Reference in a new issue