option html

edcubelearning · Sep 21, 2024 · 333c815 · 333c815
1 parent 3554e00
commit 333c815
Show file tree

Hide file tree

Showing 30 changed files with 2,407 additions and 3 deletions.
diff --git a/amongus.html b/amongus.html
@@ -206,7 +206,90 @@ <h2>Among Us</h2>
     <p>Our team at EdCube Studios thanks you for your patience.</p>
 
     <iframe src="https://amongusplay.online/#ion" title="Among Us"></iframe>
+    <div class="options-bar">
+        <button class="option">Krunker.io</button>
+        <a href="#" class="fullscreen-button" style="right: 180px; top: 735px;"><img src="newr3.png" class="fsimg" style="height: 45px; width: 45px;" alt="share"></a>
+        <a href="#" class="fullscreen-button" style="right: 140px;"><img src="si.png" class="fsimg" alt="share" id="share-button"></a>
+        <a href="#" class="fullscreen-button" id="fullscreen-button"><img class="fsimg" src="fsicon2.png" alt="fullscreen"></a>
+    </div>
+
+    <div class="modal" id="share-modal">
+        <button id="close-modal">✖</button>
+        <p>Share this link:</p>
+        <input type="text" id="share-link" value="" readonly style="width: 100%;" />
+        <button id="copy-button">Copy Link</button>
+    </div>
+
+    <div class="notification" id="notification">Copied!</div>
+
+       <script>
+        function toggleFullscreen(element) {
+            if (document.fullscreenElement) {
+                document.exitFullscreen();
+            } else {
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.webkitRequestFullscreen) {
+                    element.webkitRequestFullscreen();
+                } else if (element.msRequestFullscreen) {
+                    element.msRequestFullscreen();
+                }
+            }
+        }
 
+        document.getElementById('fullscreen-button').addEventListener('click', function(e) {
+            e.preventDefault();
+            const iframe = document.getElementById('game-iframe');
+            toggleFullscreen(iframe);
+        });
+
+        document.addEventListener('keydown', function(event) {
+            const iframe = document.getElementById('game-iframe');
+            if (event.key === 'f' || event.key === 'F') {
+                toggleFullscreen(iframe);
+            }
+            if (event.key === 'r' || event.key === '[') {
+                window.location.href = 'index.html';
+            }
+        });
+
+        // Share button functionality
+        const shareButton = document.getElementById('share-button');
+        const shareModal = document.getElementById('share-modal');
+        const closeModalButton = document.getElementById('close-modal');
+        const shareLinkInput = document.getElementById('share-link');
+        const copyButton = document.getElementById('copy-button');
+        const notification = document.getElementById('notification');
+
+        shareButton.addEventListener('click', function(e) {
+            e.preventDefault();
+            shareLinkInput.value = window.location.href; // Set the current page URL
+            shareModal.style.display = 'block'; // Show the modal
+        });
+
+        closeModalButton.addEventListener('click', function() {
+            shareModal.style.display = 'none'; // Close the modal
+        });
+
+        copyButton.addEventListener('click', function() {
+            shareLinkInput.select();
+            document.execCommand('copy');
+            showNotification();
+        });
+
+        function showNotification() {
+            notification.style.display = 'block';
+            setTimeout(function() {
+                notification.style.opacity = '0';
+                setTimeout(function() {
+                    notification.style.display = 'none';
+                    notification.style.opacity = '1'; // Reset for next time
+                }, 500);
+            }, 3000);
+        }
+    </script>
 
 
     <a href="index.html" class="back-button">Back to Home</a>

diff --git a/bitlife.html b/bitlife.html
@@ -202,7 +202,90 @@
     <h2>BitLife</h2>
 
     <iframe src="https://mergefruit.click/bitlife/#ion" title="">BitLife</iframe>
+    <div class="options-bar">
+        <button class="option">Krunker.io</button>
+        <a href="#" class="fullscreen-button" style="right: 180px; top: 735px;"><img src="newr3.png" class="fsimg" style="height: 45px; width: 45px;" alt="share"></a>
+        <a href="#" class="fullscreen-button" style="right: 140px;"><img src="si.png" class="fsimg" alt="share" id="share-button"></a>
+        <a href="#" class="fullscreen-button" id="fullscreen-button"><img class="fsimg" src="fsicon2.png" alt="fullscreen"></a>
+    </div>
+
+    <div class="modal" id="share-modal">
+        <button id="close-modal">✖</button>
+        <p>Share this link:</p>
+        <input type="text" id="share-link" value="" readonly style="width: 100%;" />
+        <button id="copy-button">Copy Link</button>
+    </div>
+
+    <div class="notification" id="notification">Copied!</div>
+
+       <script>
+        function toggleFullscreen(element) {
+            if (document.fullscreenElement) {
+                document.exitFullscreen();
+            } else {
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.webkitRequestFullscreen) {
+                    element.webkitRequestFullscreen();
+                } else if (element.msRequestFullscreen) {
+                    element.msRequestFullscreen();
+                }
+            }
+        }
 
+        document.getElementById('fullscreen-button').addEventListener('click', function(e) {
+            e.preventDefault();
+            const iframe = document.getElementById('game-iframe');
+            toggleFullscreen(iframe);
+        });
+
+        document.addEventListener('keydown', function(event) {
+            const iframe = document.getElementById('game-iframe');
+            if (event.key === 'f' || event.key === 'F') {
+                toggleFullscreen(iframe);
+            }
+            if (event.key === 'r' || event.key === '[') {
+                window.location.href = 'index.html';
+            }
+        });
+
+        // Share button functionality
+        const shareButton = document.getElementById('share-button');
+        const shareModal = document.getElementById('share-modal');
+        const closeModalButton = document.getElementById('close-modal');
+        const shareLinkInput = document.getElementById('share-link');
+        const copyButton = document.getElementById('copy-button');
+        const notification = document.getElementById('notification');
+
+        shareButton.addEventListener('click', function(e) {
+            e.preventDefault();
+            shareLinkInput.value = window.location.href; // Set the current page URL
+            shareModal.style.display = 'block'; // Show the modal
+        });
+
+        closeModalButton.addEventListener('click', function() {
+            shareModal.style.display = 'none'; // Close the modal
+        });
+
+        copyButton.addEventListener('click', function() {
+            shareLinkInput.select();
+            document.execCommand('copy');
+            showNotification();
+        });
+
+        function showNotification() {
+            notification.style.display = 'block';
+            setTimeout(function() {
+                notification.style.opacity = '0';
+                setTimeout(function() {
+                    notification.style.display = 'none';
+                    notification.style.opacity = '1'; // Reset for next time
+                }, 500);
+            }, 3000);
+        }
+    </script>
 
 
     <a href="index.html" class="back-button">Back to Home</a>

diff --git a/cartoonstrike.html b/cartoonstrike.html
@@ -202,7 +202,90 @@
     <h2>Cartoon Strike</h2>
 
     <iframe src="https://www.gameflare.com/embed/cartoon-strike/" title="Cartoon Strike"></iframe>
+    <div class="options-bar">
+        <button class="option">Krunker.io</button>
+        <a href="#" class="fullscreen-button" style="right: 180px; top: 735px;"><img src="newr3.png" class="fsimg" style="height: 45px; width: 45px;" alt="share"></a>
+        <a href="#" class="fullscreen-button" style="right: 140px;"><img src="si.png" class="fsimg" alt="share" id="share-button"></a>
+        <a href="#" class="fullscreen-button" id="fullscreen-button"><img class="fsimg" src="fsicon2.png" alt="fullscreen"></a>
+    </div>
+
+    <div class="modal" id="share-modal">
+        <button id="close-modal">✖</button>
+        <p>Share this link:</p>
+        <input type="text" id="share-link" value="" readonly style="width: 100%;" />
+        <button id="copy-button">Copy Link</button>
+    </div>
+
+    <div class="notification" id="notification">Copied!</div>
+
+       <script>
+        function toggleFullscreen(element) {
+            if (document.fullscreenElement) {
+                document.exitFullscreen();
+            } else {
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.webkitRequestFullscreen) {
+                    element.webkitRequestFullscreen();
+                } else if (element.msRequestFullscreen) {
+                    element.msRequestFullscreen();
+                }
+            }
+        }
 
+        document.getElementById('fullscreen-button').addEventListener('click', function(e) {
+            e.preventDefault();
+            const iframe = document.getElementById('game-iframe');
+            toggleFullscreen(iframe);
+        });
+
+        document.addEventListener('keydown', function(event) {
+            const iframe = document.getElementById('game-iframe');
+            if (event.key === 'f' || event.key === 'F') {
+                toggleFullscreen(iframe);
+            }
+            if (event.key === 'r' || event.key === '[') {
+                window.location.href = 'index.html';
+            }
+        });
+
+        // Share button functionality
+        const shareButton = document.getElementById('share-button');
+        const shareModal = document.getElementById('share-modal');
+        const closeModalButton = document.getElementById('close-modal');
+        const shareLinkInput = document.getElementById('share-link');
+        const copyButton = document.getElementById('copy-button');
+        const notification = document.getElementById('notification');
+
+        shareButton.addEventListener('click', function(e) {
+            e.preventDefault();
+            shareLinkInput.value = window.location.href; // Set the current page URL
+            shareModal.style.display = 'block'; // Show the modal
+        });
+
+        closeModalButton.addEventListener('click', function() {
+            shareModal.style.display = 'none'; // Close the modal
+        });
+
+        copyButton.addEventListener('click', function() {
+            shareLinkInput.select();
+            document.execCommand('copy');
+            showNotification();
+        });
+
+        function showNotification() {
+            notification.style.display = 'block';
+            setTimeout(function() {
+                notification.style.opacity = '0';
+                setTimeout(function() {
+                    notification.style.display = 'none';
+                    notification.style.opacity = '1'; // Reset for next time
+                }, 500);
+            }, 3000);
+        }
+    </script>
 
 
     <a href="index.html" class="back-button">Back to Home</a>

diff --git a/chatgpt.html b/chatgpt.html
@@ -202,7 +202,90 @@
     <h2>ChatGPT</h2>
 
     <iframe src="https://www.you.com/#ion" title="you.com"></iframe>
+    <div class="options-bar">
+        <button class="option">Krunker.io</button>
+        <a href="#" class="fullscreen-button" style="right: 180px; top: 735px;"><img src="newr3.png" class="fsimg" style="height: 45px; width: 45px;" alt="share"></a>
+        <a href="#" class="fullscreen-button" style="right: 140px;"><img src="si.png" class="fsimg" alt="share" id="share-button"></a>
+        <a href="#" class="fullscreen-button" id="fullscreen-button"><img class="fsimg" src="fsicon2.png" alt="fullscreen"></a>
+    </div>
+
+    <div class="modal" id="share-modal">
+        <button id="close-modal">✖</button>
+        <p>Share this link:</p>
+        <input type="text" id="share-link" value="" readonly style="width: 100%;" />
+        <button id="copy-button">Copy Link</button>
+    </div>
+
+    <div class="notification" id="notification">Copied!</div>
+
+       <script>
+        function toggleFullscreen(element) {
+            if (document.fullscreenElement) {
+                document.exitFullscreen();
+            } else {
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.webkitRequestFullscreen) {
+                    element.webkitRequestFullscreen();
+                } else if (element.msRequestFullscreen) {
+                    element.msRequestFullscreen();
+                }
+            }
+        }
 
+        document.getElementById('fullscreen-button').addEventListener('click', function(e) {
+            e.preventDefault();
+            const iframe = document.getElementById('game-iframe');
+            toggleFullscreen(iframe);
+        });
+
+        document.addEventListener('keydown', function(event) {
+            const iframe = document.getElementById('game-iframe');
+            if (event.key === 'f' || event.key === 'F') {
+                toggleFullscreen(iframe);
+            }
+            if (event.key === 'r' || event.key === '[') {
+                window.location.href = 'index.html';
+            }
+        });
+
+        // Share button functionality
+        const shareButton = document.getElementById('share-button');
+        const shareModal = document.getElementById('share-modal');
+        const closeModalButton = document.getElementById('close-modal');
+        const shareLinkInput = document.getElementById('share-link');
+        const copyButton = document.getElementById('copy-button');
+        const notification = document.getElementById('notification');
+
+        shareButton.addEventListener('click', function(e) {
+            e.preventDefault();
+            shareLinkInput.value = window.location.href; // Set the current page URL
+            shareModal.style.display = 'block'; // Show the modal
+        });
+
+        closeModalButton.addEventListener('click', function() {
+            shareModal.style.display = 'none'; // Close the modal
+        });
+
+        copyButton.addEventListener('click', function() {
+            shareLinkInput.select();
+            document.execCommand('copy');
+            showNotification();
+        });
+
+        function showNotification() {
+            notification.style.display = 'block';
+            setTimeout(function() {
+                notification.style.opacity = '0';
+                setTimeout(function() {
+                    notification.style.display = 'none';
+                    notification.style.opacity = '1'; // Reset for next time
+                }, 500);
+            }, 3000);
+        }
+    </script>
 
 
     <a href="index.html" class="back-button">Back to Home</a>