https://hypackel.github.io/fork/0/g/

1<!DOCTYPE html>
2<html>
3
4<head>
5  

5<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7128870281959256"
6     crossorigin="anonymous"></script>

6
7  <title>Games | Hypackel</title>
8  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9  <link rel="icon" type="image/png" href="/favicon.ico" />
10  <link rel="stylesheet" href="../assets/css/games.css" />
11  <link rel="stylesheet" href="search.css">
12  

12<script src="search.js"></script>

12
13  

13<script src="/fork/0/assets/js/nodrag.js"></script>

13
14  <link rel="stylesheet" href="/fork/0/assets/css/tos.css">
15  <link rel="stylesheet" href="/fork/0/assets/css/rainbow.css">
16  <style>
17    .adblocker {
18      text-align: center;
19      padding-left: 100% 0 0;
20      margin: 0;
21      justify-content: center;
22      display: flex;
23      overflow: hidden;
24      background-color: #222;
25      height: 180px;
26      width: 640px;
27      border-radius: 10px;
28      margin: 4em 0 4em;
29      border: 1px solid #000;
30    }
31
32    .adblocker .adblock-text {
33      width: 350px;
34      margin: 20px;
35    }
36
37    .adblocker img {
38      margin: 20px;
39    }
40  </style>
41</head>
42
43<body>
44  <a href="https://bit.ly/hypackeld2">
45    <div class="text-left banner-head">
46      <h6 style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;margin-top:1.3em;margin-left: 2em;color:#fff;">Do you want more games? Head to https://bit.ly/hypackeld2 for updated and better games.</h6>
47    </div> 
48    <br><br><br><br>
49    <!-- <span style="font-size:41.5px;visibility: hidden;">hiejkfbekfjfbekjfbewkjfbewfkbjewfjkbwefbjkewbkjfejbkefbjkewjkbfjkbfkbejefjkbewjbkfewbjk</span> -->
50  </a>
51  <header class="header">
52    <div class="logo">
53      <button class="menu-item" onclick="window.location.href='/'">
54        <img width="120" src="/Logo-lightC.png" alt="Hypackel">
55      </button>
56    </div>
57    <nav class="menu">
58      <button class="menu-item" onclick="window.location.href='/fork/0/g/'">
59        Games
60      </button>
61      
62      
63      <a class="rainbow_text_animated" style="font-size:3px;color: white;" href="https://discord.gg/EAxpQn2yZ4">
64        <button class="menu-item" onclick="window.location.href='https://discord.gg/EAxpQn2yZ4'">
65        <h34 style="font-size:18px;" class="rainbow rainbow_text_animated">Discord</h34>
66      </button>
67      </a>
68    </nav>
69  </header>
70  <style>
71    select option,
72    .select2 {
73      background: rgba(0, 0, 0, 0.3);
74      color: #fff;
75    }
76  </style>
77  <div id="tab">
78    <b style="color: #fff;">Tab cloak:</b>
79    <select id="tabCloak" class="select2">
80      <option>Default</option>
81      <option>Schoology</option>
82      <option>Google Docs</option>
83      <option>Desmos</option>
84      <option>Desmos graphing</option>
85      <option>Google classroom</option>
86      <option>NoRedInk</option>
87      <option>Lexia Core5</option>
88      <option>Lexia PowerUp</option>
89      <option>Mathspace</option>
90      <option>Kahoot</option>
91      <option>Google Sheets</option>
92      <option>Google Slides</option>
93      <option>Google Sites</option>
94      <option>Google Forms</option>
95<option>Google Drive</option>
96    </select>
97  </div>
98    

98<script>
99      fetch('games.json')
100        .then(response => response.json())
101        .then(data => {
102          const gameContainer = document.getElementById('game-container');
103
104          data.forEach(game => {
105            const gameCard = document.createElement('div');
106            gameCard.classList.add('game-card');
107
108            gameCard.addEventListener('click', function () {
109              if (game.requiresProxy) {
110                const userResponse = prompt('A Proxy or VPN is required to play this game. Do you have a proxy or VPN enabled? (yes/no)');
111
112                if (userResponse && userResponse.toLowerCase() === 'yes') {
113                  window.location.href = game.url;
114                } else {
115                  alert('You need a proxy or VPN to play this game. Please enable one and come back.');
116                }
117              } else {
118                window.location.href = game.url;
119              }
120            });
121
122            const imageContainer = document.createElement('div');
123            imageContainer.classList.add('image-container');
124
125            const img = document.createElement('img');
126            img.src = game.imageSrc;
127            img.onerror = function () {
128              this.src = '/fork/image-placeholder.png';
129            };
130
131            const h3 = document.createElement('h3');
132            h3.textContent = game.name;
133
134            imageContainer.appendChild(img);
135            gameCard.appendChild(imageContainer);
136            gameCard.appendChild(h3);
137            gameContainer.appendChild(gameCard);
138          });
139        })
140        .catch(error => {
141          console.error('Error loading JSON data:', error);
142        });
143
144
145    </script>

145
146    <center>
147      <br>
148      <!-- <div class="adblocker"><img src="./adblocker.png" height="140"><span class="adblock-text"><h2>Hello user!</h2><p>We appreciate your visit! To help keep our content free, please consider disabling your adblocker. Our ads are non-intrusive and support our site. Thank you for your support!</p><br><span style="text-decoration: none; color: #2863c2; cursor: pointer;">Do not sell my personal information</span></span><br></div> -->
149      <input type="text" id="search-bar" placeholder="Search..." oninput="search()" class="search-input" />
150      <!-- <p>Need to take down your game? <a href="javascript:Open DMCA in new window;" onclick="window.open('https://github.com/Hypackel/Hypackel.github.io/issues/new?assignees=Hypackel&labels=DMCA&projects=&template=dmca.yaml&title=[DMCA]:<title>', '_blank', 'width=800,height=600'); return false;">DMCA</a> (Opens in a new window)</p> -->
151      <br><br>
152    </center>
153     <div class="game-container" id="game-container">
154      <!--onerror="this.src='https://www.livenirvana.com/demotapes/images/no-image.png'" DEFAULT: onerror="this.src='../../static/image-placeholder.svg'"-->
155      <a style="color: white;" href="https://github.com/hypackel/hypackel.github.io/issues/new?assignees=hypacker&labels=Add-Game&projects=&template=add_game.yml&title=%5BGame+Recommendation%5D%3A+%3Ctitle%3E"><div class="game-card"
156        onclick="window.location.href='https://github.com/hypackel/hypackel.github.io/issues/new?assignees=hypacker&labels=Add-Game&projects=&template=add_game.yml&title=%5BGame+Recommendation%5D%3A+%3Ctitle%3E'">
157        <div class="image-container">
158          <img src="request-svg.png" onerror="this.src='../../static/image-placeholder.svg'" />
159        </div>
160        <h3>Add a game!</h3>
161      </div>
162    </a>
163    <!--note to myself: The div below is for the TOS don't touch it!
164    https://github.com/hypackel/hypackel.github.io/issues/new?assignees=hypacker&labels=Add-Game&projects=&template=add_game.yml&title=%5BGame+Recommendation%5D%3A+%3Ctitle%3E
165    -->
166  </div>
167  <footer style="margin-bottom: 4em; margin-top: 9em;">
168    <center>&copy; 2023 Hypackel<br><br><a
169    <center>
170      <div align='center'><img src='https://www.free-website-hit-counter.com/c.php?d=9&id=155704&s=288' border='0'
171          alt='Counter'><br /></div>
172    </center>
173  </footer>
174  

174<script src="/vobs.js"></script>

174
175</body>
176
177</html>