about.html

---
layout: default
title: About us
permalink: /about/
---

<div class="container my-3">
    <h1 class="display-4">A  <span class="text-gradient yellow-orange">bit more</span> about us.</h1>
</div>

<section class="stripe text-white">
    <div class="container py-3">
        <h4 class="text-white mt-2">glauca</h4>
        <p style="font-family: sans-serif">/ˈɡlau̯.ka/</p>
        <i>Adjective</i>
        <b class="text-white">m</b>
        <ol>
            <li>bright, sparkling, gleaming</li>
            <li>blue-green, blue-grey</li>
        </ol>
        <i>Noun</i>
        <b class="text-white">m</b>
        <ol>
            <li>a bluish-grey colored fish of uncertain identity</li>
        </ol>
    </div>
</section>

<div class="container my-5" style="flex-grow: 1">
    <p class="lead mt-0 mt-lg-4">
        Hi! We're {{ site.title }}, pleased to meet you. We're on a mission to make our little corner of the
        web less less painful to use. We want to create a service that gets out of your way and lets you
        get on with what you wanted to do in the first place. We're trying to do that in a few ways:
    </p>

    <hr>

    <div class="mx-auto" style="max-width: 600px;">
        <h2>Zero  <span class="text-gradient pink-red">fuss</span>.</h2>

        <p>
            Pricing is often complicated, befuddling, hazy etc. You get the point, it doesn't make sense. We'll tell you in
            simple terms what you'll be paying and when, without hiking prices on you purely for sticking with us.
        </p>
    </div>

    <hr>

    <div class="w-md-50 mx-auto" style="max-width: 600px;">
        <h2> <span class="text-gradient purple-pink">You</span> come first.</h2>

        <p>
            We want to build a platform that works for you, with features that are convenient for you to use. After all it's
            our job to do the hard work, so you don't have to.
        </p>

        <p>
            Want a feature we don't have yet? Just ask us, and if it makes sense we'll get our army of programmer sharks
            on it to make a reality. &#x1f988;
        </p>
    </div>

    <hr>

    <div class="w-md-50 mx-auto" style="max-width: 600px;">
        <h2>Top notch <span class="text-gradient teal-indigo">support</span>.</h2>

        <p>
            Stuff goes wrong, as much as we and you don't want it to, but it does. When the inevitable happens you can be
            sure we want it fixed as much as you do. When you contact us, a real human who understands your problem will be
            dealing with your query ASAP.
        </p>
        <h3>Come talk to us on our Discord</h3>
        <iframe src="https://canary.discordapp.com/widget?id=751221681384718338&amp;theme=dark" allowtransparency="true" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts" width="100%" height="350" frameborder="0"></iframe>
    </div>

    <hr>

    <h1>Who are we anyway?</h1>
    <h3>{{ site.title }} is run by these wonderful human beings</h3>
    <h4>(At least we think they're human)</h4>

    <div class="row mt-3">

        {% for person_id in site.data.people %}
        {% assign person = person_id[1] %}
        <div class="col">
            <div class="card text-center mx-auto" style="max-width: 18rem;">
                <img class="card-img-top" src="{{ person.picture | relative_url }}">
                <div class="card-body">
                    <h5 class="card-title">{{ person.name }}</h5>
                    <h6 class="card-subtitle mb-2 text-muted">{{ person.role }}</h6>
                </div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">{{ person.locale }}</li>
                    <li class="list-group-item">Fedi: <a href="{{ person.fedi_link }}">@{{ person.fedi_handle }}</a></li>
                    <li class="list-group-item">GitHub: <a href="https://github.com/{{ person.github }}">{{ person.github }}</a></li>
                </ul>
            </div>
        </div>
        {% endfor %}
    </div>
</div>