added html email and made site deployment ready | security fixes still needed

app/templates/index.html

@@ -1,7 +1,9 @@
 {% extends "base.html" %}
 
 {% block content %}
-  <div class="container">
+
+    <link rel="stylesheet" href="{{ url_for('static', filename='timeline.css') }}">
+    <div class="container">
     <h1>> Info</h1>
     <ul>
       <li>Date: 23.01.2026</li>
@@ -23,7 +25,44 @@
       <li>Teams will be finalized on site at the competition</li>
     </ul>
     <hr style="border-color: #333; margin: 30px 0;"></hr>
-    <a href="{{ url_for('main.rules') }}">Rules and further information</a>
+    <h1>> Timeline</h1>
+    <div class="timeline-container">
+      <div class="line"></div>
+      
+      <div class="items-wrapper">
+        <div class="item">
+          <div class="time">12:00</div>
+          <div class="dot"></div>
+          <div class="label">Entry<span>Setup & find team</span></div>
+        </div>
+
+        <div class="item">
+          <div class="time">13:00</div>
+          <div class="dot"></div>
+          <div class="label">Start of Event</div>
+        </div>
+
+        <div class="item">
+          <div class="time">~18:30</div>
+          <div class="dot"></div>
+          <div class="label">Pizza Time<span>Bring cash. <a href="https://lapergola.igetnow.com/menu" target="_blank">Menu</a></span></div>
+        </div>
+
+        <div class="item">
+          <div class="time">21:00</div>
+          <div class="dot"></div>
+          <div class="label">End of Event</div>
+        </div>
+
+        <div class="item">
+          <div class="time">21:15</div>
+          <div class="dot"></div>
+          <div class="label">Awards</div>
+        </div>
+      </div>
+    </div>
+    <hr style="border-color: #333; margin: 30px 0;"></hr>
+    <a href="{{ url_for('main.rules') }}" style="text-align: center;"><h3>Rules and Code of Conduct</h3></a>
 
   </div>
   <div class="container">