Hugging Face's logo

Spaces:
Severian
/
liminal-sessions
Sleeping

App Files Community
Severian commited on
Commit
568e683
·
verified ·
1 Parent(s): b267875

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +129 -129
index.html CHANGED
@@ -1,130 +1,130 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Liminal Sessions - Interdimensional Transmission</title>
7
- <meta name="description" content="Intercepted transmission from distant coordinates - biomimetic audio-visual emergence fields from the Liminal Sessions entity.">
8
-
9
- <!-- Preconnect to Google Fonts -->
10
- <link rel="preconnect" href="https://fonts.googleapis.com">
11
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
-
13
- <!-- Ancient Transmission Fonts -->
14
- <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Uncial+Antiqua&family=Metamorphous&display=swap" rel="stylesheet">
15
-
16
- <!-- Favicon and Meta -->
17
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
18
- <meta name="theme-color" content="#FFD700">
19
-
20
- <!-- OpenGraph / Social Media Meta -->
21
- <meta property="og:title" content="Liminal Sessions - Interdimensional Transmission">
22
- <meta property="og:description" content="Intercepted biomimetic audio-visual emergence fields from distant coordinates">
23
- <meta property="og:type" content="website">
24
- <meta property="og:image" content="/og-image.png">
25
-
26
- <!-- Twitter Meta -->
27
- <meta name="twitter:card" content="summary_large_image">
28
- <meta name="twitter:title" content="Liminal Sessions">
29
- <meta name="twitter:description" content="◦ Interdimensional transmission interface ◦">
30
-
31
- <style>
32
- /* Critical CSS for loading */
33
- * {
34
- margin: 0;
35
- padding: 0;
36
- box-sizing: border-box;
37
- }
38
-
39
- html, body {
40
- height: 100vh;
41
- width: 100vw;
42
- overflow: hidden;
43
- font-family: 'Cinzel', 'Times New Roman', serif;
44
- background: #0F1B13;
45
- color: #A67B5B;
46
- }
47
-
48
- #root {
49
- height: 100vh;
50
- width: 100vw;
51
- position: relative;
52
- }
53
-
54
- /* Loading screen */
55
- .loading-screen {
56
- position: fixed;
57
- top: 0;
58
- left: 0;
59
- width: 100%;
60
- height: 100%;
61
- background: #0F1B13;
62
- display: flex;
63
- align-items: center;
64
- justify-content: center;
65
- z-index: 9999;
66
- transition: opacity 0.5s ease;
67
- }
68
-
69
- .loading-text {
70
- font-family: 'Metamorphous', serif;
71
- font-size: 20px;
72
- color: #A67B5B;
73
- text-align: center;
74
- animation: organicPulse 3s ease-in-out infinite;
75
- }
76
-
77
- @keyframes organicPulse {
78
- 0%, 100% {
79
- opacity: 0.8;
80
- transform: scale(1) rotate(0deg);
81
- }
82
- 25% {
83
- opacity: 0.9;
84
- transform: scale(1.01) rotate(0.2deg);
85
- }
86
- 50% {
87
- opacity: 1;
88
- transform: scale(1.02) rotate(0deg);
89
- }
90
- 75% {
91
- opacity: 0.85;
92
- transform: scale(1.01) rotate(-0.2deg);
93
- }
94
- }
95
-
96
- .loading-screen.hidden {
97
- opacity: 0;
98
- pointer-events: none;
99
- }
100
- </style>
101
- </head>
102
- <body>
103
- <div id="root">
104
- <!-- Loading Screen -->
105
- <div class="loading-screen" id="loading">
106
- <div class="loading-text">
107
- ⟐ awakening the nexus ⟐<br/>
108
- <span style="font-size: 0.7em; opacity: 0.8; font-family: 'Uncial Antiqua', serif;">
109
- ◦ growing organic pathways ◦
110
- </span>
111
- </div>
112
- </div>
113
- </div>
114
-
115
- <script>
116
- // Hide loading screen once React app is ready
117
- window.addEventListener('load', () => {
118
- setTimeout(() => {
119
- const loading = document.getElementById('loading');
120
- if (loading) {
121
- loading.classList.add('hidden');
122
- setTimeout(() => loading.remove(), 600);
123
- }
124
- }, 1200);
125
- });
126
- </script>
127
-
128
- <script type="module" src="/src/main.tsx"></script>
129
- </body>
130
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Liminal Sessions - Antediluvian Transmission</title>
7
+ <meta name="description" content="Intercepted transmission from distant coordinates - biomimetic audio-visual emergence fields from the Liminal Sessions entity.">
8
+
9
+ <!-- Preconnect to Google Fonts -->
10
+ <link rel="preconnect" href="https://fonts.googleapis.com">
11
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
+
13
+ <!-- Ancient Transmission Fonts -->
14
+ <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Uncial+Antiqua&family=Metamorphous&display=swap" rel="stylesheet">
15
+
16
+ <!-- Favicon and Meta -->
17
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
18
+ <meta name="theme-color" content="#FFD700">
19
+
20
+ <!-- OpenGraph / Social Media Meta -->
21
+ <meta property="og:title" content="Liminal Sessions - Antediluvian Transmission">
22
+ <meta property="og:description" content="Intercepted biomimetic audio-visual emergence fields from distant coordinates">
23
+ <meta property="og:type" content="website">
24
+ <meta property="og:image" content="/og-image.png">
25
+
26
+ <!-- Twitter Meta -->
27
+ <meta name="twitter:card" content="summary_large_image">
28
+ <meta name="twitter:title" content="Liminal Sessions">
29
+ <meta name="twitter:description" content="◦ Antediluvian transmission interface ◦">
30
+
31
+ <style>
32
+ /* Critical CSS for loading */
33
+ * {
34
+ margin: 0;
35
+ padding: 0;
36
+ box-sizing: border-box;
37
+ }
38
+
39
+ html, body {
40
+ height: 100vh;
41
+ width: 100vw;
42
+ overflow: hidden;
43
+ font-family: 'Cinzel', 'Times New Roman', serif;
44
+ background: #0F1B13;
45
+ color: #A67B5B;
46
+ }
47
+
48
+ #root {
49
+ height: 100vh;
50
+ width: 100vw;
51
+ position: relative;
52
+ }
53
+
54
+ /* Loading screen */
55
+ .loading-screen {
56
+ position: fixed;
57
+ top: 0;
58
+ left: 0;
59
+ width: 100%;
60
+ height: 100%;
61
+ background: #0F1B13;
62
+ display: flex;
63
+ align-items: center;
64
+ justify-content: center;
65
+ z-index: 9999;
66
+ transition: opacity 0.5s ease;
67
+ }
68
+
69
+ .loading-text {
70
+ font-family: 'Metamorphous', serif;
71
+ font-size: 20px;
72
+ color: #A67B5B;
73
+ text-align: center;
74
+ animation: organicPulse 3s ease-in-out infinite;
75
+ }
76
+
77
+ @keyframes organicPulse {
78
+ 0%, 100% {
79
+ opacity: 0.8;
80
+ transform: scale(1) rotate(0deg);
81
+ }
82
+ 25% {
83
+ opacity: 0.9;
84
+ transform: scale(1.01) rotate(0.2deg);
85
+ }
86
+ 50% {
87
+ opacity: 1;
88
+ transform: scale(1.02) rotate(0deg);
89
+ }
90
+ 75% {
91
+ opacity: 0.85;
92
+ transform: scale(1.01) rotate(-0.2deg);
93
+ }
94
+ }
95
+
96
+ .loading-screen.hidden {
97
+ opacity: 0;
98
+ pointer-events: none;
99
+ }
100
+ </style>
101
+ </head>
102
+ <body>
103
+ <div id="root">
104
+ <!-- Loading Screen -->
105
+ <div class="loading-screen" id="loading">
106
+ <div class="loading-text">
107
+ ⟐ awakening the nexus ⟐<br/>
108
+ <span style="font-size: 0.7em; opacity: 0.8; font-family: 'Uncial Antiqua', serif;">
109
+ ◦ growing organic pathways ◦
110
+ </span>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
115
+ <script>
116
+ // Hide loading screen once React app is ready
117
+ window.addEventListener('load', () => {
118
+ setTimeout(() => {
119
+ const loading = document.getElementById('loading');
120
+ if (loading) {
121
+ loading.classList.add('hidden');
122
+ setTimeout(() => loading.remove(), 600);
123
+ }
124
+ }, 1200);
125
+ });
126
+ </script>
127
+
128
+ <script type="module" src="/src/main.tsx"></script>
129
+ </body>
130
  </html>