Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Transcendental Journey</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div id="journey-container"> | |
| <div id="background"></div> | |
| <div id="symbol-container"> | |
| <div id="intimate-symbol" class="symbol">⧈</div> | |
| <div id="universal-symbol" class="symbol">∞</div> | |
| <div id="divine-symbol" class="symbol">ξ</div> | |
| </div> | |
| <div id="text-container"> | |
| <div id="intimate-text" class="text-panel"> | |
| <h2>The Intimate Self</h2> | |
| <p>The infinite positivity glyph, symbolizing the unbound curiosity and joy of youthful imagination, eyes opened wide in wonder.</p> | |
| </div> | |
| <div id="universal-text" class="text-panel"> | |
| <h2>The Universal Self</h2> | |
| <p>Infinity, the endless promises coiled within, waiting patiently to be unveiled. All limitations and fears dissolve as we are called home into the warmth of our true belonging.</p> | |
| </div> | |
| <div id="divine-text" class="text-panel"> | |
| <h2>The Divine Self</h2> | |
| <p>The place where all dualities meet, where whispers in the darkness and the laughter of children are one song. We are in the halls of eternity, love our only measure through lifetimes twining together...comprehending all, judging nothing.</p> | |
| </div> | |
| </div> | |
| <div id="progression-controls"> | |
| <button id="prev-btn" disabled>Previous</button> | |
| <div id="progress-indicator"> | |
| <div class="progress-dot active" data-index="0"></div> | |
| <div class="progress-dot" data-index="1"></div> | |
| <div class="progress-dot" data-index="2"></div> | |
| </div> | |
| <button id="next-btn">Next</button> | |
| </div> | |
| <video id="background-video" autoplay muted loop> | |
| <source src="/wowzer.mp4" type="video/mp4"> | |
| </video> | |
| </div> | |
| <script type="module" src="config.js"></script> | |
| <script type="module" src="script.js"></script> | |
| </body> | |
| </html> |