This commit is contained in:
parent
80ed4a20b5
commit
c46f70f4b0
GPG key ID:
8ECFA045E63BC583
12 changed files with 96 additions and 83 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<article window id="about">
|
||||
<div class="header">
|
||||
<titlebar-icon aria-hidden="true">
|
||||
<icon-tabler message-chatbot></icon-tabler>
|
||||
<icon-tabler info-circle></icon-tabler>
|
||||
</titlebar-icon>
|
||||
<a href="#about">About</a>
|
||||
<window-controls aria-hidden="true">
|
||||
|
|
@ -14,6 +14,21 @@
|
|||
</window-controls>
|
||||
</div>
|
||||
<window-contents>
|
||||
<h1>About</h1>
|
||||
<h1><a href="#about">About</a></h1>
|
||||
<hr solid style="margin-bottom: 1rem;">
|
||||
<h2 id="history"><a href="#history">History</a></h2>
|
||||
<p><small>This section is written by <a href="https://sneexy.synth.download">Sneexy.</a></small></p>
|
||||
<p>Synth.Download is a project started in October of 2024 by <a href="https://sneexy.synth.download">Sneexy</a>, buying the domain <code>synth.download</code> as it was available, and as I am a Synth. Initially, the domain was used to only used to serve a <small>much, <i>much</i></small> older iteration of this site that was used to only provide information about myself, and ran about a handful of services only for personal usage.</p>
|
||||
<p>The very first server used to host services here was a Netcup VPS, and the very first service made available on this domain that wouldn't see the "personal usage" treatment is our very own <a href="https://beeping.synth.download">Iceshrimp.NET</a> instance.</p>
|
||||
<p>Later on, as time progressed, I started running more services that I figured would be more useful, the next thing run after Iceshrimp would be our own <a href="https://beeping.synth.download">Sharkey</a> instance <small>(I <i>swear</i> we don't only just run Fediverse instances here, Iceshrimp.NET was just <i>too</i> beta for our tastes)</small>, which as far as I can tell is probably our most popular service as of now.</p>
|
||||
<p>Synth.Download has went through many server migrations between different Netcup VPS'es <small>before <i>finally</i> getting off them</small> along with various site and services improvements, and overall has started to shape into what I am proud to call as a proper community rather than being a silly site on the indie web (although, deep down, we all know it's still that).</p>
|
||||
<p>Thank you all for being here, both users and administrators. It means a lot to me. 💚</p>
|
||||
<h2 id="servers"><a href="#servers">Servers</a></h2>
|
||||
<p>The servers that are responsible for housing Synth.Download are proudly hosted and provided by <a href="https://foxgirl.dev">Lua</a>, and are located in Canada. All services on Synth.Download are containerized within Docker containers.</p>
|
||||
<p>Services are split between two KVM's on two different servers, namely <code>phosphorus</code>, which has more breathing room and handles running our more advanced and heavier services, such as our Fediverse instances, and <code>neptunium</code>, which handles all web traffic and our more lighter services, such as this site you're looking at right now.</p>
|
||||
<p>Backups are taken nightly and stored off-site.</p>
|
||||
<p>For those curious about our server configurations and setups, we publicly provide them <a href="https://forged.synth.download/sd/synth.download">at our Git repository</a>.</p>
|
||||
<h2 id="contact"><a href="#contact">Contact</a></h2>
|
||||
<p>Synth.Download is overlooked by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Shoot an email to <span link-color>synth@synth.download</span> for reports or general contact</p>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
<window-contents>
|
||||
<p t-center>Hey! Welcome to...</p>
|
||||
<p t-center><a id="logo" href="https://forged.synth.download/sneexy/synth"><img loading="lazy" src="/assets/synth.download/logo_web.svg" alt="Synth.Download" /></a></p>
|
||||
<p>We're a project managed by beepers, toasters, and other non-organic and organic creatures alike, hosting and running services together to provide ourselves with a safe community, and for the greater net public.</p>
|
||||
<p>We're a project managed by beepers, toasters, and other non-organic and organic creatures alike, hosting and running services together to provide ourselves with a safe community, and for the greater net public. if you like what we do, please consider <a href="/donate">donating</a>!</p>
|
||||
<p>Synth.Download is, obviously, themed around <a href="https://synthspecies.com">Synths</a>. In general, we're aimed towards furry, therian, otherkin and non-organic-like beings, but accepts all! As long as you're chill with us.</p>
|
||||
<p>Read our <a href="/about">About</a> for more information related to Synth.Download itself, or head over to our <a href="/services">Services</a> page to see what we provide. <small>By accessing and using this site and its services, you agree to our <a href="/privacy">Privacy Policy</a> and <a href="/tos">Terms of Service</a>.</small></p>
|
||||
<p t-center>Enjoy your stay! <i>Beep!~</i></p>
|
||||
|
|
|
|||
|
|
@ -17,13 +17,13 @@
|
|||
<h2><a href="#about-me">about me</a></h2>
|
||||
<p>I'm a <span class="rainbow">gay</span> goo-<a href="https://synthspecies.com">Synth</a> on the internet, <small>a zoomer, established 2006,</small> who likes to store endless amounts of data and pretends to be a computer himself. <small>For information related to my Synth-sona, <a href="https://sneexy.synth.download/ruben">refer to here</a>.</small> I'm autistic and have ADHD, and those two blended together create the mess that I am today.</p>
|
||||
<p>I consider myself to be a <span style="text-transform: capitalize;">professional computer toucher<span aria-hidden="true">™</span></span>, and try my best to poke at computers or anything related to weird tech that interest me. I would say I've messed enough in a good share of both software and hardware related things.</p>
|
||||
<p>I'm a nerd with <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">Free and Open Source</a> stuff and also caring about my privacy whenever possible <small>considering that it doesn't really seem to exist at all in the modern world, anyways</small>. I also like messing around with Linux, trying a bit of <a style="text-transform: none;" href="https://archlinux.org">Arch</a> and a little bit of <a style="text-transform: none;" href="https://nixos.org">NixOS</a>, but found comfort with <a style="text-transform: none;" href="https://fedoraproject.org">Fedora</a>. <small>If you're interested, I'm currently running my own customized varient of <a style="text-transform: none;" href="https://fedoraproject.org/atomic-desktops/kinoite">Fedora Kinoite</a> made with <a style="text-transform: none;" href="https://blue-build.org">BlueBuild</a> that <a href="https://github.com/sneexy-boi/bluebuild-custom">you can find here</a>.</small> With all of that out of the way, I will mention that I'm not going to shove these down anyone's throat, and if you're someone who does that, kindly reconsider your own behavior.</p>
|
||||
<p>Despite what is mentioned above, I'm not really a programmer, <span style="text-transform: none;">IT support</span> guy, some professional info-sec person or anything like that. My knowledge is honestly quite limited. At most, I personally mainly know just enough Bash to make jank scripts, HTML and CSS, and a good amount of Linux and Docker/Podman to let me survive. As much as I'd like to learn to expand, I've tried Python before with full intention and motivation of properly learning it to make things and it just didn't stick at all for me, and considering that was with <i>Python</i>, I'm goign to assume my limits in terms of handling things are pretty low.</p>
|
||||
<p>I also run synth.download! The thing you're looking at! Made with love and containers. <span class="icon tabler--heart" style="background-color: var(--red) !important;"></span></p>
|
||||
<p>I'm a nerd with <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">Free and Open Source</a> stuff and also caring about my privacy whenever possible <small>considering that it doesn't really seem to exist at all in the modern world, anyways</small>. I also like messing around with Linux, trying a bit of <a no-uncap href="https://archlinux.org">Arch</a> and a little bit of <a no-uncap href="https://nixos.org">NixOS</a>, but found comfort with <a no-uncap href="https://fedoraproject.org">Fedora</a>. <small>If you're interested, I'm currently running my own customized varient of <a no-uncap href="https://fedoraproject.org/atomic-desktops/kinoite">Fedora Kinoite</a> made with <a no-uncap href="https://blue-build.org">BlueBuild</a> that <a href="https://github.com/sneexy-boi/bluebuild-custom">you can find here</a>.</small> With all of that out of the way, I will mention that I'm not going to shove these down anyone's throat, and if you're someone who does that, kindly reconsider your own behavior.</p>
|
||||
<p>Despite what is mentioned above, I'm not really a programmer, <span no-uncap>IT support</span> guy, some professional info-sec person or anything like that. My knowledge is honestly quite limited. At most, I personally mainly know just enough Bash to make jank scripts, HTML and CSS, and a good amount of Linux and Docker/Podman to let me survive. As much as I'd like to learn to expand, I've tried Python before with full intention and motivation of properly learning it to make things and it just didn't stick at all for me, and considering that was with <i>Python</i>, I'm goign to assume my limits in terms of handling things are pretty low.</p>
|
||||
<p>I also run synth.download! The thing you're looking at! Made with love and containers. <icon-tabler heart style="color: var(--red);"></icon-tabler></p>
|
||||
<p>I <i>absolutely</i> despise capitalism with every single fiber in my living synthentic body. Although I think everyone in this similar space does as well.</span>
|
||||
<p>In case it wasn't obvious or clear somehow at this point, I'm a furry. And gay. And weird. I may not be covered in fur or an <i>"animal"</i>, but that doesn't mean I'm not in the same space. <small>Being a human fucking <span style="text-transform: none;">SUCKS</span></small>.</p>
|
||||
<p><span style="text-transform: none;">Certified<span aria-hidden="true">™</span> idiot</span> <small>(although I think this one is obvious)</small></p>
|
||||
<p>For the record, and this is most likely something worth pointing out: My mental health isn't great and I tend to have intense mood swings, and can sometimes randomly break down. Please excuse me in these moments, Thanks. <span class="icon tabler--heart" style="background-color: var(--accent) !important;"></span></p>
|
||||
<p>In case it wasn't obvious or clear somehow at this point, I'm a furry. And gay. And weird. I may not be covered in fur or an <i>"animal"</i>, but that doesn't mean I'm not in the same space. <small>Being a human fucking <span no-uncap>SUCKS</span></small>.</p>
|
||||
<p><span no-uncap>Certified<span aria-hidden="true">™</span> idiot</span> <small>(although I think this one is obvious)</small></p>
|
||||
<p>For the record, and this is most likely something worth pointing out: My mental health isn't great and I tend to have intense mood swings, and can sometimes randomly break down. Please excuse me in these moments, Thanks. <icon-tabler heart style="color: var(--accent);"></icon-tabler></p>
|
||||
<p>I'm also usually exhausted. Both mentally and physically, if that wasn't clear.</p>
|
||||
<p>Sometimes, I do make things, but honestly don't expect much from me. <small>I'll make some type of gallery page soon for the things I <i>do</i> make and the things others do for me, I promise.</small></p>
|
||||
</window-contents>
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
---
|
||||
title: base
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" page-is="goopy">
|
||||
<head>
|
||||
{% include "layouts/header.njk" %}
|
||||
<script defer src="https://booping.synth.download/embed.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<bg-gradient aria-hidden="true"></bg-gradient>
|
||||
<bg-image aria-hidden="true"></bg-image>
|
||||
|
||||
{% include "layouts/navbar.njk" %}
|
||||
|
||||
<!-- settings windows model -->
|
||||
{% include "layouts/settings.njk" %}
|
||||
|
||||
<!-- main content -->
|
||||
<content-wrapper>
|
||||
<main>
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
{% include "layouts/footer.njk" %}
|
||||
</content-wrapper>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<titlebar-icon aria-hidden="true">
|
||||
<icon-tabler user></icon-tabler>
|
||||
</titlebar-icon>
|
||||
<a href="#sneexy">Sneexy info</a>
|
||||
<a href="#sneexy">Sneexy</a>
|
||||
<window-controls aria-hidden="true">
|
||||
<icon-tabler minimize></icon-tabler>
|
||||
<icon-tabler maximize></icon-tabler>
|
||||
|
|
@ -21,25 +21,49 @@
|
|||
<small>Cheesed to meet ya.</small>
|
||||
<p style="margin-bottom: -2px;">Big fat gooey synth who is constantly tired.</p>
|
||||
<small style="font-size: 0.575rem;">...or <i>eepy</i>, but definitely more tired.</small>
|
||||
<div class="selfinfo">
|
||||
<div style="grid-area: pronouns;">
|
||||
<p>Pronouns</p>
|
||||
<card-container selfinfo>
|
||||
<card-entry pronouns>
|
||||
<h3>Pronouns</h3>
|
||||
<ul>
|
||||
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> He/Him</li>
|
||||
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> It/Its</li>
|
||||
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> They/Them</li>
|
||||
<li style="color: var(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> Anything else</small></li>
|
||||
<li style="color: var(--green);">
|
||||
<icon-tabler thumb-up aria-label="Preferred!"></icon-tabler>
|
||||
He/Him
|
||||
</li>
|
||||
<li>
|
||||
<icon-tabler thumb-up aria-label="Acceptable,"></icon-tabler>
|
||||
They/Them
|
||||
</li>
|
||||
<li style="color: var(--red);">
|
||||
<small>
|
||||
<icon-tabler thumb-down aria-label="Unacceptable,"></icon-tabler>
|
||||
Anything else
|
||||
</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="grid-area: names;">
|
||||
<p>Names</p>
|
||||
</card-entry>
|
||||
<card-entry names>
|
||||
<h3>Names</h3>
|
||||
<ul>
|
||||
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> Ruben</li>
|
||||
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> Sneexy, Sneex*</li>
|
||||
<li style="color: var(--yellow);"><small><span class="icon tabler--user-heart" alt="Only if we're close friends!" style="transform: scale(.9) translateY(.2rem);"></span> Rube, Rubie (Ruby)</small></li>
|
||||
<li style="color: var(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> Variations/Anything else</small></li>
|
||||
<li style="color: var(--green);">
|
||||
<icon-tabler thumb-up aria-label="Preferred!"></icon-tabler>
|
||||
Ruben
|
||||
</li>
|
||||
<li>
|
||||
<icon-tabler thumb-up aria-label="Acceptable,"></icon-tabler>
|
||||
Sneexy, Sneex*
|
||||
</li>
|
||||
<li style="color: var(--yellow);">
|
||||
<icon-tabler user-heart aria-label="Only if we're close friends!"></icon-tabler>
|
||||
Rube, Rubie (Ruby)
|
||||
</li>
|
||||
<li style="color: var(--red);">
|
||||
<small>
|
||||
<icon-tabler thumb-down aria-label="Unacceptable,"></icon-tabler>
|
||||
Variations/Anything else
|
||||
</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</card-entry>
|
||||
</card-container>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -27,6 +27,7 @@
|
|||
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--foreground) 25%, transparent); color: var(--foreground);" aria-label="Internet Archive"><span class="icon tabler--building-bank" style="pointer-events: none;"></span></a>
|
||||
</div>
|
||||
<p><span class="icon tabler--corner-down-right"></span> You may observe my Fediverse activity below:</p>
|
||||
<script defer src="https://booping.synth.download/embed.js"></script>
|
||||
<iframe aria-hidden="true" src="https://booping.synth.download/embed/user-timeline/9zy33jqk7ljg0001?header=false&maxHeight=800&rounded=false&border=false" data-misskey-embed-id="v1_902c0e81-d9d7-4c03-af0e-a6e71c21e95b" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border: none; width: 100%; max-width: 500px; height: 300px; color-scheme: light dark;"></iframe>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -194,16 +194,6 @@ span[title] {
|
|||
}
|
||||
}
|
||||
|
||||
/* the tabler icons svgs styling */
|
||||
.tabler-icon,
|
||||
.icon .icon-tabler {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
padding-bottom: .2rem;
|
||||
vertical-align: middle !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
|
||||
/* code (enforced monospace) */
|
||||
.code {
|
||||
font-family: 'JetBrains Mono', monospace, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif !important;
|
||||
|
|
@ -438,22 +428,22 @@ card-container {
|
|||
}
|
||||
|
||||
/* Dashed border */
|
||||
hr.dashed {
|
||||
hr[dashed] {
|
||||
border: .1rem dashed var(--border);
|
||||
}
|
||||
|
||||
/* Dotted border */
|
||||
hr.dotted {
|
||||
hr[dotted] {
|
||||
border: .1rem dotted var(--border);
|
||||
}
|
||||
|
||||
/* Solid border */
|
||||
hr.solid {
|
||||
hr[solid] {
|
||||
border: .1rem solid var(--border);
|
||||
}
|
||||
|
||||
/* Rounded border */
|
||||
hr.rounded {
|
||||
hr[rounded] {
|
||||
border: .2rem solid var(--border);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,8 +22,9 @@ article#home {
|
|||
margin-bottom: 0.5rem;
|
||||
|
||||
img[src="/assets/synth.download/logo_web.svg"] {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
min-width: 3rem;
|
||||
max-width: 100%;
|
||||
max-height: 25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,13 +9,14 @@
|
|||
/ ~sneexy - breeeep! my page! slooosh~ */
|
||||
|
||||
/* my page has goop in html to set goopy colors */
|
||||
html[page-is="goopy"] {
|
||||
html:has(article#sneexy) {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
#sneexy > window-contents {
|
||||
article#sneexy window-contents {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
min-width: 3rem;
|
||||
max-width: 100%;
|
||||
max-height: 13rem;
|
||||
}
|
||||
|
||||
h1 #pfp {
|
||||
|
|
@ -30,6 +31,21 @@ html[page-is="goopy"] {
|
|||
transform: scale(2);
|
||||
}
|
||||
|
||||
card-container[selfinfo] {
|
||||
text-align: start;
|
||||
margin-top: .8rem;
|
||||
|
||||
ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
li {
|
||||
margin-left: -1rem;
|
||||
&::marker { content: ""; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
display: grid;
|
||||
padding-top: 5px;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: ruben's nsfw interests
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
layout: "layouts/base.njk"
|
||||
permalink: "/subdomain/sneexy/nsfw/"
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: ruben lore
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
layout: "layouts/base.njk"
|
||||
permalink: "/subdomain/sneexy/ruben/"
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: about sneexy
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
layout: "layouts/base.njk"
|
||||
permalink: "/subdomain/sneexy/"
|
||||
---
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue