tinytakeoff.com/index.html at main · rustunit/tinytakeoff.com · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TinyTakeoff</title>

    <link data-trunk rel="copy-dir" href="assets/" />
    <link data-trunk rel="copy-file" href="CNAME" />
    <link data-trunk rel="copy-file" href="privacy.html" />
    <!-- Universal links: iOS reads this once, at install, and it is what lets a
         shared run's link open the game in the app instead of a browser. The game
         and the ?replay= links it hands out live on web.tinytakeoff.com, which
         serves its own copy out of the game repo; this claims the bare domain
         too, so a link that ever points here behaves the same.

         .nojekyll is not optional — GitHub Pages runs Jekyll over docs/, and
         Jekyll drops every path starting with a dot, .well-known included. -->
    <link data-trunk rel="copy-file" href=".well-known/apple-app-site-association"
        data-target-path=".well-known" />
    <link data-trunk rel="copy-file" href=".nojekyll" />

    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 20px;
            background-color: #353069;
            color: white;
        }

        p {
            text-align: center;
        }

        footer {
            text-align: center;
            margin-top: 20px;
        }

        .main {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 800px;
            margin: auto;
        }

        .banner {
            margin: 30px 0;
            width: 45%;
            max-width: 340px;
            display: block;
            /* 22.37% of the icon size is Apple's squircle approximation */
            border-radius: 22.37%;
            /* hairline rim + ambient shadow, as iOS renders app icons */
            box-shadow:
                inset 0 0 0 1px rgba(255, 255, 255, 0.14),
                0 10px 24px rgba(0, 0, 0, 0.35),
                0 2px 6px rgba(0, 0, 0, 0.25);
        }

        .download-btn {
            flex-grow: 1;
            /* width: 200px; */
            cursor: pointer;
        }

        .links {
            display: flex;
            gap: 20px;
            max-width: 600px;
        }

        .apple {
            width: 100%;
        }

        .google {
            width: 100%;
        }

        .ru-link {
            color: rgba(255, 255, 255, 0.3);
            text-decoration: none;
        }

        .ru-logo {
            top: 25px;
            left: 25px;
            position: fixed;
            width: 50px;
            filter: invert(100);
        }
    </style>

    <!-- Fathom - beautiful, simple website analytics -->
    <script src="https://cdn.usefathom.com/script.js" data-spa="auto" data-site="SIDIFPOR" defer></script>
    <!-- / Fathom -->
</head>

<body>
    <header>
        <a href="https://rustunit.com"><img src="assets/logo.svg" class="ru-logo" /></a>
    </header>
    <div class="main">
        <img src="assets/Website-Icon.png" alt="Game Banner" class="banner">

        <p>
            Unlock Various Fluffy Flying Animal Superheroes and steer them through fantastic worlds. Compete against
            sheep around the world and be the best in this unique challenge!
        </p>

        <!-- <a href="https://apps.apple.com/app/id6503081219" class="download-btn">
            <img src="assets/Apple-Download.svg" alt="iOS download" class="apple" />
        </a> -->

        <div class="links">
            <!-- <a href="https://play.google.com/store/apps/details?id=com.rustunit.tinytakeoff" class="download-btn">
                <img src="assets/google-play.svg" alt="google play" class="google" />
            </a> -->
            <a href="https://testflight.apple.com/join/eYDgYtxA" class="download-btn">
                <img src="assets/Testflight.svg" alt="iOS testflight" class="apple" />
            </a>
            <a href="https://web.tinytakeoff.com" class="download-btn">
                <img src="assets/Web.svg" alt="play web" class="apple" />
            </a>
        </div>
    </div>
    <footer>
        <a href="https://rustunit.com" class="ru-link">Powered by 2026 Rustunit</a>
    </footer>
</body>

</html>