-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
95 lines (87 loc) · 6.47 KB
/
index.html
File metadata and controls
95 lines (87 loc) · 6.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>welcome to nitrox. lets fix technology.</title>
<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=Geist+Mono:wght@100..900&family=Instrument+Serif:ital@0;1&family=Inter:ital,wght@0,100..900;1,100..900&display=swap">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href=".assets/nitrox logo bkg rd.svg">
</head>
<body>
<h1 class="elegant-heading">Welcome to Nitrox.</h1>
<br>
<pre>
-----
\ /
/ \
-----
<p class="body-mono">let's fix technology.</p>
</pre>
<p>This site is under construction.</p>
<!-- Products Section -->
<section class="products-section">
<div class="products-grid">
<!-- Tesseract Card -->
<div class="product-card tesseract-card">
<div class="card-header">
<div class="card-icon-container">
<svg class="card-icon" viewBox="0 0 867 985" xmlns="http://www.w3.org/2000/svg">
<path d="M154.513 370.701C165.961 377.31 173.013 389.525 173.013 402.744V628.63C173.013 641.853 180.069 654.071 191.523 660.679L387.237 773.591C398.69 780.198 405.747 792.416 405.747 805.639V920.172C405.747 948.655 374.914 966.456 350.247 952.215L18.5 760.681C7.05216 754.072 0 741.857 0 728.638V345.579C0 317.096 30.8333 299.295 55.5 313.536L154.513 370.701ZM866.025 728.638C866.025 741.857 858.973 754.072 847.525 760.681L515.777 952.215C491.111 966.456 460.277 948.655 460.277 920.172V805.639C460.277 792.416 467.334 780.198 478.788 773.591L674.502 660.679C685.956 654.071 693.013 641.853 693.013 628.63V402.736C693.013 389.517 700.065 377.302 711.513 370.693L810.525 313.528C835.192 299.287 866.025 317.089 866.025 345.571V728.638ZM783.263 202.217C807.93 216.458 807.93 252.061 783.263 266.303L684.138 323.533C672.693 330.14 658.594 330.143 647.148 323.539L451.502 210.667C440.06 204.066 425.966 204.066 414.523 210.667L218.872 323.543C207.425 330.146 193.326 330.144 181.882 323.537L82.7559 266.307C58.0892 252.065 58.0893 216.462 82.7559 202.221L414.513 10.681C425.961 4.07156 440.065 4.07155 451.513 10.6809L783.263 202.217Z" fill="#A161EA"/>
<path d="M414.591 273.014C426.039 266.404 440.144 266.404 451.592 273.014L619.98 370.235C631.428 376.845 638.48 389.059 638.48 402.278V596.724C638.48 609.942 631.428 622.157 619.98 628.766L451.592 725.988C440.144 732.598 426.039 732.598 414.591 725.988L246.203 628.766C234.755 622.157 227.703 609.942 227.703 596.724V402.278C227.703 389.059 234.755 376.845 246.203 370.235L414.591 273.014Z" fill="#A161EA"/>
</svg>
</div>
<h3 class="card-title">tesseract</h3>
</div>
<p class="card-description">your all in one productivity powerhouse.</p>
<div class="card-buttons">
<a href="https://nitroxhq.github.io/tesseract/download.html" class="btn btn-card btn-download-card">download</a>
<a href="https://nitroxhq.github.io/tesseract/" class="btn btn-card btn-learn-card">learn more</a>
</div>
</div>
<!-- Prism Card -->
<div class="product-card prism-card">
<div class="card-header">
<div class="card-icon-container">
<svg class="card-icon" viewBox="0 0 374 333" xmlns="http://www.w3.org/2000/svg">
<path d="M359.64 321.448C352.527 327.965 342.999 332.082 332.045 332.082H41.0606C30.1063 332.082 20.578 327.966 13.4649 321.448L105.954 268.048C108.336 269.029 110.975 269.582 113.806 269.582H259.298C262.128 269.582 264.767 269.029 267.148 268.048L359.64 321.448ZM174.053 106.798C172.012 108.37 170.214 110.38 168.799 112.832L96.0528 238.832C94.6374 241.284 93.7953 243.845 93.4541 246.398L0.96486 299.798C-1.12291 290.379 0.0764601 280.069 5.55373 270.582L151.046 18.582C156.523 9.09536 164.852 2.90144 174.053 0V106.798ZM199.053 0C208.253 2.90151 216.582 9.09539 222.06 18.582L367.552 270.582C373.029 280.069 374.227 290.378 372.14 299.797L279.648 246.397C279.307 243.845 278.467 241.283 277.052 238.832L204.306 112.832C202.89 110.381 201.093 108.371 199.053 106.799V0Z" fill="#64FA53"/>
<path d="M168.809 149.686C176.707 136.059 196.385 136.059 204.283 149.686L245.208 220.303C253.128 233.969 243.267 251.082 227.471 251.082H145.62C129.825 251.082 119.963 233.969 127.884 220.303L168.809 149.686Z" fill="#64FA53"/>
</svg>
</div>
<h3 class="card-title">prism</h3>
</div>
<p class="card-description">your feeds, news, and updates - without the algorithmic control.</p>
<div class="card-buttons">
<a href="404.html" class="btn btn-card btn-download-card">download</a>
<a href="404.html" class="btn btn-card btn-learn-card">learn more</a>
</div>
</div>
<!-- Niko Card -->
<div class="product-card niko-card">
<div class="card-header">
<div class="card-icon-container">
<svg class="card-icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<!-- Niko icon: blue equilateral pentagon -->
<polygon points="50,10 90,35 73,85 27,85 10,35" fill="#4169E1" fill-rule="evenodd"/>
</svg>
</div>
<h3 class="card-title">niko</h3>
</div>
<p class="card-description">ai with emotional and technical intelligence.</p>
<div class="card-buttons">
<a href="404.html" class="btn btn-card btn-download-card">download</a>
<a href="404.html" class="btn btn-card btn-learn-card">learn more</a>
</div>
</div>
<!-- secret card -->
<div class="secret-card ???-card">
<div class="card-header">
<h3 class="card-title">???</h3>
</div>
<p class="card-description">more coming soon...</p>
</div>
</section>
</body>
</html>