SonicEclipse.github.io/play.html at main · SonicEclipse/SonicEclipse.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Sonic Eclipse - Official Website</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="./favicon.ico" type="image/x-icon">
  </head>
  <body>
    <main>
      <div id="header-placeholder"></div>

        <center>
                <p style="margin-top:-1vw;"><i>Experimental browser version of Sonic Eclipse. This version may not be up-to-date with the downloadable versions.</i></p>
                <iframe src="game/index.html" width="680" height="460" title="Sonic Eclipse on the Web"></iframe>

                <p style="margin-top:-0.1vw;font-size:50%;">Current version: <b>Demo 2</b> // <i>Note: This version is not fully optimized for mobile devices. For the best experience, please use a desktop browser.</i></p>
        </center>
        <div id="footer-placeholder"></div>
      </main>
    <!--<script src="index.js"></script>-->
    <script>
    // Check if we can use fetch
    if (window.fetch) {
      fetch('header.html')
        .then(response => response.text())
        .then(data => document.getElementById('header-placeholder').innerHTML = data)
        .catch(error => console.error('Error loading header:', error));
      fetch('footer.html')
        .then(response => response.text())
        .then(data => document.getElementById('footer-placeholder').innerHTML = data)
        .catch(error => console.error('Error loading footer:', error));
    } else {
      console.error('Fetch API not supported in this browser.');
    }
    </script>
  </body>
</html>