improve look and feel

web_dev/sas_web/meingoethopia/static/meingoethopia/css/index.css

@@ -0,0 +1,26 @@
+ul.meinlinks {
+    margin: 0.75em 0;
+    padding: 0 1em;
+    list-style: none;
+}
+ul.meinlinks li:before { 
+    content: "";
+    border-color: transparent #111;
+    border-style: solid;
+    border-width: 0.35em 0 0.35em 0.45em;
+    display: block;
+    height: 0;
+    width: 0;
+    left: -1em;
+    top: 0.9em;
+    position: relative;
+}
+
+ul.meinlinks a, ul.meinlinks a:visited {
+    text-decoration: none;
+    color: #9F2D17;
+}
+
+ul.meinlinks a:hover {
+    color: #48140a;
+}

web_dev/sas_web/meingoethopia/templates/meingoethopia/index.html

@@ -1,9 +1,17 @@
 {% extends "public/default.html" %}
+{% load static %}
 
 {% block content %}
-<p>Mein Goethopia!</p>
+<link rel="stylesheet" type="text/css" href="{% static "meingoethopia/css/index.css" %}">
+<p>Du möchtest einen Betrieb anmelden? Oder eine Partei gründen? Vielleicht sogar als Präsidentin
+kandidieren?</p>
+
+<p>Dann bist du hier genau richtig!</p>
+
+<ul class="meinlinks">
+    <li><a href="{% url "meingoethopia:betrieb_new" %}">Betrieb anmelden</a></li>
+    <li><a href="{% url "meingoethopia:partei_new" %}">Partei gründen</a></li>
+    <li><a href="{% url "meingoethopia:praesident_werden" %}">Als Präsidentin aufstellen lassen</a></li>
+</ul>
 
-<p><a href="{% url "meingoethopia:betrieb_new" %}">Betrieb anmelden</a></p>
-<p><a href="{% url "meingoethopia:partei_new" %}">Partei gründen</a></p>
-<p><a href="{% url "meingoethopia:praesident_werden" %}">Als Präsidentin aufstellen lassen</a></p>
 {% endblock %}