EDUrocks/EDUrocks-3.0-frontend-source-code
07
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Request Game - EDUrocks 3.0</title>7 <link rel="icon" href="filestorage/photos/favicon.ico" type="image/x-icon">8 <link rel="preconnect" href="https://fonts.googleapis.com">9 <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">10 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>11 <script src="./assets/js/aws-detection.js"></script>12 <script src="./assets/js/ip-restriction.js"></script>13 <style type="text/tailwindcss">14 @theme {15 --color-edu-dark: #011627;16 --color-edu-dark-secondary: #3C1642;17 --color-edu-dark-accent: #58355E;18 --color-edu-text: #e8d5e0;19 --color-edu-text-secondary: #c4a5b8;20 --color-edu-pink: #F4154D;21 --color-edu-pink-light: #FA0F71;22 --color-edu-rose: #FF1F84;23 24 --font-pacifico: 'Pacifico', cursive;25 --font-inter: 'Inter', sans-serif;26 27 --animate-gradient: gradient 6s ease infinite;28 --animate-fade-in: fadeIn 0.5s ease-in-out;29 --animate-slide-down: slideDown 0.4s ease-out;30 --animate-slide-up: slideUp 0.3s ease-out;31 32 @keyframes gradient {33 0%, 100% { background-position: 0% 50% }34 50% { background-position: 100% 50% }35 }36 @keyframes fadeIn {37 0% { opacity: 0; transform: translateY(10px) }38 100% { opacity: 1; transform: translateY(0) }39 }40 @keyframes slideDown {41 0% { opacity: 0; transform: translateY(-20px) }42 100% { opacity: 1; transform: translateY(0) }43 }44 @keyframes slideUp {45 0% { opacity: 0; transform: translateY(20px) }46 100% { opacity: 1; transform: translateY(0) }47 }48 }49 </style>50 <style>51 @font-face {52 font-family: 'Verdana_ROT13';53 src: url('assets/fonts/Verdana_ROT13.eot?#iefix') format('embedded-opentype'),54 url('assets/fonts/Verdana_ROT13.woff') format('woff'),55 url('assets/fonts/Verdana_ROT13.ttf') format('truetype'),56 url('assets/fonts/Verdana_ROT13.svg#Verdana_ROT13') format('svg');57 font-weight: normal;58 font-style: normal;59 }60 .rot13 {61 font-family: 'Verdana_ROT13', Verdana, sans-serif;62 }63 body {64 font-family: 'Inter', sans-serif;65 }66 .gradient-text {67 background: linear-gradient(45deg, #F4154D, #FA0F71, #e8d5e0, #FA0F71, #F4154D);68 background-size: 200% 200%;69 -webkit-background-clip: text;70 background-clip: text;71 -webkit-text-fill-color: transparent;72 animation: gradient 6s ease infinite;73 }74 .card-hover {75 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);76 }77 .card-hover:hover {78 transform: translateY(-8px) scale(1.02);79 }80 /* Quote hyperlink styling */81 #quote-text a {82 color: #FA0F71;83 text-decoration: underline;84 transition: color 0.3s ease;85 }86 #quote-text a:hover {87 color: #e8d5e0;88 }89 </style>90</head>91<body class="bg-edu-dark text-edu-text min-h-screen font-inter">92 93 <nav class="bg-edu-dark-accent border-b-2 border-edu-pink/20 sticky top-0 z-40 backdrop-blur-lg">94 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">95 <div class="flex flex-col md:flex-row items-center justify-between py-4 gap-4">96 <a href="index.html" class="font-pacifico text-2xl md:text-3xl gradient-text">EDUrocks 3.0</a>97 <div class="flex flex-wrap gap-2">98 <a href="index.html" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Ubzr</a>99 <a href="page1.html" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Tnzrf</a>100 <a href="edum/index.html" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Zbivrf & GI</a>101 <a href="#" id="pr0xy-link" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Cebkl</a>102 <a href="#" id="ai-chat-link" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">NV Pung</a>103 <a href="page2.html" class="rot13 px-4 py-2 rounded-full bg-edu-pink text-edu-text text-sm font-medium transition-all hover:bg-edu-pink-light hover:scale-105">Erdhrfg</a>104 <a href="page7.html" class="rot13 px-4 py-2 rounded-full text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Nccf</a>105 </div>106 </div>107 </div>108 </nav>109 110 <div class="max-w-4xl mx-auto px-4 py-12">111 <h1 class="rot13 text-4xl md:text-5xl font-black text-center mb-4 gradient-text">Erdhrfg n Tnzr</h1>112 <p class="rot13 text-center text-edu-text-secondary text-lg mb-8">Pna'g svaq n tnzr lbh'er ybbxvat sbe? Erdhrfg vg urer naq jr'yy gel gb nqq vg!</p>113 114 <div class="bg-edu-dark-secondary border border-edu-pink/20 rounded-2xl p-2 overflow-hidden">115 <iframe id="survey-frame" width="100%" height="800px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=CRjX3wfznkuuPULDTEVlSJCzBaUPZhlAqFkW1z3iDTBURTRaMFdaUVJKRDRHNUFNOVU1N085U1E1Wi4u&embed=true" frameborder="0" class="w-full" allowfullscreen></iframe>116 </div>117 <div class="mt-4 text-center">118 <button id="fallback-btn" class="px-6 py-2 rounded-full border border-edu-pink/20 text-edu-text hover:bg-edu-pink transition-colors">119 Not working click here120 </button>121 </div>122 <script>123 document.getElementById('fallback-btn').addEventListener('click', function() {124 const iframe = document.getElementById('survey-frame');125 iframe.src = "https://forms.office.com/Pages/ResponsePage.aspx?id=CRjX3wfznkuuPULDTEVlSJCzBaUPZhlAqFkW1z3iDTBURTRaMFdaUVJKRDRHNUFNOVU1N085U1E1Wi4u&embed=true";126 this.style.display = 'none';127 });128 </script>129 </div>130 131 <footer class="bg-edu-dark-accent border-t-2 border-edu-pink/20 py-12 mt-16">132 <div class="max-w-7xl mx-auto px-4 text-center">133 <p class="rot13 text-edu-text font-bold mb-4">RQHebpxf 3.0</p>134 <div class="flex flex-wrap justify-center gap-6">135 <a href="page3.html" class="rot13 text-edu-pink-light hover:text-edu-text">Pbagnpg Vasb</a>136 <a href="page5.html" class="rot13 text-edu-pink-light hover:text-edu-text">Fhccbeg</a>137 <a href="page9.html" class="rot13 text-edu-pink-light hover:text-edu-text">Bcra Fbhepr</a>138 <a href="https://stats.uptimerobot.com/z62RCQTD5Q" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Hcgvzr</a>139 <a href="https://www.instagram.com/inowana25/" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Vafgntenz</a>140 <a href="https://www.tiktok.com/@officialedurocks" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">GvxGbx</a>141 <a href="page6.html" class="rot13 text-edu-pink-light hover:text-edu-text">Yvaxf</a>142 <a href="page4.html" class="rot13 text-edu-pink-light hover:text-edu-text">Hcqngrf</a>143 </div>144 </div>145 </footer>146 147 <script type="module" src="./assets/js/domain-utils.js"></script>148 <script type="module">149 import { Auth } from './assets/js/auth.js';150 import { initNavbarAuth } from './assets/js/navbar-auth.js';151 import './assets/js/user-profile.js';152 import './assets/js/game-tracker.js';153 import { initNavigationHandlers } from './assets/js/navigation.js';154 import { initChromeOSDetection } from './assets/js/chromeos-detect.js';155 156 // Make Auth globally available157 window.Auth = Auth;158 159 document.addEventListener('DOMContentLoaded', async () => {160 // Initialize navbar auth buttons161 await initNavbarAuth();162 });163 </script>164</body>165</html>166