home: intro text and become member section

content/_index.de.md

@@ -6,5 +6,19 @@ headerImage: headers/home.jpg
 headerStats: true
 ---
 
+StuStaNet ist eine Organization in der Studentenstadt Freimann welche ein Computer-Netzwerk betreibt, das die Studentenstadt sowie das Wohnheims Max-Bill-Straße an das Internet anbindet. Das Netzwerk wird ausschließlich von Freiwilligen betrieben und hat ca. {{< users >}} Nutzer.
+
+## Mitglied werden
+
+Während wir einige Dienste allen Bewohnern der Studentenstadt Freimann und des Max-Bill Wohnheims bereitstellen, sind einige Dienste ausschließlich unseren Mitgliedern vorbehalten.
+
+Eine Mitgliedschaft, welche die Nutzung aller unserer Dienste erlaubt, steht allen Bewohnern der Studentenstadt Freimann und des Max-Bill Wohnheims offen.
+
+
+Du möchtest Mitglied im StuStaNet werden um all unsere Dienste zu nutzen?
+
+
+<a class="button" href="https://reg.stusta.de/">Registrieren</a>
+
 ### Nächste Sprechstunden
 {{% officehours %}}

content/_index.en.md

@@ -6,5 +6,19 @@ headerImage: headers/home.jpg
 headerStats: true
 ---
 
+StuStaNet is an association in the Studentenstadt Freimann that operates a computer network connecting the Studentenstadt as well as the dormitory Max-Bill-Straße 67 to the Internet. The network operated entirely by volunteers and has about {{< users >}} users.
+
+## Become a Member
+
+While we provide some services to all residents of the Studentenstadt Freimann and the Max-Bill dormitory, some services are exclusively for our members.
+
+Membership, allowing to use all of our services, is open to all residents of the Studentenstadt Freimann and the Max-Bill dormitory.
+
+
+You want to become a StuStaNet member in order to use our services?
+
+
+<a class="button" href="https://reg.stusta.de/">Register</a>
+
 ### Next Office Hours
 {{% officehours %}}

static/css/main.css

@@ -568,6 +568,19 @@ a:hover, a:active {
     text-decoration: underline;
 }
 
+a.button {
+    display: inline-block;
+    border: 2px solid #1b54ac;
+    border-radius: 6px;
+    padding: 6px;
+}
+
+a.button:hover {
+    background-color: #1b54ac;
+    color: #fff;
+    text-decoration: none;
+}
+
 #main {
     margin-top: 30px;
 }