quest.github.io/preperations.html at main · Crafter-1/quest.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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
  <meta content="Echo VR Standalone Guide" property="og:title" />
        <meta content="Offical Echo VR standalone install Guide, updated regularly!" property="og:description" />
        <meta content="https://quest.echovr.de/" property="og:url" />
        <meta content="https://quest.echovr.de/meow.png" property="og:image" />
        <meta content="#9f4ac7" data-react-helmet="true" name="theme-color" />
  <link rel="icon" href="meow.png">
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Preperations</title>
  <link rel="stylesheet" href="refresh.css" />
</head>
<body>
  <!-- Top Navbar -->
  <header class="navbar">
    <div class="navbar-left">
      <img src="meow.png" alt="Logo" class="logo-img" />
      <h1 class="logo">Echo VR Installation Guide</h1>
    </div>
    <nav class="navbar-right">
      <ul>
        <!--<li><a href="#">FAQ</a></li>-->
        <li><a href="troubleshooting.html">Troubleshooting</a></li>
        <li><a href="extras.html">Extras</a></li>
        <!--<li><a href="#">🌐</a></li>
        <li><a href="#">🌙</a></li>
        <li><a href="#">💬</a></li>
        <li><a href="#">🐙</a></li>-->
      </ul>
    </nav>
  </header>

  <div class="container">
    <!-- Sidebar -->
    <aside class="sidebar">
      <h2>Guide Navigation</h2>
      <nav>
        <ul>
          <li class="section">Introduction</li>
          <li><a href="index.html">Overview</a></li>
          <li><a href="preperations.html">Preperations</a></li>

          <li class="section">Installation</li>
          <li><a href="installtheinstaller.html">Installing the installer</a></li>
          <li><a href="usingtheinstaller.html">Using the installer</a></li>
          <li><a href="launchingecho.html">Launching Echo</a></li>

          <li class="section">Echo itself</li>
          <!--<li><a href="#">First time Launching</a></li>-->
          <li><a href="linkingaccount.html">Linking your account</a></li>

          <li class="section">Extras</li>
          <!--<li><a href="#">FAQ</a></li>-->
          <li><a href="troubleshooting.html">Troubleshooting</a></li>
          <li><a href="extras.html">Extras</a></li>
        </ul>
      </nav>
    </aside>

    <!-- Main Content -->
    <main class="content">
      <h1>Preperations</h1>
      <p>
        This section gets you prepared for installing Echo VR
      </p>

      <section>
        <h2>What do I need?</h2>
        <p>
	You'll need:<br>
          <a href="https://www.meta.com/en-gb/experiences/mobile-vr-station/3887008398005125/">Mobile VR Station</a><br>
	  <a id="apk-link" href="#">Fetching latest Echo VR Installer APK...</a><br>
	  <a href="https://discord.gg/9HxCX7UxtA">Access to the Echo VR Lounge Discord.</a><br>
          For new players:<br>
          <a href="https://discord.gg/tgm7Aw7cVY">Access to the Echo VR Patcher Discord.</a>
        </p>
      </section>

	<script>
    	  fetch('https://api.github.com/repos/heisthecat31/EchoVR-Installer/releases/latest')
           .then(response => response.json())
           .then(data => {
             const apkAsset = data.assets.find(asset => asset.browser_download_url.endsWith('.apk'));
               if (apkAsset) {
                 const link = document.getElementById('apk-link');
                 link.textContent = 'The Echo VR Installer APK (Latest)';
                 link.href = apkAsset.browser_download_url;
               } else {
                 document.getElementById('apk-link').textContent = 'APK not found in latest release';
               }
      	     });
  	</script>

      <section>
        <h2>What are these needed for?</h2>
        <p>Each of these are needed for specific reasons.</p>
        <ul>
          <li>Mobile-VR Station - To install the installer.</li>
          <li>Echo VR Installer - It's self explanatory.</li>
          <li>Echo VR Lounge - To link your DC account to play Echo VR.</li>
          <li>Echo VR Patcher - To generate a personalized apk, for new players.</li>
        </ul>
      </section>

      <section>
        <h2>Next Steps</h2>
        <p>Now with all the boring stuff out of the way, we can start the installation.</p>
        <button class="A"  onclick="document.location='installtheinstaller.html'">Install the installer</button>
      </section>
    </main>
  </div>
</body>
</html>