SauceLLC.github.io/supporters.html at master · SauceLLC/SauceLLC.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="description" content="Sauce for Strava™ Patreon Supporters"/>

        <title>Sauce for Strava™ - Supporters</title>

        <link rel="manifest" href="manifest.json"/>
        <link id="favicon" rel="shortcut icon" href="images/favicon.webp"/>
        <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="css/common.css"/>
        <style>
            main {
                padding: 1em 2em;
            }

            .thanks {
                font-size: 0.7em;
            }

            .supporters {
                flex-wrap: wrap;
                flex-direction: row;
            }
            patron {
                display: block;
                font-size: 3em;
                font-family: 'Permanent Marker', sans-serif;
                padding: 2rem;
                width: min(max(33%, 20ch), 100%);
            }

            patron .brag {
                font-family: sans-serif;
                font-size: 0.9rem;
            }

            #nav nav {
                flex-wrap: nowrap !important;
            }

            #nav .left {
                height: initial;
                flex: 0 0 auto !important;
            }

            #nav .center {
                height: initial;
                font-size: 2em;
                flex: 1 1 auto;
            }
        </style>

        <script defer type="text/javascript" src="js/supporters.js"></script>
    </head>

    <body id="top">
        <header id="nav" class="nosticky">
            <nav>
                <div class="left">
                    <a class="anchor logo" href="/index.html"><img class="branding" src="images/logo_horiz_320x120.webp"/></a>
                </div>
                <div class="center">
                    Sauce Supporters<br/>
                    <small class="caption thanks">A massive thanks to these
                        <a href="https://www.patreon.com/bePatron?u=32064618" target="_blank">patrons</a>
                        for making Sauce possible!</small>
                </div>
            </nav>
        </header>

        <main>

            <section class="scrollable supporters"></section>

            <section class="scrollable">
                <p>
                    If you would like to have your name in this list
                    <a href="https://www.patreon.com/bePatron?u=32064618" target="_blank">become a "Sauce Star" patron!</a>
                </p>
            </section>
        </main>
    </body>
</html>