Spaces:
Running
Running
File size: 7,176 Bytes
2202ed8 1d38e96 baa0119 1d38e96 747e645 baa0119 1d38e96 2202ed8 d23606b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeCover Quest | Optimal Prize Coverage</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Space Grotesk', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.code-block {
background-color: rgba(15, 23, 42, 0.7);
backdrop-filter: blur(10px);
}
</style>
</head>
<body class="gradient-bg min-h-screen text-white">
<div id="vanta-globe" class="fixed inset-0 z-0"></div>
<div class="relative z-10 container mx-auto px-4 py-16">
<header class="mb-16 text-center">
<h1 class="text-5xl md:text-6xl font-bold mb-4 tracking-tight">CodeCover Quest</h1>
<p class="text-xl md:text-2xl opacity-90 max-w-3xl mx-auto">Optimizing prize distributions through combinatorial coverage magic</p>
</header>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
<div class="code-block rounded-xl p-8 shadow-2xl">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i data-feather="award" class="mr-2"></i> Prize Coverage System
</h2>
<p class="mb-6 text-lg opacity-90">
Our system guarantees either one big prize or several smaller prizes through optimal combinatorial coverage.
</p>
<div class="bg-gray-900 rounded-lg p-4 mb-6 overflow-x-auto">
<pre class="text-green-400 font-mono text-sm">
System = {
1111,
1111,
1000,
0100,
0010,
0001
}</pre>
</div>
<p class="text-sm opacity-80">
Every word in Z4 not in the system is covered at least twice.
</p>
</div>
<div class="code-block rounded-xl p-8 shadow-2xl">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i data-feather="bar-chart-2" class="mr-2"></i> Coverage Efficiency
</h2>
<div class="mb-6">
<div class="flex justify-between mb-2">
<span>1-fold coverage</span>
<span class="font-bold">4 words</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="bg-blue-500 h-2.5 rounded-full" style="width: 40%"></div>
</div>
</div>
<div class="mb-6">
<div class="flex justify-between mb-2">
<span>2-fold coverage</span>
<span class="font-bold">7 words</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="bg-purple-500 h-2.5 rounded-full" style="width: 70%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-2">
<span>Our system</span>
<span class="font-bold">6 words</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="bg-pink-500 h-2.5 rounded-full" style="width: 60%"></div>
</div>
</div>
</div>
</div>
<div class="bg-black bg-opacity-40 rounded-xl p-8 mb-16 shadow-xl backdrop-blur-sm">
<h2 class="text-3xl font-bold mb-6 text-center">How It Works</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center">
<div class="bg-indigo-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
<i data-feather="box" class="w-8 h-8"></i>
</div>
<h3 class="text-xl font-semibold mb-2">Combinatorial Design</h3>
<p class="opacity-90">Carefully selected word combinations to maximize coverage efficiency</p>
</div>
<div class="text-center">
<div class="bg-purple-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
<i data-feather="layers" class="w-8 h-8"></i>
</div>
<h3 class="text-xl font-semibold mb-2">Prize Optimization</h3>
<p class="opacity-90">Guarantees either one big prize or several smaller prizes</p>
</div>
<div class="text-center">
<div class="bg-pink-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
<i data-feather="shield" class="w-8 h-8"></i>
</div>
<h3 class="text-xl font-semibold mb-2">Redundant Coverage</h3>
<p class="opacity-90">Every external word is covered at least twice for reliability</p>
</div>
</div>
</div>
<div class="text-center">
<div class="flex justify-center space-x-4">
<button class="px-8 py-3 bg-white text-indigo-700 font-bold rounded-full hover:bg-opacity-90 transition-all transform hover:scale-105 shadow-lg">
Explore More Systems
<i data-feather="arrow-right" class="ml-2 inline"></i>
</button>
<a href="/pattern-analysis.html" class="px-8 py-3 bg-indigo-600 text-white font-bold rounded-full hover:bg-opacity-90 transition-all transform hover:scale-105 shadow-lg">
Comprehensive Pattern Analysis
<i data-feather="bar-chart-2" class="ml-2 inline"></i>
</a>
<a href="/weighted-coverings.html" class="px-8 py-3 bg-purple-600 text-white font-bold rounded-full hover:bg-opacity-90 transition-all transform hover:scale-105 shadow-lg">
Weighted Coverings
<i data-feather="layers" class="ml-2 inline"></i>
</a>
</div>
</div>
</div>
<script>
VANTA.GLOBE({
el: "#vanta-globe",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x7d5fff,
backgroundColor: 0x0,
size: 0.8
});
</script>
<script>
feather.replace();
</script>
</body>
</html>
|