natty-gay/pages/work.vue

<template>
    <main>
        <div class="wrapper">
            <h1>Our Stuff</h1>
            <p>This section is partially work-in-progress.</p>
            <p>
                We got into programming roughly when we were 12, starting with
                website development and later Minecraft mods. and We're a big
                fan of the Rust programming language and use it for many of our
                projects. Our first serious programming language was Java, but
                we barely use it nowadays.Generally, we have quite a wide range
                of interests (partially because we have ADHD), but we generally
                stick to website development, space, and various science stuff.
                We're also trying to learn to draw.
            </p>
            <p>
                We also sometimes do a little computer graphics, usually for
                games or fun experiments.
            </p>
            <p>
                We know and primarily use Java, JavaScript, TypeScript, Rust,
                C++, and also some C and Go. Haskell is fun but not something we
                regularly use.
            </p>
            <p>
                We self host a number of services, such as our personal
                <a href="https://git.astolfo.cool/natty">Gitea</a>, a
                <a href="https://astolfo.social/@natty">Magnetar</a>
                Fediverse instance,
                <a href="https://awawa.gay">awawa.gay</a> Misskey instance, as
                well as a personal Matrix server.
            </p>
            <p>
                <a href="https://git.astolfo.cool/natty">See our Git</a> or
                <a href="https://github.com/AMNatty" rel="noreferrer nofollow"
                    >our GitHub account</a
                >
                for our recent projects.
            </p>
        </div>
    </main>
    <section class="wrapper">
        <h2>Magnetar</h2>
        <p>
            We have a toy project called
            <a href="https://git.astolfo.cool/natty/magnetar">Magnetar</a>. It
            is a work-in-progress implementation of a
            <a
                href="https://en.wikipedia.org/wiki/Fediverse"
                rel="noreferrer nofollow"
                >Fediverse</a
            >
            server written in Rust.
        </p>
        <p>
            We plan to write articles about the architecture and design of it
            soon!
        </p>
    </section>

    <section class="wrapper">
        <h2>Other recent mini-projects</h2>
        <ul class="mini-projects">
            <li>
                <a
                    href="https://github.com/AMNatty/wleave"
                    rel="nofollow noreferrer"
                    >AMNatty/wleave</a
                >
                <span
                    >A rewrite of wlogout, a Wayland-native logout script
                    written in Gtk3</span
                >
            </li>
            <li>
                <a href="https://git.astolfo.cool/natty/mag-markov"
                    >mag-markov</a
                >
                <span>
                    Magnetar-compatible Markov chain random sentence generator
                </span>
            </li>
            <li>
                <a href="https://git.astolfo.cool/natty/dfmd">dfmd</a>
                <span
                    >A small utility daemon to handle
                    <q>open containing folder</q> activities in various software
                </span>
            </li>
            <li>
                <a href="https://git.astolfo.cool/natty/tsp">tsp</a>
                <span>
                    A visualizer for the Travelling Salesman Problem, with the
                    ability to define a custom algorithm
                </span>
            </li>
        </ul>
    </section>
    <section>
        <div class="wrapper">
            Email us (<tt>natty.sh.git [at] gmail [dot] com</tt>) or message us
            on Matrix (<tt>@natty:mx.astolfo.social</tt>) (or even DM us on
            fedi) if you are curious about any of these projects and would like
            to know more or have some ideas or contributions.
        </div>
        <Signature />
    </section>
</template>
<script setup>
import Signature from "@/components/signature.vue";

useHead({
    title: "Our Stuff",
});

useServerSeoMeta({
    ogSiteName: "Natty.gay",
    ogTitle: "Our Stuff",
    ogDescription:
        "We work on a bunch of different projects, including Magnetar, a fediverse server partially written in Rust, as well as...",
});
</script>
<style lang="scss" scoped>
main {
    flex-grow: 1;
}

main,
section {
    border-left: 4px dotted $primary-surface;
    border-right: 4px dotted $primary-surface;

    @media all and (max-width: 1400px) {
        border: initial;
    }
}

main,
section,
figure.art {
    max-width: 1400px;
    align-self: center;
    width: 100vw;
    box-shadow: 0px 0px 10px $ui-hover-fg;
    background-color: $ui-surface-bg;
    box-sizing: border-box;
}

section {
    margin: 20px 0 0 0;
}

figure.art {
    display: block;
    margin: 20px 0 0 0;
    border-radius: 10px;

    figcaption {
        font-style: italic;
        padding: 10px;
    }

    img {
        max-width: 100%;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        display: block;
    }
}

.wrapper {
    padding: 20px;
}

.mini-projects {
    li :nth-child(2)::before {
        content: " — ";
    }
}
</style>