ByteApps.github.io/index.html at master · ByteApps/ByteApps.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
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
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ByteApps LLC</title>
<meta name="description" content="ByteApps LLC is an independent software studio in Denver, Colorado — maker of Graffito and open-source tools for Passport Prime.">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<style>
  :root {
    --bg: #10151b;
    --bg-card: #171e26;
    --text: #e8edf2;
    --text-dim: #9aa7b4;
    --accent: #c47a1a;
    --accent-soft: #e09a3e;
    --border: #232d38;
    --radius: 14px;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    background: var(--bg);
    color: var(--text);
    font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .wrap { max-width: 880px; margin: 0 auto; padding: 0 24px; }
  header { padding: 96px 0 64px; text-align: center; }
  .logo {
    width: 72px; height: 72px; margin: 0 auto 24px; display: block;
  }
  h1 { font-size: 2.4rem; letter-spacing: -0.02em; }
  h1 span { color: var(--accent-soft); }
  .tagline { color: var(--text-dim); font-size: 1.15rem; max-width: 34em; margin: 12px auto 0; }
  section { padding: 40px 0; }
  h2 {
    font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--accent-soft); margin-bottom: 20px;
  }
  .card {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 28px; display: flex; gap: 22px;
    align-items: flex-start;
  }
  .card img { width: 56px; height: 56px; flex: none; border-radius: 12px; }
  .card h3 { font-size: 1.25rem; margin-bottom: 6px; }
  .card p { color: var(--text-dim); }
  .card .links { margin-top: 12px; }
  a { color: var(--accent-soft); text-decoration: none; }
  a:hover { text-decoration: underline; }
  .badge {
    display: inline-block; font-size: 0.8rem; color: var(--text-dim);
    border: 1px solid var(--border); border-radius: 100px; padding: 2px 12px;
    margin-left: 8px; vertical-align: 2px;
  }
  .grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
  }
  .tool {
    display: flex; gap: 14px; align-items: center;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 16px;
  }
  .tool img { width: 36px; height: 36px; border-radius: 8px; flex: none; }
  .tool a { color: var(--text); font-weight: 600; font-size: 0.95rem; }
  .tool small { display: block; color: var(--text-dim); font-size: 0.8rem; line-height: 1.4; }
  footer {
    border-top: 1px solid var(--border); margin-top: 48px; padding: 36px 0 56px;
    color: var(--text-dim); font-size: 0.9rem; text-align: center;
  }
  footer a { color: var(--text-dim); }
  @media (max-width: 560px) {
    header { padding: 64px 0 40px; }
    h1 { font-size: 1.9rem; }
    .card { flex-direction: column; }
  }
</style>
</head>
<body>

<header class="wrap">
  <img class="logo" src="assets/favicon.svg" alt="ByteApps logo">
  <h1>Byte<span>Apps</span> LLC</h1>
  <p class="tagline">An independent software studio in Denver, Colorado.
  We build privacy-respecting apps for iPhone, Android, Mac, and the Passport&nbsp;Prime.</p>
</header>

<main class="wrap">
  <section id="products">
    <h2>Product</h2>
    <div class="card">
      <img src="assets/icons/graffito.svg" alt="Graffito icon">
      <div>
        <h3>Graffito <span class="badge">Bitcoin · Notes</span></h3>
        <p>Personal notes on the bitcoin blockchain. Compose, encrypt, and sign
        completely offline — on a Passport Prime or your own devices — then
        broadcast from anywhere. Your words, sealed by your keys, carried by the
        most durable public record ever built.</p>
        <p class="links">
          <a href="https://byteapps.com/graffito/companion/">Web companion</a> ·
          App Store &amp; Google Play — coming soon
        </p>
      </div>
    </div>
  </section>

  <section id="open-source">
    <h2>Open source</h2>
    <div class="grid">
      <div class="tool"><img src="assets/icons/prime-pgp-keychain.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-pgp-keychain">PGP Keychain</a>
        <small>OpenPGP keys on Passport Prime</small></span></div>
      <div class="tool"><img src="assets/icons/prime-paper-wallet.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-paper-wallet">Paper Wallet</a>
        <small>Offline bitcoin gift bills</small></span></div>
      <div class="tool"><img src="assets/icons/prime-bip85.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-bip85">BIP-85 Seeds</a>
        <small>Deterministic child seeds</small></span></div>
      <div class="tool"><img src="assets/icons/prime-text-editor.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-text-editor">Text Editor</a>
        <small>Edit text on the Prime</small></span></div>
      <div class="tool"><img src="assets/icons/prime-pdf-viewer.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-pdf-viewer">PDF Viewer</a>
        <small>Pure-Rust PDF reading</small></span></div>
      <div class="tool"><img src="assets/icons/prime-image-viewer.svg" alt="">
        <span><a href="https://github.com/ObjSal/prime-image-viewer">Image Viewer</a>
        <small>Safe image decoding</small></span></div>
    </div>
  </section>

  <section id="contact">
    <h2>Contact</h2>
    <p>ByteApps LLC · Denver, Colorado<br>
    <a href="mailto:contact@byteapps.com">contact@byteapps.com</a></p>
  </section>
</main>

<footer>
  <div class="wrap">
    © 2026 ByteApps LLC. All rights reserved.<br>
    Bitcoin is better money. Software is how we spend it well.
  </div>
</footer>

</body>
</html>