protocol page

00647b8f · Lucy ⁢ · 483b0bba · 00647b8f · 00647b8f · 00647b8f
Verified Commit 00647b8f authored Oct 15, 2023 by Lucy ⁢
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
 <html lang="de">
-<head><meta charset="UTF-8">
+<head>
+    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
@@ -11,13 +13,15 @@
    <!-- HTML Meta Tags -->
    <title>HackaTRON - FOSS AG</title>
-    <meta name="description" content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
+    <meta name="description"
+        content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://hackatron.de">
    <meta property="og:type" content="website">
    <meta property="og:title" content="HackaTRON - FOSS AG">
-    <meta property="og:description" content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
+    <meta property="og:description"
+        content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
    <meta property="og:image" content="https://hackatron.de/assets/og.png">
    <!-- Twitter Meta Tags -->
@@ -25,9 +29,11 @@
    <meta property="twitter:domain" content="hackatron.de">
    <meta property="twitter:url" content="https://hackatron.de">
    <meta name="twitter:title" content="HackaTRON - FOSS AG">
-    <meta name="twitter:description" content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
+    <meta name="twitter:description"
+        content="Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab. ">
    <meta name="twitter:image" content="https://hackatron.de/assets/og.png">
 </head>
 <body>
    <section class="relative isolate overflow-hidden bg-gray-900">
        <svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]"
@@ -47,15 +53,22 @@
        <div class="absolute left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)]"
            aria-hidden="true">
            <div class="aspect-[1108/632] w-[69.25rem] bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20"
-             style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
+                style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)">
+            </div>
        </div>
        <div class="mx-auto max-w-7xl px-6 pb-12 pt-10 sm:pb-20 lg:flex lg:px-8 lg:py-32">
            <div class="flex flex-col justify-center mx-auto max-w-2xl flex-shrink-0 lg:mx-0 lg:max-w-xl lg:pt-8 ">
                <div class="">
+                    <a href="/">
                        <img class="h-7 max-w-full lg:h-11 mt-5" src="/assets/brand/logotype.svg" alt="HACKATRON">
+                    </a>
                    <p class="mt-6 text-lg leading-8 text-gray-400">
                        Programmmiert in 3er-Teams einen Bot für TRON und schneidet den anderen Light Cycles den Weg ab.
-                    Die <a href="https://foss-ag.de/" class="underline hover:text-gray-300 transition-colors underline-offset-2">FOSS-AG</a> und die <a href="https://alumni-informatik-dortmund.de/" class="underline hover:text-gray-300 transition-colors underline-offset-2">Alumni der Informatik</a> laden am 20.10.2023 zum HackaTRON ein. Für die besten
+                        Die <a href="https://foss-ag.de/"
+                            class="underline hover:text-gray-300 transition-colors underline-offset-2">FOSS-AG</a> und
+                        die <a href="https://alumni-informatik-dortmund.de/"
+                            class="underline hover:text-gray-300 transition-colors underline-offset-2">Alumni der
+                            Informatik</a> laden am 20.10.2023 zum HackaTRON ein. Für die besten
                        Teams winken am Abend Preise, Pizza gibt es gratis für alle Teilnehmenden.
                    </p>
                    <div class="mt-10 flex items-center gap-x-6 md:mb-20">
@@ -66,10 +79,10 @@
                    </div>
                </div>
            </div>
-        <div class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-32" aria-hidden="true">
+            <div class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-32"
+                aria-hidden="true">
                <a href="#spielfeld" class="block max-w-3xl flex-none sm:max-w-5xl lg:max-w-none">
-                <img src="/assets/screenshot.png"
+                    <img src="/assets/screenshot.png" alt="App screenshot" width="3000" height="1442"
-                     alt="App screenshot" width="3000" height="1442"
                        class="w-[76rem] rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10">
                </a>
            </div>
@@ -103,14 +116,16 @@
                            <span class="font-bold text-white text-base leading-7">3</span>
                            <p class="text-base leading-7 text-gray-300 flex-1">
                                Versucht den Wettbewerb mit eurem eigenen Code zu bestreiten.
-                            Ihr könnt euch im Internet inspirieren lassen, aber es macht mehr Spaß, eure eigenen Ideen zu entwickeln ;)
+                                Ihr könnt euch im Internet inspirieren lassen, aber es macht mehr Spaß, eure eigenen
+                                Ideen zu entwickeln ;)
                            </p>
                        </div>
                        <div class="mt-2 pr-12 pt-6 flex flex-row gap-4">
                            <span class="font-bold text-white text-base leading-7">4</span>
                            <p class="text-base leading-7 text-gray-300 flex-1">
-                            Die Wertungsphase beginnt um 22 Uhr und dauert 30 Minuten. Der Bot, der am längsten überlebt,
+                                Die Wertungsphase beginnt um 22 Uhr und dauert 30 Minuten. Der Bot, der am längsten
+                                überlebt,
                                gewinnt die Runde. Nichtteilnahme an einer Runde gibt Minuspunkte.
                            </p>
                        </div>
@@ -122,14 +137,32 @@
        </div>
    </section>
-<footer class="bg-gray-900 flex flex-col gap-1 md:flex-row md:justify-between md:gap-3 text-sm leading-7 text-gray-400 px-6 py-4 max-w-7xl mx-auto pt-8 sm:pt-16 md:pt-20 lg:pt-40">
+    <section id="prot">
+        <div class="bg-gray-900">
+            <div class="mx-auto max-w-7xl px-6 py-6 sm:py-16 lg:px-8 lg:py-20">
+                <div class="mx-auto max-w-4xl flex flex-row">
+                    <div class="flex items-center gap-x-6 md:mb-20">
+                        <a href="/protocol.html"
+                            class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">
+                            TCP Protokoll
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer
+        class="bg-gray-900 flex flex-col gap-1 md:flex-row md:justify-between md:gap-3 text-sm leading-7 text-gray-400 px-6 py-4 max-w-7xl mx-auto pt-8 sm:pt-16 md:pt-20 lg:pt-40">
        <div>
            <p>FOSS AG der TU Dortmund, 2023</p>
        </div>
        <div class="flex flex-row gap-4">
            <a href="https://fsinfo.cs.tu-dortmund.de/impressum" class="text-gray-400 hover:text-gray-300">Impressum</a>
-        <a href="https://fsinfo.cs.tu-dortmund.de/datenschutz/start" class="text-gray-400 hover:text-gray-300">Datenschutz</a>
+            <a href="https://fsinfo.cs.tu-dortmund.de/datenschutz/start"
+                class="text-gray-400 hover:text-gray-300">Datenschutz</a>
        </div>
    </footer>
 </body>
 </html>
\ No newline at end of file
--- a/index.pre.css
+++ b/index.pre.css
@@ -5,3 +5,45 @@
 html, body {
    @apply bg-gray-900;
 }
+.plainhtml p {  
+        @apply mt-0.5
+    }
+.plainhtml h1 { 
+        @apply pt-2 pb-1 font-semibold text-2xl 
+    }
+.plainhtml h2 { 
+        @apply pt-2 pb-1 font-semibold text-xl 
+    }
+.plainhtml h3 { 
+        @apply pt-2 pb-1 font-semibold text-lg 
+    }
+.plainhtml h4 {
+        @apply pt-2 pb-1 font-semibold text-base 
+    }
+.plainhtml hr {
+        @apply pt-2 pb-1 
+    }
+.plainhtml ul {
+        @apply list-disc pl-6
+    }
+.plainhtml ol {
+        @apply list-decimal pl-11
+    }
+.plainhtml hr {
+      @apply my-2
+    }
+.plainhtml table {
+      @apply table-auto border-slate-300 border
+    }
+.plainhtml tr, th {
+      @apply border-slate-300 border
+    }
+.plainhtml td {
+      @apply border-slate-300 border px-2
+    }
+code {
+      @apply bg-gray-800
+}
\ No newline at end of file
--- a/protocol.html
+++ b/protocol.html