site/_includes/layouts/home/intro.njk

<!-- simple site introduction -->
<article id="site" class="window home">
    <div class="header">
        <div class="titlebar-icon" aria-hidden="true">
            <span class="icon tabler--message-chatbot"></span>
        </div>
        <a href="#site">Welcome!</a>
        <div class="window-buttons" aria-hidden="true">
            <span class="icon tabler--minimize"></span>
            <span class="icon tabler--maximize"></span>
        </div>
        <div class="close-button" aria-hidden="true">
            <span class="icon tabler--x"></span>
        </div>
    </div>
    <section>
        <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 <small>(private/for-friends)</small> <a href="https://tilde.wiki/Tilde">tilde</a>-<a href="https://tilde.wiki/Public_Access_Unix_System"><small>not-so-</small>pubnix</a> thing, ran and managed by <a href="/~sneexy">~sneexy</a> with some services hosted here and there.</p>
        <p>There are a few public facing services we run here for general public use, although most services are private or require registration as they are meant for members of Synth.download.</p>
        <p>Look at the categories below to see what and who we're serving on here.</p>
        <p>Enjoy your stay! <i>Beep!~</i></p>
        <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>
        <details class="styled">
            <summary><span class="icon tabler--user"></span> Members <span class="icon tabler--arrow-autofit-height"></span></summary>
            <section>
                <p>Every user currently registered on the Synth.download tilde will be listed here. <small>Some users may not have pages yet and will lead to a blank page or a 404.</p></small>
                <div class="card tilde-list">
                    <a href="/~sneexy">~sneexy</a>
                </div>
            </section>
        </details>
        <details class="styled last">
            <summary><span class="icon tabler--help"></span> Questions & Answers <span class="icon tabler--arrow-autofit-height"></span></summary>
            <section>
                <p>As answered by <a href="/~sneexy">~sneexy</a>, the sysadmin of Synth.download.</p>
                <div class="card question">
                    <p><span class="_info" title="Question"><b>Q:</b></span> How do I join this tilde/pubnix/these services?</p>
                    <hr class="solid">
                    <p><b>NOTICE:</b> Registrations currently aren't open for Tilde/Pubnix purposes. We are still setting things up in regards to that!</p>
                    <p><span class="_info" title="Answer"><b>A:</b></span> I pretty much just need to know you/the one reading this enough. I'll choose whether or not you'll be let in, trying to "Speedrun" getting close to me will <i>not</i> get you in. Massive bonus points if we're already friends/established mutuals!</p>
                    <p>If you'd like to try asking, do so! Contact synth@synth.download<span style="color: var(--accent);">*</span> with the following:</p>
                    <ul style="padding-left: 4rem; margin-bottom: -.5rem;">
                        <li>Making it clear who you are (links to any profiles or websites)</li>
                        <li>Your public SSH key (that will be used to login to the pubnix - optional if you don't want/need this)</li>
                        <li>Listing the services you want (as most of them aren't connected to one account and will require manually registration on your end)</li>
                        <li>A creature sound (optional)</li>
                    </ul>
                    <p>You'll get a response with how to log in if you've been accepted!</p>
                    <p><small><span style="color: var(--accent);">*</span>Depending on the mailserver/service you use, you may not be able to send mail to synth.download. In this case, feel free to poke at me (y'know, <a href="/~sneexy">~sneexy</a>) anywhere else. You know where if we're moots. <span aria-hidden="true">:]]</span></small></p>
                    <p><small><b>Note:</b> You don't have to register for the Synth.download tilde/pubnix if you're just looking to register for one of our services (like our Sharkey or Iceshrimp instance). Feel free to just ask directly if that's the case! The same restrictions as if you were going to register for the tilde/pubnix still apply though.</small></p>
                </div>
                <div class="card question">
                    <p><span class="_info" title="Question"><b>Q:</b></span> I sent a registration thing and it's been a while, what's up?</p>
                    <hr class="solid">
                    <p><span class="_info" title="Answer"><b>A:</b></span> Either A: You've been denied, and I won't explain why due to having a low social battery when it comes to explaining things or B: You have been accepted/considered but I do registration and everything manually <small>(Yes, automation would be nice, but also seems overkill for a private thing that won't get much outside traction)</small>, so it may take a while for me to finish up the process for you to be able to get in.</p>
                    <p>In either case, try poking at me directly and I <i>may</i> respond depending on the end case.</p>
                </div>
                <div class="card question">
                    <p><span class="_info" title="Question"><b>Q:</b></span> Is information on this page up to date?</p>
                    <hr class="solid">
                    <p><span class="_info" title="Answer"><b>A:</b></span> Uh... Probably? It should be, although yes, it should be noted that everything on this page is static. I manually update the information listed here for everything. I just haven't bothered setting up any sort of dynamic stuff.</p>
                </div>
                <div class="card question">
                    <p><span class="_info" title="Question"><b>Q:</b></span> Why something so fancy for something private?</p>
                    <hr class="solid">
                    <p><span class="_info" title="Answer"><b>A:</b></span> Why not? I'm having fun making this site. Might as well put some extra information on here, even if it'll probably be private and small forever. <small>(Although - Things can always change! Who knows if I decide to expand publicly or something.)</small></p>
                </div>
                <div class="card last question">
                    <p><span class="_info" title="Question"><b>Q:</b></span> Merp!</p>
                    <hr class="solid">
                    <p><span class="_info" title="Answer"><b>A:</b></span> Beep!</p>
                </div>
            </section>
        </details>
    </section>
</article>