don't use section, senil important notice on donate page
All checks were successful
/ build (push) Successful in 6m47s
All checks were successful
/ build (push) Successful in 6m47s
This commit is contained in:
parent
a9e15b347d
commit
b8c916e293
GPG key ID:
8ECFA045E63BC583
20 changed files with 63 additions and 120 deletions
|
|
@ -13,10 +13,10 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h1><a href="#admins">Admins</a></h1>
|
||||
<p>Listed below is all administrators (those with administrative access to the Synth.Download servers) who currently help and work on Synth.Download.</p>
|
||||
<p>For any questions, please contact <span link-color>synth@synth.download</span> or <a href="https://sneexy.synth.download">Sneexy</a> directly.</p>
|
||||
{% include "layouts/admins/list.njk" %}
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,8 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
{% include "layouts/donate/important.njk" %}
|
||||
<p>If you enjoy using Synth.Download and any of its services and would like for us to continue running our place, feel free to chime in with donations.</p>
|
||||
<h4>To help with keeping Synth.Download up:</h4>
|
||||
<ul>
|
||||
|
|
@ -36,5 +37,5 @@
|
|||
</ul>
|
||||
<p>For Synth.Download, donations are not required, but do help us keep things in check. <span style="color: var(--accent);" aria-hidden="true">^^</span></p>
|
||||
<p><small>This page will also be used to notify for any required donations or mutual aid posts of any Synth.Download administrators.</small></p>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
10
_includes/layouts/donate/important.njk
Normal file
10
_includes/layouts/donate/important.njk
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<section notice-card important>
|
||||
<h3><icon-tabler alert-triangle></icon-tabler> Important</h3>
|
||||
<ul>
|
||||
<li>
|
||||
Our administrator <a href="https://senil.me">Senil</a> is in dire need of funds in order to afford paying debts and bills.<br>
|
||||
<iframe src="https://booping.synth.download/embed/notes/aebru88gmln300rd" data-misskey-embed-id="v1_a9d12b16-2efa-4533-b055-a911efc38e3f" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border: none; width: 100%; max-width: 500px; height: 300px; color-scheme: light dark;"></iframe>
|
||||
<script defer src="https://booping.synth.download/embed.js"></script>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
---
|
||||
title: whoops.
|
||||
layout: "layouts/base.njk"
|
||||
---
|
||||
|
||||
<!-- error window -->
|
||||
<article open id="404" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="icon tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#404">Not found!</a>
|
||||
<div aria-hidden="true">
|
||||
<span class="icon tabler--minimize"></span>
|
||||
<span class="icon tabler--maximize"></span>
|
||||
</div>
|
||||
<div aria-hidden="true">
|
||||
<span class="icon tabler--x"></span>
|
||||
</div>
|
||||
</summary>
|
||||
<section>
|
||||
<h1 style="color: var(--accent);">404</h1>
|
||||
<p>Whatever it is, isn't here.</p>
|
||||
</section>
|
||||
</article>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="header">
|
||||
<a href="#footer">Footer</a>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<footer-section icon>
|
||||
<a href="/"><img src="/assets/synth.download/synth_web.svg" alt="Synth.Download" /></a>
|
||||
</footer-section>
|
||||
|
|
@ -29,5 +29,5 @@
|
|||
<p>Made with love, lack of sleep and procrastination.</p>
|
||||
<p>♡2025 All wrongs reversed. Please copy and share.</p>
|
||||
</footer-section>
|
||||
</section>
|
||||
</window-contents>
|
||||
</footer>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<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>We're a small community of friends, hosting and managing stuff together. Themed around <a target="_blank" href="https://synthspecies.com">synths</a>, most of us are synths, including <small><i>(most)</i></small> of the <a href="/admins">system administrators</a>, but open and accepting of all fellow beings, creatures, toasters and organics.</p>
|
||||
|
|
@ -22,5 +22,5 @@
|
|||
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonSynthDownload()">
|
||||
<img src="/assets/buttons/synth.download.svg" alt="Synth.Download!">
|
||||
</button>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h1><a href="#privacy">Privacy Policy</a></h1>
|
||||
<p><small>Updated at <time datetime="2025-08-18 18:03">2025-08-18.</time></small></p>
|
||||
<hr class="solid">
|
||||
|
|
@ -37,5 +37,5 @@
|
|||
<p>Direct messages are <i>not</i> completely private or encrypted in any way. Post deletion and edits <i>can</i> be ignored or missed by other instances, although we do attempt to block instances with malicious intents <small>(see <a href="/sharkey/#moderation">moderation</a> for more details)</small>. Other instances may have different privacy policies or different ways of handling data and protection standards.</p>
|
||||
<p>Note that only any information made public by you (your posts, your bio and profile picture, other related information meant to be viewed by others) is what gets federated. Any other private information related to your account such as your email address and passwords will <i>never</i> be federated.</p>
|
||||
<p>All media uploaded through our instance get uploaded to <a target="_blank" href="https://www.backblaze.com">Backblaze</a>, which stores files, then forwarded through <a target="_blank" href="https://bunny.net">Bunny</a> as our CDN for faster file delivery and media loading. Some software, like <a href="/mastodon">Mastodon</a>, have tools to help with personal privacy, such as post auto-deletion.</p>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h1><a href="#services">Services</a></h1>
|
||||
<p>This page lists all services hoted on Synth.Download for both public and private member usage. Statuses, service announcements, incidents and general uptime information will be monitored and reported at <a href="https://status.synth.download">our status page</a>.</p>
|
||||
<p>All services and systems for Synth.Download are manually upgraded and rebooted every week on the weekends in our available times. If services are down, please give it a few minutes before trying again.</p>
|
||||
|
|
@ -21,5 +21,5 @@
|
|||
<p><small>For those curious on our systems or configurations, refer to <a href="/about">our about page</a>.</small></p>
|
||||
{% include "layouts/services/filters.njk" %}
|
||||
{% include "layouts/services/list.njk" %}
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<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>
|
||||
|
|
@ -26,5 +26,5 @@
|
|||
<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>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>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<span style="color: var(--red);">If any are broken and/or missing, poke me.</span>
|
||||
<p style="text-align: center;">Friends!</p>
|
||||
<div class="img-buttons">
|
||||
|
|
@ -121,5 +121,5 @@
|
|||
<img src="/assets/buttons/sneexy.svg" alt="Sneexy">
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h2><a href="#fun-facts">"Fun" facts</a></h2>
|
||||
<ul>
|
||||
<li>My profile pictures used to be random characters from different types of media that I would just apply a grayscale onto. Ever since then, I realized that I've very much enjoyed being a <a href="https://synthspecies.com/">Synth</a> instead.</li>
|
||||
|
|
@ -23,5 +23,5 @@
|
|||
<li>I prefer lowercase when possible and use spaces before <i>and</i> after punctionation, sometimes maybe a double space here and there, <small>Although I attempt to avoid doing the latter on this website to try and prevent it from making it entirely inaccessible.</small> It just feels more natural for me.</li>
|
||||
<li>I am <b><i>terrible</i></b> at spelling.</li>
|
||||
</ul>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<img id="logo" loading="lazy" src="/assets/sneexy/sneexy.webp" alt="Sneexy" /> <br>
|
||||
<audio controls loop src="/assets/sneexy/ASimpleMachine.mp3"></audio> <br>
|
||||
<small>Theme song by <a href="https://yeen.town/@ChalkLlate">ChalkLlate</a>!</small>
|
||||
|
|
@ -41,5 +41,5 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
---
|
||||
title: notebook
|
||||
layout: "layouts/base.njk"
|
||||
permalink: "/notebook/"
|
||||
---
|
||||
|
||||
{% set postslist = collections.post %}
|
||||
|
||||
<!-- notebook index -->
|
||||
<article id="notebook" class="window">
|
||||
<div class="header">
|
||||
<titlebar-icon aria-hidden="true">
|
||||
<icon-tabler article></icon-tabler>
|
||||
</titlebar-icon>
|
||||
<a href="#notebook">Notebook</a>
|
||||
<window-controls aria-hidden="true">
|
||||
<icon-tabler minimize></icon-tabler>
|
||||
<icon-tabler maximize></icon-tabler>
|
||||
<close-button aria-hidden="true">
|
||||
<icon-tabler x></icon-tabler>
|
||||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
|
||||
<section data-pagefind-body>
|
||||
<div id="search"></div>
|
||||
<h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="icon 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="/~sneexy">myself</a>.</p>
|
||||
<span class="seperator"></span>
|
||||
<details open class="notebook article-category">
|
||||
<summary><span class="icon tabler--arrow-autofit-height"></span> test</summary>
|
||||
|
||||
{%- for knowledgebase in collections.knowledgebase %}
|
||||
<div class="article-card">
|
||||
<h2><a href="{{ knowledgebase.url }}">{{ knowledgebase.data.title }}</a></h2>
|
||||
<p class="tags-holder">
|
||||
{%- for tag in tags | filterTagList %}
|
||||
{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
|
||||
<a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a>{%- if not loop.last %}, {% endif %}
|
||||
{%- endfor %}
|
||||
</p>
|
||||
<p>{{ knowledgebase.data.description }}</p>
|
||||
<a href="{{ knowledgebase.url }}" class="read">read more</a>
|
||||
</div>
|
||||
{%- endfor %}
|
||||
|
||||
<div class="article-card">
|
||||
<h2><a>test</a></h2>
|
||||
<p class="tags-holder"><a>tag</a> <a>tag-2</a> <a>tag-3</a></p>
|
||||
<p>description</p>
|
||||
<a class="read" href="./read">read more</a>
|
||||
</div>
|
||||
</details>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<!-- pagefind -->
|
||||
<script>
|
||||
window.addEventListener('DOMContentLoaded', (event) => {
|
||||
new PagefindUI({ element: "#search", showSubResults: true });
|
||||
});
|
||||
</script>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h2><a href="#links">Links</a></h2>
|
||||
<p>My links to all of my public facing socials and contacts. If I know you well, you may ask me for anything more private, like Signal or Matrix, etc. <small>The fastest way to get this is by checking my <i>followers only</i> pinned post if you follow me/we're mutuals on the Fediverse.</small></span></p>
|
||||
<div class="socials-contacts-list">
|
||||
|
|
@ -28,5 +28,5 @@
|
|||
</div>
|
||||
<p><span class="icon tabler--corner-down-right"></span> You may observe my Fediverse activity below:</p>
|
||||
<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>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</close-button>
|
||||
</window-controls>
|
||||
</div>
|
||||
<section>
|
||||
<window-contents>
|
||||
<h2><a href="#tos">Terms of Service</a></h2>
|
||||
<p><small>Updated at <time datetime="2025-08-18 18:06">2025-08-18.</time></small></p>
|
||||
<p><i>TL;DR: Be nice to one and another, stay chill, use common sense, don't do (or continue doing) anything that makes others uncomfortable, and if someone else is making you/another person uncomfortable, bring it up with a moderation/administrator.</i></p>
|
||||
|
|
@ -40,5 +40,5 @@
|
|||
<li>The servers for Synth.Download are located in Canada, therefore, Canadian laws apply to our services. Nothing illegal, please. Any illegal activity will be reported to the proper authorities.</li>
|
||||
</ul>
|
||||
<p>If we find you breaking these guidelines, or deem you unfit for our services (and therefore, our community) for one reason or another, you will be blocked from interacting with us.</p>
|
||||
</section>
|
||||
</window-contents>
|
||||
</article>
|
||||
|
|
@ -92,7 +92,7 @@ content-wrapper {
|
|||
h1, h2, h3, h4, h5, h6,
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||||
color: var(--foreground);
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: .5rem;
|
||||
text-decoration-color: transparent;
|
||||
transition: .2s;
|
||||
|
|
@ -165,6 +165,7 @@ ul {
|
|||
|
||||
li {
|
||||
margin-bottom: .5rem;
|
||||
&:last-of-type { margin-bottom: 0; }
|
||||
|
||||
&::marker {
|
||||
color: var(--accent);
|
||||
|
|
@ -411,6 +412,26 @@ card-container {
|
|||
}
|
||||
}
|
||||
|
||||
/* notice/section cards */
|
||||
[notice-card] {
|
||||
--n-bg: var(--accent);
|
||||
border-radius: 1rem;
|
||||
border: .15rem solid color-mix(in srgb, var(--yellow) 20%, transparent);
|
||||
margin-bottom: .8rem;
|
||||
padding: .5rem;
|
||||
|
||||
h3 {
|
||||
color: var(--link);
|
||||
margin-top: 0;
|
||||
}
|
||||
p, ul { &:last-of-type { margin-bottom: 0; } }
|
||||
|
||||
&[important] {
|
||||
--n-bg: var(--yellow);
|
||||
background-color: color-mix(in srgb, var(--n-bg) 15%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
/* Dashed border */
|
||||
hr.dashed {
|
||||
border: .1rem dashed var(--border);
|
||||
|
|
|
|||
|
|
@ -21,8 +21,8 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
section {
|
||||
display: flex;
|
||||
window-contents {
|
||||
display: flex !important;
|
||||
flex-flow: row wrap;
|
||||
gap: 2rem;
|
||||
padding: 1rem !important;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
/ home - specific styling for the main synth.download home page (index.md) */
|
||||
|
||||
#site.window.home {
|
||||
main, section {
|
||||
window-contents {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
html[page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
#sneexy > section {
|
||||
#sneexy > window-contents {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
|
|
|
|||
|
|
@ -79,11 +79,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
section, article {
|
||||
window-contents {
|
||||
display: block;
|
||||
padding: .8rem;
|
||||
|
||||
p:first-of-type { margin-top: 0; }
|
||||
p:last-of-type { margin-bottom: 0; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 60rem) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue