hyperspacedev.github.io/team.html at master · hyperspacedev/hyperspacedev.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
---
title: Who we Are
layout: default
permalink: /team
---
<style>
    .team-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .team-member {
        text-align: center;
        padding: 8px;
    }

    .team-member-link {
        margin-bottom: 4px;
    }

    .team-member-address {
        color: #999999;
        margin-top: 0;
    }

    @media(max-width: 768px) {
        .team-layout {
            grid-template-columns: repeat(1, 1fr);
        }
    }
</style>
<div class="section">
    <h1>This is us.</h1>
    <p>The Hyperspace team is committed to making the best Mastodon and fediverse client yet. We're proud to bring you Hyperspace and love Mastodon as much as you do. Feel free to chat with us on Mastodon or in our community on Matrix!</p>
</div>
<div class="section">
    <div class="team-layout">
        {% for team_member in site.data.team %}
            {% assign member = team_member[1] %}
            <div class="team-member">
                <a href="https://{{ member.mastodon.address }}/{{ member.mastodon.username }}">
                    <img src="{{ member.mastodon.image }}" class="team-member-image"/>
                </a>
                <p class="team-member-name">{{ member.name }}</p>
                <p>{{ member.role }}</p>
                <p class="team-member-link"><a href="https://{{ member.mastodon.address }}/{{ member.mastodon.username }}"><i class="fab fa-mastodon mastodon-font"></i> {{ member.mastodon.username }}</a></p>
                <p class="team-member-address"><small>@{{ member.mastodon.address }}</small></p>
            </div>
        {% endfor %}
    </div>
</div>