首頁 探索 說明
登入
septima
/
silly_qiz
3
0
複刻 0
Files 問題管理 4 合併請求 1 Wiki
瀏覽代碼

Merge branch 'master' of ssh://git.dominec.eu:3022/septima/silly_qiz

tirsa 2 周之前
父節點
e972bd6238 861e77fceb
當前提交
9adbda830c
共有 3 個文件被更改，包括 112 次插入 和 8 次删除
統一視圖 顯示文件統計
  1. 54 0
      README.md
  2. 4 8
      basen.txt
  3. 54 0
      quizz.html

+ 54 - 0
README.md
查看文件 

@@ -1,3 +1,57 @@
 
 # silly_qiz
 
 # silly_qiz
 
 
 
 toto bude mega giga silly qiz, aby jste mohli zjistit který z učítelů gimjs jste :3
 
 toto bude mega giga silly qiz, aby jste mohli zjistit který z učítelů gimjs jste :3
 
+<!DOCTYPE html>
 
+<html lang="cs">
 
+<head>
 
+    <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>
 
+</head>
 
+<body class="flex flex-col items-center justify-center min-h-screen p-4">
 
+
 
+    <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>
 
+
 
+</body>
 
+</html>

+ 4 - 8
basen.txt
查看文件 

@@ -7,14 +7,10 @@ v lavicích káva z termosky hřeje,
 
 pátek už v očích tiše voní
 
 pátek už v očích tiše voní
 
 a celé gymnázium lehce se směje.
 
 a celé gymnázium lehce se směje.
 
 
 
-V kabinetu mapy tiše mlčí,
 
-dějepis čeká jak starý vlak,
 
-někdo si pod lavicí píše verše,
 
-jiný jen hledí ven do oblak.
 
-U tabule rovnice rostou k ránu,
 
-jak bílé větve na skle zim,
 
-a profesorka v modrém svetru
 
-říká: „Tak začneme,“ klidným snem svým.
 
+mám rád tuleně
 
+proč jsme je nedomestikovali?
 
+poezie je obtížná
 
+tuleň
 
 
 
 Pak velká přestávka rozlije hluk,
 
 Pak velká přestávka rozlije hluk,
 
 housky, smích a kroky v běhu,
 
 housky, smích a kroky v běhu,

+ 54 - 0
quizz.html
查看文件 

@@ -0,0 +1,54 @@
 
+<!DOCTYPE html>
 
+<html lang="cs">
 
+<head>
 
+    <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>
 
+</head>
 
+<body class="flex flex-col items-center justify-center min-h-screen p-4">
 
+
 
+    <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>
 
+
 
+</body>
 
+</html>