Merge branch 'event-buttons' into 'main'

Startknopf

See merge request foss-ag/hackatron.de!1

index.html

@@ -9,10 +9,6 @@
     <link rel="stylesheet" href="./index.css">
 
     <title>HackaTRON - FOSS AG</title>
-
-
-    <!-- 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. ">
 
@@ -72,16 +68,19 @@
                         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">
-                        <a href="https://tickets.hackatron.de"
+                        <a href="https://gitlab.fachschaften.org/foss-ag/hackatron-wrapper"
                             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">
-                            Tickets
+                            Code zum Loslegen
+                    </a>
+                    <a href="https://dashboard.hackatron.de" class="text-sm font-semibold leading-6 text-white">
+                        Zum Spielfeld <span aria-hidden="true">→</span>
                         </a>
                     </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">
-                <a href="#spielfeld" class="block max-w-3xl flex-none sm:max-w-5xl lg:max-w-none">
+                <a href="https://dashboard.hackatron.de" class="block max-w-3xl flex-none sm:max-w-5xl lg:max-w-none">
                     <img src="/assets/screenshot.png" alt="App screenshot" width="3000" height="1442"
                         class="w-[76rem] rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10">
                 </a>
@@ -137,6 +136,21 @@
         </div>
     </section>
 
+    <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>