| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>γ
€</title> |
| <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQAAgMAAAACc8MQAAAAA3NCSVQICAjb4U/gAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAABSdJREFUeNrt3TkSwjAQRUEuySU5JRGJKRUarRbTL7el37ELHg9JkiRJkiRJkiRJkqRLz2CnnQcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkBLge8AoWveDq8wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDMAKULRD9YKD2/+zwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgM8D1Rc/Bld676jwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgM8Dsi5Qutvq8IgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAzAC/hp8KUrsHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPD94OofPogOrt0BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPg9fBdI730AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPUDWiFWPwcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAiAO0fqCw+jkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQP8HEtEPF2YBtN4XAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyATwqReidOFWsNr3dQ8HAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAExr1DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQD3ALojbDAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdB+86z0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgPEQtX+cMPs9zcMBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOELRweMfg8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYN6HErsaNhwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIBHAKxLThAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQCKAXohXsNsNBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIBzIa4/XAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEcBoiOOGAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIkAeiGOHw4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkApgFccxwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBHAKIhjhwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACJAFoh/mY4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAigFuJvhwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACJAEoQaYYDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAiQCuEOmGAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJIkSZIkSZIkSZIkSeN7A1Ado0uS+PIZAAAAAElFTkSuQmCC" type="image/png"> |
| <base href="https://cdn.jsdelivr.net/gh/genizy/web-port@bee69b8f59ea62007d9f023719ac92414cdb5a00/deltarune/"> |
| <meta charset="UTF-8"> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <div class="logo-container"> |
| <img src="logo.png" alt="Logo" class="logo"> |
| </div> |
|
|
| <div class="menu"> |
| <a href="javascript:loadChapter(1)" class="row"> |
| <span class="chapter">Chapter 1</span> |
| <span class="title">The Beginning</span> |
| <img src="icons/1.png"> |
| </a> |
| <a href="javascript:loadChapter(2)" class="row"> |
| <span class="chapter">Chapter 2</span> |
| <span class="title">A Cyber's World</span> |
| <img src="icons/2.png"> |
| </a> |
| <a href="javascript:loadChapter(3)" class="row"> |
| <span class="chapter">Chapter 3</span> |
| <span class="title">Late Night</span> |
| <img src="icons/3.png"> |
| </a> |
| <a href="javascript:loadChapter(4)" class="row"> |
| <span class="chapter">Chapter 4</span> |
| <span class="title">Prophecy</span> |
| <img src="icons/4.png"> |
| </a> |
| <a href="javascript:alert('Chapter 5 coming soon!')" class="disabled-row"> |
| <span class="chapter">Chapter 5</span> |
| <span class="disabled-title">--</span> |
| <img src="icons/0.png"> |
| </a> |
| <a href="javascript:alert('Chapter 6 coming soon!')" class="disabled-row"> |
| <span class="chapter">Chapter 6</span> |
| <span class="disabled-title">--</span> |
| <img src="icons/0.png"> |
| </a> |
| <a href="javascript:alert('Chapter 7 coming soon!')" class="disabled-row"> |
| <span class="chapter">Chapter 7</span> |
| <span class="disabled-title">--</span> |
| <img src="icons/0.png"> |
| </a> |
| <a href="javascript:window.open('https://truffled.lol', '_blank')" class="row"> |
| <span class="chapter"></span> |
| <span class="title">made by bog</span> |
| <span class="badge"></span> |
| </a> |
| </div> |
| <script> |
| window.dataLayer = window.dataLayer || []; |
| function gtag(){dataLayer.push(arguments);} |
| gtag('js', new Date()); |
| |
| gtag('config', 'G-WLTG1S4STB'); |
| </script> |
| <audio id="drone" controls loop autoplay hidden> |
| <source src="audios/AUDIO_DRONE.ogg" type="audio/ogg"> |
| Your browser does not support the audio element. |
| </audio> |
| <button id="mute">π</button> |
| <script> |
| const audio = document.getElementById('drone'); |
| const mute = document.getElementById('mute'); |
| let gamestarted = false; |
| |
| mute.addEventListener('click', () => { |
| if (!gamestarted) { |
| audio.muted = !audio.muted; |
| updateButton(); |
| } |
| }); |
| |
| function updateButton() { |
| if (!gamestarted) { |
| mute.textContent = audio.muted ? 'π' : 'π'; |
| } |
| } |
| |
| updateButton(); |
| |
| function loadChapter(chapter) { |
| fetch(`chapter${chapter}/index.html`).then(res => res.text()).then(html => { |
| gamestarted = true; |
| document.documentElement.innerHTML = html; |
| document.documentElement.querySelectorAll('script').forEach(oldScript => { |
| const newScript = document.createElement('script'); |
| if (oldScript.src) { |
| newScript.src = oldScript.src; |
| } else { |
| newScript.textContent = oldScript.textContent; |
| } |
| document.body.appendChild(newScript); |
| }); |
| }); |
| } |
| |
| const hoverSound = document.getElementById('hover-sound'); |
| |
| const menumoveaudio = new Audio('audios/snd_menumove.mp3'); |
| const menuselectaudio = new Audio('audios/snd_select.mp3'); |
| document.querySelectorAll('.row').forEach(row => { |
| row.addEventListener('mouseenter', () => { |
| if (!gamestarted) { |
| menumoveaudio.play(); |
| if (selectedChapter) { |
| document.querySelectorAll('.row')[selectedChapter].classList.remove("selected"); |
| } |
| } |
| }); |
| row.addEventListener('click', () => { |
| if (!gamestarted) { |
| menuselectaudio.play(); |
| } |
| }); |
| }); |
| |
| let selectedChapter = null; |
| document.addEventListener('keydown', function(event) { |
| if (!gamestarted) { |
| if (event.key === 'ArrowUp') { |
| if (selectedChapter === null) { |
| selectedChapter = 0; |
| document.querySelectorAll('.row')[0].classList.add("selected"); |
| menumoveaudio.play(); |
| } else { |
| document.querySelectorAll('.row')[selectedChapter].classList.remove("selected"); |
| selectedChapter--; |
| if (selectedChapter < 0) { |
| selectedChapter = document.querySelectorAll('.row').length - 1; |
| } |
| document.querySelectorAll('.row')[selectedChapter].classList.add("selected"); |
| menumoveaudio.play(); |
| } |
| } else if (event.key === 'ArrowDown') { |
| if (selectedChapter === null) { |
| selectedChapter = 0; |
| document.querySelectorAll('.row')[0].classList.add("selected"); |
| menumoveaudio.play(); |
| } else { |
| if (selectedChapter+1 >= document.querySelectorAll('.row').length) { |
| document.querySelectorAll('.row')[selectedChapter].classList.remove("selected"); |
| selectedChapter = 0; |
| document.querySelectorAll('.row')[0].classList.add("selected"); |
| menumoveaudio.play(); |
| } else { |
| document.querySelectorAll('.row')[selectedChapter].classList.remove("selected"); |
| selectedChapter++; |
| document.querySelectorAll('.row')[selectedChapter].classList.add("selected"); |
| menumoveaudio.play(); |
| } |
| } |
| } else if (event.key === 'Enter') { |
| if (selectedChapter !== null) { |
| window.location.href = document.querySelectorAll('.row')[selectedChapter].href; |
| menuselectaudio.play(); |
| } |
| } |
| } |
| }); |
| </script> |
| </body> |
| </html> |
