-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
462 lines (431 loc) · 19.3 KB
/
index.html
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
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Virginia Freedom Tech LLC - Contact Us</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"
></script>
</head>
<body class="bg-color">
<!-- Header -->
<div class="container">
<header
class="d-flex flex-wrap justify-content-center py-3 mb-4 border-nav text-color-base mb-5 neo-block"
>
<a
href="#"
class="px-lg-3 d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"
>
<div class="logo fw-bold fs-4">Virginia Freedom Tech LLC</div>
</a>
<ul class="nav">
<li class="nav-item">
<a
href="#about"
class="nav-link active fw-medium"
aria-current="page"
>About</a
>
</li>
<li class="nav-item">
<a href="#services" class="nav-link fw-medium">Services</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link fw-medium">Contact</a>
</li>
</ul>
</header>
</div>
<!-- Hero Section -->
<section id="hero" class="py-5 mb-5">
<div class="container mb-10">
<div class="row flex-lg-row-reverse align-items-center gx-lg-5 py-5">
<div class="col-12 col-lg-5 justify-content-center">
<img src="assets/images/ftech.png" class="img-fluid" />
</div>
<div class="col-12 col-lg-7">
<h1 class="text-large mb-3">Freedom Tech</h1>
<p class="mb-3 fs-3">
Freedom technology is free and open source technology that
promotes freedom in various aspects such as accessibility,
transparency, privacy, security, and control over one's own data.
</p>
</div>
</div>
</div>
</section>
<!-- About Section-->
<section id="about" class="py-5 mb-5">
<div class="container px-4" id="about">
<div class="row pb-3">
<div
class="col-12 col-lg-8 justify-content-center text-center mx-auto neo-block p-5"
>
<h2 class="fw-bold fs-1 mb-3 text-dark">Mission</h2>
<p class="text-dark">
Empower individuals and communities to embrace digital sovereignty
through accessible education, personalized assistance, and
locally-driven solutions.
</p>
</div>
</div>
<div class="row pb-3">
<div
class="col-12 col-lg-8 justify-content-center text-center mx-auto neo-block p-5"
>
<h2 class="fw-bold fs-1 mb-3 text-dark">Vision</h2>
<p class="text-dark">
Our vision is to create a replicable template for individuals to
enable everyone in their local community to operate with digital
sovereignty, by bridging the gap between technical complexity and
practical application.
</p>
</div>
</div>
<div class="row pb-3">
<div
class="col-12 col-lg-8 justify-content-center text-center mx-auto neo-block p-5"
>
<h2 class="fw-bold fs-1 mb-3 text-dark">Why?</h2>
<p class="text-dark">
Free and open source software (FOSS) can be modified and shared
freely, and does not restrict users from exercising their rights
to use, study, modify, and distribute the software. This approach
fosters innovation, collaboration, and community building while
ensuring that individuals retain autonomy over their digital
lives. As FOSS continues to advance and contribute to
technological progress, it has the potential to usher in a Second
Renaissance - a period marked by significant cultural,
intellectual, and artistic growth driven by increased access to
information and tools that empower people to create, share, and
collaborate more effectively than ever before.
</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-5 mb-5">
<div class="container px-4 py-5" id="services">
<h2 class="pb-2 border-nav">Services</h2>
<div class="row gx-3 py-5 justify-content-between">
<div
class="feature col-12 col-lg-3 rounded-3 p-4 text-center neo-block mb-4 mb-lg-0"
>
<div class="icon text-center mb-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
fill="#000420"
class="bi bi-window-stack"
viewBox="0 0 16 16"
>
<path
d="M4.5 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1M6 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"
/>
<path
d="M12 1a2 2 0 0 1 2 2 2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zM2 12V5a2 2 0 0 1 2-2h9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1m1-4v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8zm12-1V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v2z"
/>
</svg>
</div>
<h2 class="text-dark fw-bold">
Individualized freedom tech training
</h2>
<p class="text-color-base">
We'd be happy to offer our time to you and help guide you on your
journey navigating freedom tech. This 1-on-1 support offering is
for those looking for help to escape the digital panopticon.
</p>
</div>
<div
class="feature col-12 col-lg-3 rounded-3 p-4 text-center neo-block mb-4 mb-lg-0"
>
<div class="icon text-center mb-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
fill="#000420"
class="bi bi-terminal"
viewBox="0 0 16 16"
>
<path
d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9M3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708z"
/>
<path
d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
/>
</svg>
</div>
<h2 class="text-dark fw-bold">
Small business freedom tech education
</h2>
<p class="text-color-base">
Freedom tech is not just for individuals. Companies and
organizations can benefit from these technologies as well. If
you're a company interested in taking control of your digital
presence, we can offer guidance and direction tailored toward your
business needs.
</p>
</div>
<div
class="feature col-12 col-lg-3 rounded-3 p-4 text-center neo-block mb-4 mb-lg-0"
>
<div class="icon text-center mb-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
fill="#000420"
class="bi bi-x-diamond"
viewBox="0 0 16 16"
>
<path
d="M7.987 16a1.53 1.53 0 0 1-1.07-.448L.45 9.082a1.53 1.53 0 0 1 0-2.165L6.917.45a1.53 1.53 0 0 1 2.166 0l6.469 6.468A1.53 1.53 0 0 1 16 8.013a1.53 1.53 0 0 1-.448 1.07l-6.47 6.469A1.53 1.53 0 0 1 7.988 16zM7.639 1.17 4.766 4.044 8 7.278l3.234-3.234L8.361 1.17a.51.51 0 0 0-.722 0M8.722 8l3.234 3.234 2.873-2.873c.2-.2.2-.523 0-.722l-2.873-2.873zM8 8.722l-3.234 3.234 2.873 2.873c.2.2.523.2.722 0l2.873-2.873zM7.278 8 4.044 4.766 1.17 7.639a.51.51 0 0 0 0 .722l2.874 2.873z"
/>
</svg>
</div>
<h2 class="text-dark fw-bold">Bitcoin gift cards</h2>
<p class="text-color-base">
Are you a company already operating on a Bitcoin standard? You may
be interested in our ecash based gift card services. (Coming
soon...)
</p>
</div>
</div>
</div>
</section>
<!-- Products -->
<div class="container" id="custom-cards">
<h2 class="pb-2 border-nav">Products</h2>
<div class="row g-4 py-5 justify-content-between">
<div class="col-12 col-lg-3">
<div
class="card bg-neo border-0 neo-block mx-auto mb-4 mb-lg-0 me-lg-4"
style="min-width: 300px"
>
<div
src="assets/images/coldcard.png"
class="card-img-top bg-neo"
alt="..."
style="
background-image: url(assets/images/coldcard.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-height: 280px;
"
></div>
<div class="card-body bg-neo border-0 py-5">
<h3 class="text-dark fw-bold">Cold Card Mk4</h3>
<p class="text-color-base mb-0">
COLDCARD is the world’s most trusted and secure Bitcoin Signing
Device (a.k.a Bitcoin hardware wallet).
</p>
<p id="coldcard-price" class="price-color">Price: ~$165</p>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div
class="card bg-neo border-0 neo-block mx-auto mb-4 mb-lg-0 me-lg-4"
style="min-width: 300px"
>
<div
style="
background-image: url(assets/images/nuc.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-height: 280px;
"
class="card-img-top bg-neo"
alt="..."
></div>
<div class="card-body bg-neo border-0 py-5">
<h3 class="text-dark fw-bold">Sovereign Computing</h3>
<p class="text-color-base mb-0">
Small form factor computers are affordable and powerful,
combined with FOSS, you can ditch your cloud providers and
become digitally sovereign. We buy, build, and optionally
configure your "node" before walking you through use.
</p>
<p class="price-color">Price: varies on specifics</p>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div
class="card bg-neo border-0 neo-block mx-auto mb-4 mb-lg-0 me-lg-4"
style="min-width: 300px"
>
<div
style="
background-image: url(assets/images/mesh.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-height: 280px;
"
class="card-img-top bg-neo"
alt="..."
></div>
<div class="card-body bg-neo border-0 py-5">
<h3 class="text-dark fw-bold">Meshtastic device</h3>
<p class="text-color-base mb-0">
Meshtastic® is a project that enables you to use inexpensive
LoRa radios as a long range off-grid communication platform in
areas without existing or reliable communications
infrastructure. (Coming soon...)
</p>
<p class="price-color">Price: N/A</p>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div
class="card bg-neo border-0 neo-block mx-auto mb-4 mb-lg-0"
style="min-width: 300px"
>
<div
style="
background-image: url(assets/images/bitaxe.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-height: 280px;
"
class="img-fluid bg-neo"
alt="..."
></div>
<div class="card-body bg-neo border-0 py-5">
<h3 class="text-dark fw-bold">bitaxe</h3>
<p class="text-color-base mb-0">
<a target="_blank" href="https://bitaxe.org">bitaxe</a> is a fully open source hardware Bitcoin ASIC miner.
the bitaxe Supra includes the BM1368 ASIC from the S21.
Help decentralize the hashrate with this small form miner.
</p>
<p id="bitaxe-price" class="price-color">Price: ~$145</p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Section -->
<section id="contact" class="py-5 mb-5">
<div class="container px-4 mb-10">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 neo-block p-4 text-dark">
<h2 class="text-center mb-5 text-color-base">Get In Touch</h2>
<p class="text-center fs-5">We only conduct in person sales with minimal exceptions.</p>
<p class="mb-5 text-center">
You can reach us via email or on nostr
</p>
<div class="d-flex flex-column text-center mx-auto justify-content-center">
<div class="d-flex mx-auto">
<div class="column">
<a href="mailto:[email protected]">
<img src="assets/images/Icon.svg" alt="email" />
</a>
<p>[email protected]</p>
</div>
</div>
<div class="d-flex mx-auto">
<div class="column">
<a
href="https://primal.net/p/npub160t5zfxalddaccdc7xx30sentwa5lrr3rq4rtm38x99ynf8t0vwsvzyjc9"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="42"
height="38"
viewBox="0 0 32 32"
fill="none"
>
<rect width="32" height="32" rx="16" fill="#ef8030" />
<path
d="M9.72373 10.7802C9.27834 11.3071 8.93072 11.9208 8.71889 12.5943C9.92469 12.3228 11.527 12.2576 12.4341 12.187C12.7165 11.0246 13.5204 10.1393 14.8674 10.199C15.4486 10.2262 15.9591 10.601 16.3122 11.1767C16.5729 10.8997 16.9205 10.715 17.3822 10.6498C17.4148 10.6498 17.4854 10.6444 17.5397 10.6444C16.5838 9.60156 15.2204 8.93891 13.6942 8.93891C13.4172 8.93891 13.1456 8.96607 12.874 9.00952C12.8197 9.00952 12.7491 9.02039 12.6568 9.04211C12.6513 9.04211 12.6405 9.04211 12.635 9.04211C12.6296 9.04211 12.6242 9.04211 12.6133 9.04211C11.5596 9.29739 10.7666 9.091 10.3158 8.47723C10.2669 8.41205 10.0768 8.12418 10.017 7.61905C9.68571 7.96124 9.46845 8.52612 9.65312 9.12902C9.79977 9.60699 10.0768 9.86227 10.3755 10.0089C9.91926 10.0361 9.53906 9.94918 9.15885 9.66131C8.93616 9.49293 8.79494 9.30826 8.56138 8.82485C8.34412 9.16704 8.36584 9.54724 8.4093 9.74278C8.46361 10.0035 8.5994 10.2968 8.77321 10.4652C9.03935 10.7259 9.41956 10.7856 9.72916 10.7802H9.72373Z"
fill="black"
/>
<path
d="M14.8729 15.2721C15.5478 15.2721 16.0949 14.3358 16.0949 13.1809C16.0949 12.026 15.5478 11.0898 14.8729 11.0898C14.1979 11.0898 13.6508 12.026 13.6508 13.1809C13.6508 14.3358 14.1979 15.2721 14.8729 15.2721Z"
fill="black"
/>
<path
d="M17.5615 14.7669C18.0894 14.7669 18.5174 14.0228 18.5174 13.1049C18.5174 12.187 18.0894 11.4428 17.5615 11.4428C17.0335 11.4428 16.6055 12.187 16.6055 13.1049C16.6055 14.0228 17.0335 14.7669 17.5615 14.7669Z"
fill="black"
/>
<path
d="M12.8677 23.6191C12.8677 23.6191 12.7329 23.3759 13.6997 21.464C14.0419 20.7959 14.8186 19.8726 15.3998 19.3729C15.7094 19.1013 16.019 18.8732 16.3231 18.6614C16.4807 18.569 16.6273 18.4713 16.7685 18.3681C19.3376 16.7929 21.6026 17.1405 23.4765 17.4121C23.4765 17.4121 23.9219 16.0868 22.086 15.4024C21.0866 15.0331 19.908 14.7344 18.9248 14.528C18.7836 14.7832 18.6044 15.0005 18.3926 15.1635C18.2405 15.2775 17.8657 15.5708 17.1759 15.4893C16.8283 15.4459 16.5621 15.3047 16.3503 15.0983C15.9918 15.6903 15.4758 16.0759 14.8784 16.1303C13.2217 16.2715 12.3853 14.881 12.331 13.3439C11.0871 13.4634 9.39251 14.2292 8.49088 14.6746L8.52244 22.3155C9.85317 22.9999 11.3142 23.4507 12.8677 23.6191Z"
fill="black"
/>
</svg>
</a>
<p>[email protected]</p>
</div>
</div>
</div>
<div>
<p class="text-center mt-4" >
Or find us at <a href="https://shenandoahbitcoin.club" target="_blank">Shenandoah Bitcoin Club</a></div>
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container mb-10">
<p>Est. 830763 Virginia Freedom Tech LLC</p>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
<script>
$(document).ready(function () {
const decimals = {
BTC: 8,
Sat: 0,
};
// Function to fetch and update prices
function updatePrices() {
$.getJSON("https://mempool.space/api/v1/prices", function (data) {
const usdPriceColdCard = 165;
const usdPriceBitAxe = 145;
const usdPrice = parseInt(data.USD);
const moscowTime = Math.round((1 / usdPrice) * 100000000);
const satPriceColdCard =
moscowTime * usdPriceColdCard;
const satPriceBitAxe =
moscowTime * usdPriceBitAxe;
$("#coldcard-price").text(
`Price: ~${satPriceColdCard} sats ($${usdPriceColdCard})`
);
$("#bitaxe-price").text(
`Price: ~${satPriceBitAxe} sats ($${usdPriceBitAxe})`
);
});
}
// Call the function initially when the page loads
updatePrices();
// Update prices every minute
setInterval(updatePrices, 60 * 1000);
});
</script>
</body>
</html>