| Server IP : 167.235.67.158 / Your IP : 216.73.216.95 Web Server : Apache System : Linux ubuntu-8gb-nbg1-1 6.8.0-111-generic #111-Ubuntu SMP PREEMPT_DYNAMIC Sat Apr 11 23:16:02 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/bc.the-word.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="2026 Challenges">
<meta name="theme-color" content="#0a0a1a">
<title>2026 Challenges</title>
<!-- PWA Manifest -->
<link rel="manifest" href="manifest.json">
<!-- iOS Icons -->
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="152x152" href="icons/icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/icon-192.png">
<!-- Favicon - using SVG with PNG fallback -->
<link rel="icon" type="image/svg+xml" href="icons/icon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="icons/icon-32.png">
<!-- Styles -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Starfield Background -->
<canvas id="starfield"></canvas>
<!-- Main App Container -->
<div id="app">
<!-- Zoom/Pan Container -->
<div id="viewport">
<div id="pixel-grid">
<!-- Pixel tiles will be generated by JavaScript -->
</div>
</div>
<!-- Week indicator when zoomed in -->
<div id="week-indicator" class="hidden">
<span id="week-number"></span>
<span id="week-date"></span>
</div>
</div>
<!-- Challenge Modal Overlay -->
<div id="modal-overlay" class="hidden">
<!-- 3D Cube Container -->
<div id="cube-container">
<div id="cube">
<div class="cube-face front">
<div class="week-badge">Week <span id="cube-week"></span></div>
</div>
<div class="cube-face back"></div>
<div class="cube-face right"></div>
<div class="cube-face left"></div>
<div class="cube-face top"></div>
<div class="cube-face bottom"></div>
</div>
</div>
<!-- Challenge Content (revealed after cube opens) -->
<div id="challenge-content" class="hidden">
<div class="challenge-card">
<div class="challenge-header">
<span class="challenge-week">Week <span id="challenge-week-num"></span></span>
<span class="challenge-date" id="challenge-date"></span>
</div>
<div class="challenge-text" id="challenge-text"></div>
<button id="close-challenge" class="close-btn">Got it!</button>
</div>
</div>
</div>
<!-- Confetti Canvas -->
<canvas id="confetti-canvas"></canvas>
<!-- Locked Message Toast -->
<div id="locked-toast" class="hidden">
<span class="lock-icon">🔒</span>
<span id="locked-message">Opens on January 1st</span>
</div>
<!-- App Script -->
<script src="app.js"></script>
</body>
</html>