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>Apps - EDUrocks 3.0</title>7 <link rel="icon" href="filestorage/photos/favicon.ico" type="image/x-icon">8 <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">9 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>10 <script src="./assets/js/aws-detection.js"></script>11 <script src="./assets/js/ip-restriction.js"></script>12 <style type="text/tailwindcss">13 @theme {14 --color-edu-dark: #011627;15 --color-edu-dark-secondary: #3C1642;16 --color-edu-dark-accent: #58355E;17 --color-edu-text: #e8d5e0;18 --color-edu-text-secondary: #c4a5b8;19 --color-edu-pink: #F4154D;20 --color-edu-pink-light: #FA0F71;21 --color-edu-rose: #FF1F84;22 23 --font-pacifico: 'Pacifico', cursive;24 --font-inter: 'Inter', sans-serif;25 26 --animate-gradient: gradient 6s ease infinite;27 --animate-fade-in: fadeIn 0.5s ease-in-out;28 --animate-slide-down: slideDown 0.4s ease-out;29 --animate-slide-up: slideUp 0.3s ease-out;30 31 @keyframes gradient {32 0%, 100% { background-position: 0% 50% }33 50% { background-position: 100% 50% }34 }35 @keyframes fadeIn {36 0% { opacity: 0; transform: translateY(10px) }37 100% { opacity: 1; transform: translateY(0) }38 }39 @keyframes slideDown {40 0% { opacity: 0; transform: translateY(-20px) }41 100% { opacity: 1; transform: translateY(0) }42 }43 @keyframes slideUp {44 0% { opacity: 0; transform: translateY(20px) }45 100% { opacity: 1; transform: translateY(0) }46 }47 }48 </style>49 <style>50 @font-face {51 font-family: 'Verdana_ROT13';52 src: url('assets/fonts/Verdana_ROT13.eot?#iefix') format('embedded-opentype'),53 url('assets/fonts/Verdana_ROT13.woff') format('woff'),54 url('assets/fonts/Verdana_ROT13.ttf') format('truetype'),55 url('assets/fonts/Verdana_ROT13.svg#Verdana_ROT13') format('svg');56 font-weight: normal;57 font-style: normal;58 }59 .rot13 {60 font-family: 'Verdana_ROT13', Verdana, sans-serif;61 }62 body {63 font-family: 'Inter', sans-serif;64 }65 .gradient-text {66 background: linear-gradient(45deg, #F4154D, #FA0F71, #e8d5e0, #FA0F71, #F4154D);67 background-size: 200% 200%;68 -webkit-background-clip: text;69 background-clip: text;70 -webkit-text-fill-color: transparent;71 animation: gradient 6s ease infinite;72 }73 .card-hover {74 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);75 }76 .card-hover:hover {77 transform: translateY(-8px) scale(1.02);78 }79 /* Quote hyperlink styling */80 #quote-text a {81 color: #FA0F71;82 text-decoration: underline;83 transition: color 0.3s ease;84 }85 #quote-text a:hover {86 color: #e8d5e0;87 }88 </style>89</head>90<body class="bg-edu-dark text-edu-text min-h-screen font-inter">91 92 <nav class="bg-edu-dark-accent border-b-2 border-edu-pink/20 sticky top-0 z-40 backdrop-blur-lg">93 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">94 <div class="flex flex-col md:flex-row items-center justify-between py-4 gap-4">95 <a href="index.html" class="font-pacifico text-2xl md:text-3xl gradient-text">EDUrocks 3.0</a>96 <div class="flex flex-wrap gap-2">97 <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>98 <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>99 <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>100 <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>101 <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>102 <a href="page2.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">Erdhrfg</a>103 <a href="page7.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">Nccf</a>104 </div>105 </div>106 </div>107 </nav>108 109 110 <div class="max-w-7xl mx-auto px-4 py-12">111 <h1 class="text-4xl md:text-5xl font-black text-center mb-4 bg-gradient-to-r from-edu-pink via-edu-pink-light to-edu-text bg-clip-text text-transparent">Apps</h1>112 <p class="text-center text-edu-text-secondary text-lg mb-12">Useful apps and tools for students and productivity.</p>113 114 115 <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">116 117 <a href="filestorage/Apps/calculator/index.html" class="group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block">118 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>119 <img src="filestorage/photos/calculator.png" alt="Calculator" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">120 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Calculator</p>121 </a>122 123 124 <a href="filestorage/Apps/ExtPrint3r-main/index.html" class="group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block">125 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>126 <img src="filestorage/photos/ExtPrint3r-main.png" alt="ExtPrint3r" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">127 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">ExtPrint3r</p>128 </a>129 130 131 <a href="filestorage/Apps/fluidsim/index.html" class="group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block">132 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>133 <img src="filestorage/photos/fluidsim.png" alt="Fluid Simulation" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">134 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Fluid Simulation</p>135 </a>136 137 138 <a href="filestorage/Apps/SoundBoard/index.html" class="group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block">139 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>140 <img src="filestorage/photos/SoundBoard.png" alt="SoundBoard" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">141 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">SoundBoard</p>142 </a>143 144 145 <a href="filestorage/Apps/chat/index.html" class="group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block">146 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>147 <img src="/filestorage/Apps/chat/EDUrockschat.png" alt="EDUrocks Chat" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">148 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">EDUrocks Chat</p>149 </a>150 151 152 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9pbnN0YWdyYW0uY29t">153 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>154 <img src="/filestorage/photos/p-apps/insta-logo.png" alt="Instagram" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">155 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Instagram</p>156 </a>157 158 159 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9yZWRkaXQuY29t">160 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>161 <img src="/filestorage/photos/p-apps/reddit-logo.webp" alt="Reddit" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">162 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Reddit</p>163 </a>164 165 166 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly95b3V0dWJlLmNvbQ==">167 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>168 <img src="/filestorage/photos/p-apps/youtube-logo.png" alt="YouTube" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">169 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">YouTube</p>170 </a>171 172 173 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9waW50ZXJlc3QuY29t">174 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>175 <img src="/filestorage/photos/p-apps/pin-logo.png" alt="Pinterest" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">176 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Pinterest</p>177 </a>178 179 180 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9zbmFwY2hhdC5jb20=">181 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>182 <img src="/filestorage/photos/p-apps/snapchat-logo.png" alt="Snapchat" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">183 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Snapchat</p>184 </a>185 186 187 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9zcG90aWZ5LmNvbQ==">188 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>189 <img src="filestorage/photos/p-apps/spotify-logo.png" alt="Spotify" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">190 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Spotify</p>191 </a>192 193 194 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9tdXNpYy55b3V0dWJlLmNvbQ==">195 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>196 <img src="filestorage/photos/p-apps/youtube-music-logo.png" alt="YouTube Music" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">197 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">YouTube Music</p>198 </a>199 200 201 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9kaXNjb3JkLmNvbQ==">202 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>203 <img src="filestorage/photos/p-apps/discord-logo.png" alt="Discord" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">204 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Discord</p>205 </a>206 207 208 <a href="#" class="proxy-app group relative bg-edu-dark-accent border border-edu-pink/20 rounded-2xl p-6 transition-all hover:bg-edu-rose hover:border-edu-pink hover:-translate-y-2 hover:shadow-2xl block" data-url="aHR0cHM6Ly9iYXRvLnRv">209 <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-edu-pink to-edu-pink-light opacity-0 group-hover:opacity-100 transition-opacity rounded-t-2xl"></div>210 <img src="filestorage/photos/p-apps/logo-batoto.png" alt="Bato" class="w-full h-28 object-contain rounded-lg mb-4 group-hover:scale-110 transition-transform">211 <p class="text-center font-semibold text-edu-text-secondary group-hover:text-edu-text text-sm transition-colors">Bato</p>212 </a>213 214 </div>215 </div>216 217 218 <footer class="bg-edu-dark-accent border-t-2 border-edu-pink/20 py-12 mt-16">219 <div class="max-w-7xl mx-auto px-4 text-center">220 <p class="rot13 text-edu-text font-bold mb-4">RQHebpxf 3.0</p>221 <div class="flex flex-wrap justify-center gap-6">222 <a href="page3.html" class="rot13 text-edu-pink-light hover:text-edu-text">Pbagnpg Vasb</a>223 <a href="page5.html" class="rot13 text-edu-pink-light hover:text-edu-text">Fhccbeg</a>224 <a href="page9.html" class="rot13 text-edu-pink-light hover:text-edu-text">Bcra Fbhepr</a>225 <a href="https://stats.uptimerobot.com/z62RCQTD5Q" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Hcgvzr</a>226 <a href="https://www.instagram.com/inowana25/" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Vafgntenz</a>227 <a href="https://www.tiktok.com/@officialedurocks" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">GvxGbx</a>228 <a href="page6.html" class="rot13 text-edu-pink-light hover:text-edu-text">Yvaxf</a>229 <a href="page4.html" class="rot13 text-edu-pink-light hover:text-edu-text">Hcqngrf</a>230 </div>231 </div>232 </footer>233 234 235 <script type="module" src="./assets/js/domain-utils.js"></script>236 <script type="module">237 import { Auth } from './assets/js/auth.js';238 import { initNavbarAuth } from './assets/js/navbar-auth.js';239 import './assets/js/user-profile.js';240 import './assets/js/game-tracker.js';241 import { initNavigationHandlers } from './assets/js/navigation.js';242 import { initChromeOSDetection } from './assets/js/chromeos-detect.js';243 import { getProxyURL } from './assets/js/domain-utils.js';244 import { openInBypass, isChromeOS } from './assets/js/chromeos-detect.js';245 import { BypassSettings } from './assets/js/bypass-settings.js';246 247 // Make Auth globally available248 window.Auth = Auth;249 250 document.addEventListener('DOMContentLoaded', async () => {251 // Initialize navbar auth buttons252 await initNavbarAuth();253 254 // P-r0xy app handlers - handle all proxy apps with data-url attribute255 const proxyApps = document.querySelectorAll('.proxy-app');256 proxyApps.forEach(app => {257 app.addEventListener('click', (e) => {258 e.preventDefault();259 260 // Get the base64 encoded URL from data attribute261 const encodedURL = app.getAttribute('data-url');262 if (!encodedURL) return;263 264 // Decode the base64 URL265 const targetURL = atob(encodedURL);266 267 // Get the proxy URL (e.g., https://vedap.edurocks.org)268 const proxyBaseURL = getProxyURL();269 270 // Get preferred title for ChromeOS bypass271 const preferredTitle = window.BypassSettings ? window.BypassSettings.getPreferredTitle() : 'Khan Academy - Dashboard';272 273 // Construct full proxy URL with target, hide-nav, and title parameters274 const fullProxyURL = `${proxyBaseURL}?url=${encodeURIComponent(targetURL)}&hide-nav=true&bypass-title=${encodeURIComponent(preferredTitle)}`;275 276 // Open in ChromeOS bypass if on ChromeOS, otherwise open normally277 if (isChromeOS()) {278 openInBypass(fullProxyURL);279 } else {280 window.open(fullProxyURL, '_blank');281 }282 });283 });284 });285 </script>286</body>287</html>288