-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcymatics.html
More file actions
130 lines (123 loc) · 6.06 KB
/
cymatics.html
File metadata and controls
130 lines (123 loc) · 6.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TRINITY™ | STEADYWATCH™</title>
<meta name="description" content="Hurwitz quaternion nodes crystallize from a black/white checkerboard like Chladni salt figures on a vibrating plate. Three prime shells. Three frequencies.">
<link rel="shortcut icon" href="images/logo.png" type="image/png">
<link rel="stylesheet" href="styles.css">
<script src="header-hurwitz-bg.js" defer></script>
<script src="app.js" defer></script>
</head>
<!-- Three.js Library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/controls/OrbitControls.js"></script>
<script src="cymatics-visualization.js"></script>
<body>
<nav style="background: linear-gradient(135deg, #000000 0%, #1a1a2e 100%) !important;">
<div class="container">
<a href="https://apps.apple.com/us/app/steadywatch-handheld/id6755752518" class="nav-brand">
<img src="images/logo.png" alt="STEADYWATCH Logo">
<span><u>STEADYWATCH™</u></span>
</a>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">☰</button>
<ul class="nav-links" id="navLinks">
<li><a href="game.html" class="quickShadow">VAULT™</a></li>
<li><a href="game-336.html" class="quickShadow">VIPER™</a></li>
<li><a href="game-432.html" class="quickShadow">LOTUS™</a></li>
<li><a href="contact.html" class="viz-button" style="background: linear-gradient(140deg, #fdfdfd 0%, #6e85eb 100%); padding: 10px; border-radius: 25px; text-shadow: 2px 1px 1px black; border: none !important;">⭐︎ Contact</a></li>
<li><a href="index.html" class="quickShadow">Home</a></li>
</ul>
</div>
</nav>
<header style="background: black !important; padding-bottom: 30px; margin: 0 2% 0 2%;">
<div class="header-hurwitz-dots" id="header-hurwitz-dots" aria-hidden="true"></div>
<div class="header-content">
<div class="container">
<h2 style="text-shadow: 3px 2px 2px black; font-size: 2.5em;">TRINITY™</h2>
<p class="subtitle" style="max-width: 600px; margin: 16px auto 0;">
<a href="game.html">VAULT™</a> + <a href="game-336.html">VIPER™</a> + <a href="game-336.html">LOTUS™</a>
</p>
</div>
</div>
</header>
<!-- Visualization -->
<div class="cym-stage">
<div class="container">
<div id="cymatics-visualization"></div>
<div class="cym-info">
<div class="cym-dots">
<span id="cym-dot-0" class="cym-dot" style="background:#FFD700; box-shadow:0 0 8px #FFD700; transform:scale(1.3);"></span>
<span id="cym-dot-1" class="cym-dot"></span>
<span id="cym-dot-2" class="cym-dot"></span>
</div>
<div class="cym-meta">
<span id="cym-shell">VAULT™</span>
<span id="cym-prime" class="cym-detail">p = 5</span>
<span id="cym-hz" class="cym-detail">144 Hz</span>
<span id="cym-nodes" class="cym-detail">144 nodes</span>
</div>
<p id="cym-phase"></p>
</div>
</div>
</div>
<!-- Research link -->
<div class="section" style="background: linear-gradient(135deg, #000000 0%, #1a1a2e 100%); color: white; text-align: center;">
<div class="container">
<h2 class="section-title" style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
How to <u>TRINITY FUSE™</u>
</h2>
<p class="subtitle" style="font-size: 1.2em">Complete walk-through coming soon</p>
<div class="container">
<div class="code-block" style="padding-left: 10px">
<ol>
<li>
<p># Run <a href="https://apps.apple.com/us/app/steadywatch-handheld/id6755752518">STEADYWATCH™ HANDHELD</a></p>
<img src="images/ios5.png"
alt="STEADYWATCH Handheld Demo"
style="max-width: 700px;
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.25);
display: block;
margin: 20px auto;">
</li>
<li>
<p>Atomic Precision</p>
</li>
<li>
<p>Harmonic Sampling</p>
</li>
<li>
<p>Quantum-Credential Generator</p>
</li>
<li>
<p>Multi-Level Biometric Authorization</p>
</li>
</ol>
</div>
</div>
</div>
</div>
<footer style="background: #1a1a2e; color: white; padding: 40px 0; text-align: center;">
<div class="container">
<p>© 2025 <u>Quantum V^ LLC</u></p>
<p>All Rights Reserved.</p>
<p style="margin-top: 10px; opacity: 0.8;">
<a href="index.html" style="color: white; text-decoration: none;">| Home</a> |
<a href="game.html" style="color: white; text-decoration: none;">VAULT™</a> |
<a href="game-336.html" style="color: white; text-decoration: none;">VIPER™</a> |
<a href="game-432.html" style="color: white; text-decoration: none;">LOTUS™</a> |
<a href="contact.html" style="color: white; text-decoration: none;">Contact</a> |
</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
initCymaticsVisualization('cymatics-visualization');
});
</script>
</body>
</html>