-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
325 lines (306 loc) · 13.7 KB
/
Copy pathindex.html
File metadata and controls
325 lines (306 loc) · 13.7 KB
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bitmark · Spendable Karma · A currency for giving</title>
<meta name="description" content="Bitmark (BTMK) is spendable karma, a currency for giving. A fair coin from the 2014 era of fair launches: no premine, no instamine, no ICO, no IPO. Earn it, then give it away." />
<link rel="icon" href="assets/favicon.png" type="image/png" />
<link rel="apple-touch-icon" href="assets/bitmark-logo-300.png" />
<link rel="canonical" href="https://project-bitmark.github.io/" />
<meta name="theme-color" content="#f5005a" />
<meta name="author" content="Project Bitmark" />
<meta name="keywords" content="Bitmark, BTMK, spendable karma, currency for giving, fair coin, no premine, no ICO, scrypt, mPoW, multiple proof of work, cryptocurrency, marking" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Bitmark" />
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="https://project-bitmark.github.io/" />
<meta property="og:title" content="Bitmark · Spendable Karma" />
<meta property="og:description" content="A currency for giving. Earned by creating, sharing and helping, and made to be given away. A fair coin from 2014: no premine, no ICO, no presale." />
<meta property="og:image" content="https://project-bitmark.github.io/assets/og.png" />
<meta property="og:image:secure_url" content="https://project-bitmark.github.io/assets/og.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Bitmark · Spendable Karma. A currency for giving." />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Bitmark · Spendable Karma" />
<meta name="twitter:description" content="A currency for giving. Earned by creating, sharing and helping, and made to be given away." />
<meta name="twitter:image" content="https://project-bitmark.github.io/assets/og.png" />
<meta name="twitter:image:alt" content="Bitmark · Spendable Karma. A currency for giving." />
<style>
:root{
--ink:#262a38;
--ink-soft:#3a3f52;
--pink:#f5005a;
--pink-soft:#ff3d80;
--paper:#ffffff;
--mist:#f6f7fa;
--line:#e6e8ef;
--muted:#6b7080;
--maxw:980px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--ink);
background:var(--paper);
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{color:var(--pink);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
/* Header */
header{
position:sticky;top:0;z-index:10;
background:rgba(255,255,255,.9);
backdrop-filter:saturate(180%) blur(10px);
border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:1.1rem;letter-spacing:-.02em}
.brand img{width:30px;height:30px}
.brand:hover{text-decoration:none}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{color:var(--ink-soft);font-weight:600;font-size:.93rem}
.nav-links a:hover{color:var(--pink);text-decoration:none}
@media(max-width:640px){.nav-links{display:none}}
/* Hero */
.hero{
text-align:center;
padding:88px 0 72px;
background:radial-gradient(1200px 500px at 50% -10%, #fff0f5 0%, #ffffff 60%);
}
.hero .mark{width:74px;height:74px;margin:0 auto 22px;display:block}
.eyebrow{
display:inline-block;
font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--pink);
background:#ffe6ee;
padding:6px 14px;border-radius:999px;margin-bottom:22px;
}
h1{
font-size:clamp(2.4rem,6vw,4rem);
line-height:1.05;letter-spacing:-.03em;font-weight:800;
margin:0 0 18px;
}
h1 .accent{color:var(--pink)}
.lede{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--muted);max-width:660px;margin:0 auto 34px}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{
display:inline-flex;align-items:center;gap:8px;
font-weight:700;font-size:.98rem;
padding:13px 24px;border-radius:10px;
border:1.5px solid transparent;transition:.15s;
}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--pink);color:#fff}
.btn-primary:hover{background:var(--pink-soft)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
/* Sections */
section{padding:64px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.02em;margin:0 0 14px}
.section-lede{color:var(--muted);font-size:1.08rem;max-width:680px;margin:0 0 36px}
/* Concept cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){.grid{grid-template-columns:1fr}}
.card{
background:var(--mist);border:1px solid var(--line);
border-radius:14px;padding:26px;
}
.card h3{margin:0 0 8px;font-size:1.15rem}
.card p{margin:0;color:var(--muted);font-size:.98rem}
.card .ico{
width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
background:#ffe6ee;color:var(--pink);font-size:1.3rem;margin-bottom:16px;font-weight:800;
}
/* Fair coin */
.fair{background:var(--ink);color:#fff;border-radius:18px;padding:44px;margin-top:8px}
.fair h2{color:#fff}
.fair p{color:#c7cbd8}
.nopes{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.nope{
display:inline-flex;align-items:center;gap:8px;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
padding:10px 16px;border-radius:999px;font-weight:600;font-size:.95rem;
}
.nope .x{color:var(--pink-soft);font-weight:800}
/* Specs table */
.specs{width:100%;border-collapse:collapse;font-size:.98rem}
.specs td{padding:13px 4px;border-bottom:1px solid var(--line)}
.specs td:first-child{color:var(--muted);width:46%}
.specs td:last-child{font-weight:700;text-align:right}
.specs tr:last-child td{border-bottom:none}
/* Links list */
.links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:640px){.links{grid-template-columns:1fr}}
.link-row{
display:flex;align-items:center;justify-content:space-between;gap:16px;
border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff;
transition:.15s;
}
.link-row:hover{border-color:var(--pink);text-decoration:none;transform:translateY(-1px)}
.link-row b{display:block;color:var(--ink);font-size:1.02rem}
.link-row span{color:var(--muted);font-size:.9rem}
.link-row .arrow{color:var(--pink);font-weight:800;font-size:1.2rem}
.badge{
display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--pink);background:#ffe6ee;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle;
}
/* Footer */
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:.9rem}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--pink)}
.ticker{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
</style>
</head>
<body>
<header>
<div class="wrap nav">
<a class="brand" href="#top"><img src="assets/bitmark-logo.png" alt="Bitmark logo" />Bitmark</a>
<nav class="nav-links">
<a href="#what">What it is</a>
<a href="#fair">Fair coin</a>
<a href="#specs">Specs</a>
<a href="#source">Source</a>
<a href="https://freiexchange.com/market/BTM/BTC">Get BTMK</a>
</nav>
</div>
</header>
<a id="top"></a>
<section class="hero" style="border-top:none">
<div class="wrap">
<img class="mark" src="assets/bitmark-logo-300.png" alt="Bitmark" />
<span class="eyebrow">Bitmark · BTMK</span>
<h1>Spendable Karma.<br><span class="accent">A currency for giving.</span></h1>
<p class="lede">
Bitmark is a coin you earn by creating, sharing and helping, and its whole point
is to be given away. Not held and watched. Handed on. Karma you can actually spend.
</p>
<div class="cta">
<a class="btn btn-primary" href="https://github.com/project-bitmark/bitmark">Read the source code →</a>
<a class="btn btn-ghost" href="https://freiexchange.com/market/BTM/BTC">Get some to give</a>
</div>
</div>
</section>
<section id="what">
<div class="wrap">
<h2>What is Bitmark?</h2>
<p class="section-lede">
Bitmark is a peer-to-peer cryptocurrency built around a single act: <strong>giving</strong>.
Handing someone a coin is called <em>marking</em>: giving a mark to something a person
created, offered or shared. It works like a like or an upvote, except the thanks you
pass on is real and travels with them. The idea is simple: the coin is spent into
existence through good works being marked. Do something worth marking, get marked, and
the karma is yours to pass on.
</p>
<div class="grid">
<div class="card">
<div class="ico">♥</div>
<h3>Made to be given</h3>
<p>A mark is appreciation you put into someone else's hands. Every mark is equal and
divisible down to 0.00001, so there's always something to give, to anyone.</p>
</div>
<div class="card">
<div class="ico">★</div>
<h3>Earned, not bought into</h3>
<p>You come by marks the honest way: by creating, helping and showing up. It's
reputation you can pass along: karma that means something because it was earned.</p>
</div>
<div class="card">
<div class="ico">⇄</div>
<h3>Yours to use</h3>
<p>Marks are units of Bitmark, a Bitcoin-derived chain. Hold them, send them, give
them. They move freely between people, wallet to wallet, with no gatekeeper.</p>
</div>
</div>
</div>
</section>
<section id="fair">
<div class="wrap">
<div class="fair">
<h2>A fair coin</h2>
<p>
Bitmark launched in 2014, from the era of fair coins, when a launch meant the chain
opened to everyone on day one and nobody held a hidden head start. No founder
allocation, no sale, no presale, no promises. Just a Scrypt proof-of-work chain that
anyone could mine from the first block. It has since grown into an eight-algorithm
chain under mPoW, so even more kinds of hardware can take part. It was never floated
to be cashed in on. It was minted to be passed around.
</p>
<div class="nopes">
<span class="nope"><span class="x">✕</span> No premine</span>
<span class="nope"><span class="x">✕</span> No instamine</span>
<span class="nope"><span class="x">✕</span> No ICO</span>
<span class="nope"><span class="x">✕</span> No IPO</span>
<span class="nope"><span class="x">✕</span> No presale</span>
<span class="nope"><span class="x">✕</span> No promises</span>
</div>
</div>
</div>
</section>
<section id="specs">
<div class="wrap">
<h2>Under the hood</h2>
<p class="section-lede">
Bitmark fuses proven features from Bitcoin and Litecoin rather than chasing novelty.
Conservative by design, so the currency stays dependable for everyday use.
</p>
<table class="specs">
<tr><td>Ticker</td><td>BTMK</td></tr>
<tr><td>Proof of work</td><td>mPoW · 8 algorithms (Scrypt at launch)</td></tr>
<tr><td>Block time</td><td>120 seconds</td></tr>
<tr><td>Difficulty retarget</td><td>720 blocks (~1 day)</td></tr>
<tr><td>Initial block reward</td><td>20 BTMK</td></tr>
<tr><td>Total supply</td><td>~27.58 million BTMK</td></tr>
<tr><td>Launch</td><td>2014 · fair launch</td></tr>
</table>
</div>
</section>
<section id="source">
<div class="wrap">
<h2>Source code & docs</h2>
<p class="section-lede">
Bitmark is open source, with no company behind a curtain, just code and a community.
Read the protocol, build the wallet, and see how marking works for yourself.
</p>
<div class="links">
<a class="link-row" href="https://github.com/project-bitmark/bitmark">
<div><b>project-bitmark / bitmark</b><span>The reference wallet & full node</span></div>
<span class="arrow">↗</span>
</a>
<a class="link-row" href="https://github.com/project-bitmark/bitmark/wiki">
<div><b>Bitmark wiki</b><span>Currency, development fund, technical design</span></div>
<span class="arrow">↗</span>
</a>
<a class="link-row" href="https://github.com/project-bitmark/bitmark/blob/experimental/BUILD.md">
<div><b>Experimental build <span class="badge">Ubuntu 24.04</span></b><span>Reproducible node build, validated genesis to tip</span></div>
<span class="arrow">↗</span>
</a>
<a class="link-row" href="https://freiexchange.com/market/BTM/BTC">
<div><b>FreiExchange · BTM/BTC</b><span>Pick some up so you have karma to give</span></div>
<span class="arrow">↗</span>
</a>
</div>
</div>
</section>
<footer>
<div class="wrap foot">
<div>
<span class="ticker">BTMK</span> · Bitmark · spendable karma, a currency for giving.
</div>
<div>
<a href="https://github.com/project-bitmark">GitHub</a> ·
<a href="https://freiexchange.com/market/BTM/BTC">Get BTMK</a>
</div>
</div>
</footer>
</body>
</html>