mehek projekt stylesheet alap

PstasDev · Apr 26, 2024 · 7b18c71 · 7b18c71
1 parent 23822a8
commit 7b18c71
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -30,6 +30,15 @@ <h2 class="card-header">Második oldal</h2>
                     </div>
                 </div>
             </div>
+            <div class="shadow-xl card max-md:w-full">
+                <div class="card-body">
+                    <h2 class="card-header">Méhek</h2>
+                    <p class="text-content2">Méhek feladat</p>
+                    <div class="flex justify-end card-footer">
+                        <a href="mehek/" class="btn btn-primary">Link</a>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </body>

diff --git a/mehek/index.html b/mehek/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Méhek</title>
+
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>Videó a méhekről</h1>
+    <video src="./mehek.mp4" autoplay controls></video>
+    <h1>Információk a méhekről</h1>
+    <audio src="./mehek.mp3" controls></video>
+</body>
+</html>
diff --git a/mehek/mehek.mp3 b/mehek/mehek.mp3
diff --git a/mehek/mehek.mp4 b/mehek/mehek.mp4
diff --git a/mehek/style.css b/mehek/style.css
@@ -0,0 +1,14 @@
+html {
+    --s: 37px; /* control the size */
+
+    --c:#0000,#ffe4b2 .5deg 119.5deg,#0000 120deg;
+    --g1:conic-gradient(from  60deg at 56.25% calc(425%/6),var(--c));
+    --g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
+    --g3:conic-gradient(from -60deg at 50%   calc(175%/12),var(--c));
+    background:
+      var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
+      var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
+      var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
+      #ffffff;
+    background-size: calc(2*var(--s)) calc(3.46*var(--s));
+}