Hugging Face's logo

Spaces:
TheGreatUnknown
/
Electro-Con-Sim
Running

App Files Community
TheGreatUnknown commited on
Commit
22aef0e
·
verified ·
1 Parent(s): bdcf69a

Upload index.html

Browse files
Files changed (1) hide show
  1. index.html +172 -19
index.html CHANGED
@@ -1,19 +1,172 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html lang="en">
2
+ <head>
3
+ <meta charset="UTF-8">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <title>Consciousness as an Electromagnetic Field Generator</title>
6
+ <style>
7
+ body {
8
+ margin: 0;
9
+ overflow: hidden;
10
+ background-color: #000;
11
+ color: white;
12
+ font-family: 'Arial', sans-serif;
13
+ }
14
+
15
+ canvas {
16
+ display: block;
17
+ position: absolute;
18
+ top: 0;
19
+ left: 0;
20
+ z-index: 1;
21
+ }
22
+
23
+ .controls {
24
+ position: absolute;
25
+ bottom: 20px;
26
+ left: 20px;
27
+ z-index: 2;
28
+ display: flex;
29
+ gap: 10px;
30
+ background: rgba(0, 0, 0, 0.7);
31
+ padding: 10px;
32
+ border-radius: 10px;
33
+ }
34
+
35
+ button {
36
+ background: #2a2a2a;
37
+ color: white;
38
+ border: 1px solid #555;
39
+ padding: 8px 15px;
40
+ border-radius: 5px;
41
+ cursor: pointer;
42
+ transition: background 0.3s;
43
+ }
44
+
45
+ button:hover {
46
+ background: #444;
47
+ }
48
+
49
+ .info {
50
+ position: absolute;
51
+ top: 20px;
52
+ left: 20px;
53
+ z-index: 2;
54
+ max-width: 300px;
55
+ background: rgba(0, 0, 0, 0.7);
56
+ padding: 15px;
57
+ border-radius: 10px;
58
+ }
59
+
60
+ h1 {
61
+ font-size: 1.2em;
62
+ margin-top: 0;
63
+ }
64
+
65
+ .control-panel {
66
+ position: absolute;
67
+ right: 20px;
68
+ top: 20px;
69
+ z-index: 2;
70
+ background: rgba(0, 0, 0, 0.7);
71
+ padding: 15px;
72
+ border-radius: 10px;
73
+ width: 250px;
74
+ }
75
+
76
+ .slider-container {
77
+ margin-bottom: 15px;
78
+ }
79
+
80
+ .slider-container label {
81
+ display: block;
82
+ margin-bottom: 5px;
83
+ }
84
+
85
+ .slider-container input {
86
+ width: 100%;
87
+ }
88
+
89
+ .brainwave-buttons {
90
+ display: flex;
91
+ flex-wrap: wrap;
92
+ gap: 8px;
93
+ margin-bottom: 15px;
94
+ }
95
+
96
+ .brainwave-buttons button {
97
+ padding: 5px 10px;
98
+ font-size: 0.8em;
99
+ }
100
+
101
+ .harmonics-section button {
102
+ margin-right: 8px;
103
+ margin-bottom: 8px;
104
+ }
105
+
106
+ .ai-response {
107
+ margin-top: 15px;
108
+ padding: 10px;
109
+ border-radius: 5px;
110
+ background: rgba(34, 113, 255, 0.2);
111
+ min-height: 60px;
112
+ font-style: italic;
113
+ }
114
+ </style>
115
+ </head>
116
+ <body>
117
+ <canvas id="canvas"></canvas>
118
+
119
+ <div class="info">
120
+ <h1>Consciousness as an Electromagnetic Field Generator</h1>
121
+ <p>This visualization represents the hypothesis that consciousness generates electromagnetic fields that interact with reality.</p>
122
+ <p>The central sphere represents the brain, with waves radiating outward to influence the surrounding particles of reality.</p>
123
+ </div>
124
+
125
+ <div class="control-panel">
126
+ <h2>Brain Field Controls</h2>
127
+
128
+ <div class="brainwave-buttons">
129
+ <button id="deltaBrain">Delta (0.5-4Hz)</button>
130
+ <button id="thetaBrain">Theta (4-8Hz)</button>
131
+ <button id="alphaBrain">Alpha (8-14Hz)</button>
132
+ <button id="betaBrain">Beta (14-30Hz)</button>
133
+ <button id="gammaBrain">Gamma (30-100Hz)</button>
134
+ </div>
135
+
136
+ <div class="slider-container">
137
+ <label for="frequencySlider">Wave Frequency: <span id="frequencyValue">1.0</span></label>
138
+ <input type="range" id="frequencySlider" min="0.1" max="5" step="0.1" value="1">
139
+ </div>
140
+
141
+ <div class="slider-container">
142
+ <label for="amplitudeSlider">Wave Amplitude: <span id="amplitudeValue">1.0</span></label>
143
+ <input type="range" id="amplitudeSlider" min="0.1" max="2" step="0.1" value="1">
144
+ </div>
145
+
146
+ <div class="slider-container">
147
+ <label for="coherenceSlider">Field Coherence: <span id="coherenceValue">1.0</span></label>
148
+ <input type="range" id="coherenceSlider" min="0.1" max="2" step="0.1" value="1">
149
+ </div>
150
+
151
+ <h3>Harmonic Resonance</h3>
152
+ <div class="harmonics-section">
153
+ <button id="fibonacciButton">Fibonacci</button>
154
+ <button id="goldenRatioButton">Golden Ratio</button>
155
+ <button id="primeButton">Prime Numbers</button>
156
+ </div>
157
+
158
+ <h3>AI Response</h3>
159
+ <div class="ai-response" id="aiResponse">
160
+ Observing consciousness field...
161
+ </div>
162
+ </div>
163
+
164
+ <div class="controls">
165
+ <button id="togglePlay">Pause</button>
166
+ <button id="toggleParticles">Toggle Reality Particles</button>
167
+ <button id="toggleConnections">Toggle Field Connections</button>
168
+ </div>
169
+
170
+ <script src="script.js"></script>
171
+ </body>
172
+ </html>