nitroxhq.github.io/about.html at main · nitroxhq/nitroxhq.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>about nitrox.</title>
    <script src="./theme.js"></script>
    <meta name="theme-color" content="#3232ff">
    <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
    <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
    <!--<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Geist+Mono:wght@100..900&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">-->
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="assets/fonts/inter/inter.css">

    <link rel="icon" type="image/svg+xml" href="./assets/white-logo-svg.svg">
    <link rel="icon" type="image/png" href="./assets/white-logo-png.png">
</head>
<body>
    <main class="page">
        <!-- Navigation -->
        <div id="nav-placeholder"></div>

        <!-- Mission -->
        <section class="hero">
            <h1 class="hero-tagline">today's technology is <span class="underline">broken</span>.
                <br>we're gonna <span class="underline italic">fix</span> it.</h1>
        </section>

        <section class="yap">
            <p>nitrox is an independent technology studio building better ways to interact with technology. we're here to make technology fun and human again.</p>

            <p>we question what we've been taught to accept, challenge the things that should've been better all along, and rethink what software can be. less friction. more intention. more freedom to create, explore, and experience more.</p>

            <p>technology should align with our lives, not make us conform to it. it should empower us, respect our individuality, and give us more control over our digital worlds — not the other way around.</p>
        </section>

        <!-- About Nitrox / the letter -->
        <section class="hero about-rule">
            <h1 class="hero-tagline">what even <span class="italic">is</span> <span class="underline">nitrox</span>?</h1>
        </section>

        <section class="yap">
            <p>real talk: somewhere along the way, technology stopped feeling as fun as it should. so much of the software we use every day feels unnecessarily restrictive, disconnected, or built around someone else's idea of how we should work. and there's so much more we could be doing with it!</p>

            <p>i started nitrox because i wanted to explore what happens when we question those assumptions instead of accepting them. what if our tools were more expressive, more interconnected, more personal? what if great design wasn't just about looking good, but about making complicated things feel natural? and what if the software we rely on actually gave us <i>more</i> freedom?</p>

            <p>that's what i'm trying to figure out with nitrox. i'm building tools, experimenting with ideas, and exploring better ways to create, learn, and interact with technology. it's early, and there's a lot left to figure out — but that's the fun part.</p>

            <p>nitrox is a work in progress, and so is the vision. i'm building in the open, learning as i go, and trying to make things that should exist but don't (yet). if that sounds like your kind of thing, stick around. i'd love you to join me in any way you can.</p>
        </section>

        <!-- Founder Sign-off -->
        <section class="yap">
            <p>
                - <b>ellis</b>,<br> founder of nitrox
            </p>
        </section>

        <section class="ps-section">
            <p class="ps-label">p.s.</p>
            <p>we're building as you're reading this.<br>check back periodically for updates.</p>
        </section>

        <!-- Join us -->
        <section class="join-us">
            <a class="join-us-button" href="./community.html" data-link="join">join us</a>
        </section>

        <!-- Footer -->
        <footer class="site-footer">
            <p><span class="italic underline">technology is broken</span>. we're gonna <span class="italic underline">fix</span> it. &nbsp;&nbsp;&#9632;&nbsp;&nbsp; &copy; 2026 nitrox.</p>
        </footer>
    </main>
    <script src="script.js"></script>
</body>
</html>