CoolFace
Datasetpublic

EDUrocks/EDUrocks-3.0-frontend-source-code

sourceHugging Faceupdated 9mo agoView on Hugging Face
0likes7downloads
page6.html294 linesDownload Raw Back to root
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>All Links - 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 text-edu-text-secondary text-sm font-medium transition-all hover:bg-edu-pink hover:text-edu-text hover:scale-105">Nccf</a>104                </div>105            </div>106        </div>107    </nav>108 109    110    <div class="max-w-5xl 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">All EDUrocks Links</h1>112        <p class="text-center text-edu-text-secondary text-lg mb-12">Access all EDUrocks mirror sites and related services</p>113 114        <div class="space-y-6">115            116            <div class="bg-edu-dark-accent border border-edu-pink/20 rounded-2xl overflow-hidden">117                <div class="flex justify-between items-center p-6 cursor-pointer hover:bg-edu-rose transition-all group" onclick="toggleSection(this)">118                    <h2 class="text-2xl font-bold text-edu-pink-light group-hover:text-edu-text transition-colors">EDUrocks AWS Cloudfront (almost always unblocked)</h2>119                    <button class="toggle-btn bg-edu-pink hover:bg-edu-pink-light text-edu-text px-6 py-2 rounded-full font-semibold transition-all">Show Links</button>120                </div>121                <div class="links-container max-h-0 overflow-hidden transition-all duration-500">122                    <div class="p-6 pt-0 grid grid-cols-1 md:grid-cols-2 gap-3">123                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all">124                            <a data-encoded="aHR0cHM6Ly9kM3czeWV5MWV6aWlxaC5jbG91ZGZyb250Lm5ldC8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a>125                        </div>126                    </div>127                </div>128            </div>129 130            131            <div class="bg-edu-dark-accent border border-edu-pink/20 rounded-2xl overflow-hidden">132                <div class="flex justify-between items-center p-6 cursor-pointer hover:bg-edu-rose transition-all group" onclick="toggleSection(this)">133                    <h2 class="text-2xl font-bold text-edu-pink-light group-hover:text-edu-text transition-colors">EDUrocks Manga & Books</h2>134                    <button class="toggle-btn bg-edu-pink hover:bg-edu-pink-light text-edu-text px-6 py-2 rounded-full font-semibold transition-all">Show Links</button>135                </div>136                <div class="links-container max-h-0 overflow-hidden transition-all duration-500">137                    <div class="p-6 pt-0">138                        <div class="grid grid-cols-1 md:grid-cols-2 gap-3 mb-6">139                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5lZHVyb2Nrcy5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>140                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5lZHVibHVlLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>141                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5lZHV3aW5nLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>142                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5sZWFybmJsYS5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>143                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5yb2NrZWR1LnNpdGUv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>144                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy55b2xlYXJuLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>145                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5yb2Nrcy5nYXkv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>146                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5yb2Nrc2VkdS5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>147                            <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9ib29rcy5ibGFoYWoubGk=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>148                        </div>149                        <div class="bg-edu-pink/10 border-l-4 border-edu-pink p-4 rounded-lg">150                            <p class="text-edu-text font-semibold mb-2">Guest Login Information:</p>151                            <p class="text-edu-text-secondary text-sm mb-2">152                                If you don't have an account, use the following credentials:<br>153                                <strong class="text-edu-pink-light">Username:</strong> guest<br>154                                <strong class="text-edu-pink-light">Password:</strong> 123456789155                            </p>156                            <p class="text-edu-text-secondary text-sm">157                                If you want an account, email <a href="mailto:lain@edurocks.org" class="text-edu-pink-light underline">lain@edurocks.org</a> or submit a request with your email.158                            </p>159                        </div>160                    </div>161                </div>162            </div>163 164            165            <div class="bg-edu-dark-accent border border-edu-pink/20 rounded-2xl overflow-hidden">166                <div class="flex justify-between items-center p-6 cursor-pointer hover:bg-edu-rose transition-all group" onclick="toggleSection(this)">167                    <h2 class="text-2xl font-bold text-edu-pink-light group-hover:text-edu-text transition-colors">EDUrocks Main Sites</h2>168                    <button class="toggle-btn bg-edu-pink hover:bg-edu-pink-light text-edu-text px-6 py-2 rounded-full font-semibold transition-all">Show Links</button>169                </div>170                <div class="links-container max-h-0 overflow-hidden transition-all duration-500">171                    <div class="p-6 pt-0 grid grid-cols-1 md:grid-cols-2 gap-3">172                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly95b2xlYXJuLm9yZw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>173                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cuZWR1cm9ja3Mub3JnLw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>174                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cuZWR1Ymx1ZS5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>175                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cuZWR1d2luZy5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>176                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cubGVhcm5ibGEub3JnLw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>177                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cuYmxhaGFqLmxpLw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>178                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cucm9ja2VkdS5zaXRl" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>179                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cucm9ja3NlZHUub3JnLw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>180                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cuYmx1ZWVkdS5vcmc=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>181                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cucm9ja3MuZ2F5" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>182                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9sZWFybmVuLnNpdGU=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>183                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly93d3cucGlua2xhY3Jvc3Mub3Jn" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>184                    </div>185                </div>186            </div>187 188            189            <div class="bg-edu-dark-accent border border-edu-pink/20 rounded-2xl overflow-hidden">190                <div class="flex justify-between items-center p-6 cursor-pointer hover:bg-edu-rose transition-all group" onclick="toggleSection(this)">191                    <h2 class="text-2xl font-bold text-edu-pink-light group-hover:text-edu-text transition-colors">GN-Math Links</h2>192                    <button class="toggle-btn bg-edu-pink hover:bg-edu-pink-light text-edu-text px-6 py-2 rounded-full font-semibold transition-all">Show Links</button>193                </div>194                <div class="links-container max-h-0 overflow-hidden transition-all duration-500">195                    <div class="p-6 pt-0 grid grid-cols-1 md:grid-cols-2 gap-3">196                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5lZHVyb2Nrcy5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>197                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5lZHVibHVlLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>198                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5lZHV3aW5nLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>199                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5sZWFybmJsYS5vcmcv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>200                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5ibGFoYWoubGkv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>201                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9nbmNkbi5yb2NrZWR1LnNpdGUv" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>202                    </div>203                </div>204            </div>205 206            207            <div class="bg-edu-dark-accent border border-edu-pink/20 rounded-2xl overflow-hidden">208                <div class="flex justify-between items-center p-6 cursor-pointer hover:bg-edu-rose transition-all group" onclick="toggleSection(this)">209                    <h2 class="text-2xl font-bold text-edu-pink-light group-hover:text-edu-text transition-colors">EDUrocks Chat Links</h2>210                    <button class="toggle-btn bg-edu-pink hover:bg-edu-pink-light text-edu-text px-6 py-2 rounded-full font-semibold transition-all">Show Links</button>211                </div>212                <div class="links-container max-h-0 overflow-hidden transition-all duration-500">213                    <div class="p-6 pt-0 grid grid-cols-1 md:grid-cols-2 gap-3">214                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LmVkdXJvY2tzLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>215                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LmVkdXdpbmcub3JnLw==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>216                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LmxlYXJuYmxhLm9yZy8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>217                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LmJsYWhhai5saS8=" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>218                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LmVkdWJsdWUub3Jn" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>219                        <div class="bg-edu-pink/10 px-4 py-3 rounded-lg hover:bg-edu-pink/20 transition-all"><a data-encoded="aHR0cHM6Ly9jaGF0LnJvY2tlZHUuc2l0ZQ==" target="_blank" class="text-edu-pink-light hover:text-edu-text"></a></div>220                    </div>221                </div>222            </div>223        </div>224    </div>225 226    227    <footer class="bg-edu-dark-accent border-t-2 border-edu-pink/20 py-12 mt-16">228        <div class="max-w-7xl mx-auto px-4 text-center">229            <p class="rot13 text-edu-text font-bold mb-4">RQHebpxf 3.0</p>230            <div class="flex flex-wrap justify-center gap-6">231                <a href="page3.html" class="rot13 text-edu-pink-light hover:text-edu-text">Pbagnpg Vasb</a>232                <a href="page5.html" class="rot13 text-edu-pink-light hover:text-edu-text">Fhccbeg</a>233                    <a href="page9.html" class="rot13 text-edu-pink-light hover:text-edu-text">Bcra Fbhepr</a>234                <a href="https://stats.uptimerobot.com/z62RCQTD5Q" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Hcgvzr</a>235                <a href="https://www.instagram.com/inowana25/" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">Vafgntenz</a>236                <a href="https://www.tiktok.com/@officialedurocks" target="_blank" class="rot13 text-edu-pink-light hover:text-edu-text">GvxGbx</a>237                <a href="page6.html" class="rot13 text-edu-pink-light hover:text-edu-text">Yvaxf</a>238                <a href="page4.html" class="rot13 text-edu-pink-light hover:text-edu-text">Hcqngrf</a>239            </div>240        </div>241    </footer>242 243    244    <script type="module" src="./assets/js/domain-utils.js"></script>245    <script type="module">246        import { Auth } from './assets/js/auth.js';247        import { initNavbarAuth } from './assets/js/navbar-auth.js';248        import './assets/js/user-profile.js';249        import './assets/js/game-tracker.js';250        import { initNavigationHandlers } from './assets/js/navigation.js';251        import { initChromeOSDetection } from './assets/js/chromeos-detect.js';252 253        // Make Auth globally available254        window.Auth = Auth;255 256        // Decode base64 links257        function decodeLinks() {258            const links = document.querySelectorAll('a[data-encoded]');259            links.forEach(link => {260                const encoded = link.getAttribute('data-encoded');261                const decoded = atob(encoded);262                link.href = decoded;263                link.textContent = decoded;264            });265        }266 267        // Toggle section visibility268        window.toggleSection = function(header) {269            const section = header.parentElement;270            const container = section.querySelector('.links-container');271            const button = header.querySelector('.toggle-btn');272 273            if (container.classList.contains('expanded')) {274                container.classList.remove('expanded');275                container.style.maxHeight = '0';276                button.textContent = 'Show Links';277            } else {278                container.classList.add('expanded');279                container.style.maxHeight = container.scrollHeight + 'px';280                button.textContent = 'Hide Links';281            }282        };283 284        // Initialize on page load285        document.addEventListener('DOMContentLoaded', async () => {286            // Initialize navbar auth buttons287            await initNavbarAuth();288 289            decodeLinks();290        });291    </script>292</body>293</html>294