Revert "Save added Games (#2)" (#3)

This reverts commit a30609f.

Author: Quartinal

Diff for: science/index.html

@@ -90,70 +90,35 @@
                 <ion-icon name="add-circle-outline"></ion-icon>
             </div>
 
-   <script>
-    window.addEventListener('DOMContentLoaded', () => {
-        const savedGames = JSON.parse(localStorage.getItem('savedGames')) || [];
-
-        function addGame(url, name) {
-            const game = {
-                url,
-                name
-            };
-            savedGames.push(game);
-            localStorage.setItem('savedGames', JSON.stringify(savedGames));
-        }
-
-        function loadSavedGames() {
-            savedGames.forEach(game => {
-                const div = document.createElement('div');
-                div.title = game.name;
-                const img = document.createElement('img');
-                img.src = game.url;
-                img.width = 100;
-                img.height = 100;
-                div.appendChild(img);
-                div.addEventListener('click', () => {
-                    document.getElementById('game-frame').src = game.url;
-                    document.getElementById('game-frame').style.display = 'inline';
-                    document.querySelector('.games').style.display = 'none';
-                    document.querySelector('.header').style.display = 'none';
-                });
-                document.querySelector('.games').insertBefore(div, document.getElementById('add-game'));
-            });
-        }
-        loadSavedGames();
-
-        document.querySelector('div[title="Add Your Own!"]').addEventListener('click', () => {
-            const url = prompt('URL: ');
-            if (url !== null && url !== '') {
-                const name = prompt('Name: ');
-                if (name !== null && name !== '') {
-                    addGame(url, name);
-                    const div = document.createElement('div');
-                    div.title = name;
-                    const img = document.createElement('img');
-                    img.src = url;
-                    img.width = 100;
-                    img.height = 100;
-                    div.appendChild(img);
-                    div.addEventListener('click', () => {
-                        document.getElementById('game-frame').src = url;
-                        document.getElementById('game-frame').style.display = 'inline';
-                        document.querySelector('.games').style.display = 'none';
-                        document.querySelector('.header').style.display = 'none';
+            <script>
+                (function() {
+                    document.querySelector('div[title="Add Your Own!"]').addEventListener('click', () => {
+                        const p = prompt('URL: ');
+
+                        if (p !== '') {
+                            const z = prompt('Name: ');
+
+                            if (z !== '') {
+                                document.querySelector('title').innerText = z;
+                                
+                                document.querySelector('iframe').src = '/i/' + __uv$config.encodeUrl(p);
+
+                                document.querySelector('iframe').style.display = 'inline';
+
+                                document.querySelector('.games').style.display = 'none';
+
+                                document.querySelector('.header').style.display = 'none';
+                            } else {
+                                alert('Please provide a valid name');
+                            }
+                        } else {
+                            alert('Please provide a valid URL');
+                        }
                     });
-                    document.querySelector('.games').insertBefore(div, document.getElementById('add-game'));
-                } else {
-                    alert('Please provide a valid name');
-                }
-            } else {
-                alert('Please provide a valid URL');
-            }
-        });
-    });
-</script>
+                })();
+            </script>
         </div>
 
         <iframe src="" style="position:absolute;display:none;border:none;outline:none;width:100%;height:100%;"></iframe>
     </body>
-</html>
+</html>