|
|
преди 2 седмици | |
|---|---|---|
| app | преди 2 седмици | |
| docs | преди 2 седмици | |
| silly_qiz | преди 2 седмици | |
| .gitignore | преди 2 седмици | |
| .python-version | преди 2 седмици | |
| README.md | преди 2 седмици | |
| basen.txt | преди 2 седмици | |
| pyproject.toml | преди 2 седмици | |
| quizz.html | преди 2 седмици | |
| schema.json | преди 2 седмици |
toto bude mega giga silly qiz, aby jste mohli zjistit který z učítelů gimjs jste :3 <!DOCTYPE html>
<meta charset="UTF-8">
<title>Kvíz: Který učitel na GJS jsi ty?</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #f0f4f8; }
.gjs-blue { background-color: #0055a4; }
.card { border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
</style>
<div class="card bg-white w-full max-w-lg p-6 border-t-8 border-blue-700">
<h1 class="text-2xl font-bold text-center text-gray-800 mb-8">
Který učitel na GJS jsi ty?
</h1>
<div class="mb-8">
<p class="text-lg font-semibold text-gray-700 mb-4 text-center">
Lorem ipsum dolor sit amet, consectetur?
</p>
<div class="space-y-3">
<label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
<input type="radio" name="q1" class="mr-2"> Lorem ipsum dolor
</label>
<label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
<input type="radio" name="q1" class="mr-2"> Sit amet consectetur
</label>
<label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
<input type="radio" name="q1" class="mr-2"> Adipiscing elit
</label>
<label class="block p-3 border rounded-lg cursor-pointer hover:bg-blue-50 transition">
<input type="radio" name="q1" class="mr-2"> Sed do eiusmod
</label>
</div>
</div>
<div class="flex justify-between mt-10">
<button class="px-6 py-2 bg-gray-200 text-gray-700 rounded font-bold hover:bg-gray-300 transition">
Předchozí
</button>
<button class="px-6 py-2 gjs-blue text-white rounded font-bold hover:opacity-90 transition">
Další
</button>
</div>
</div>