Use calendar data in website

6 files changed, 42 insertions, 53 deletions

diff --git a/public/css/sublab.calendar.css b/public/css/sublab.calendar.css
new file mode 100644
index 0000000..10cd70f
--- /dev/null
+++ b/public/css/sublab.calendar.css
@@ -0,0 +1,34 @@
+.calendar-listing>p {
+    white-space: pre-wrap;
+    cursor: pointer;
+    position: relative;
+    display: block;
+    margin: 2px 0 0 0;
+    padding: 0.5em 0.2em 0.5em 0.7em;
+    min-height: 0;
+    background-color: rgb(49,52,55);
+    background: linear-gradient(
+        rgb(55,58,60),
+        rgb(49,52,55) 60%,
+        rgb(45,48,50)
+    );
+    min-width: 0;
+    border-radius: 0.4em;
+}
+
+.calendar-listing .date {
+    font-size: 0.8em;
+}
+
+.calendar-head .name:before {
+    content: '\A';
+}
+
+.calendar-listing .name {
+    font-weight: bold;
+}
+
+.calendar-listing>div {
+    margin: 2px 0 0 0;
+    padding: 0.5em 0.2em 0.1em 0.7em;
+}
diff --git a/scripts/calendar_plugin.py b/scripts/calendar_plugin.py
index fdc1283..8463ec1 100644
--- a/scripts/calendar_plugin.py
+++ b/scripts/calendar_plugin.py
@@ -30,7 +30,7 @@ class CalendarPlugin:
 
     def _get_calendar_head(self):
         return self.template_env.get_template('calendar.j2').render({
-            'events': self.events[:4],
+            'events': self.events[:7],
             'class': 'calendar-head'
         }).encode('utf-8')
 
diff --git a/template/calendar.j2 b/template/calendar.j2
index 0e5a10c..1e3efeb 100644
--- a/template/calendar.j2
+++ b/template/calendar.j2
@@ -5,7 +5,7 @@
       {{- event.start.strftime('%d. %B %Y').decode('utf-8') }} - {{ event.end.strftime('%d. %B %Y').decode('utf-8') }}
     {%- else %}{{ event.start.strftime('%d. %B %Y, %H:%M Uhr').decode('utf-8') }}
     {%- endif -%}
-     </span><span class="name">{{ event.name }}</span></p>
+     </span> <span class="name">{{ event.name }}</span></p>
   <div>
     <p>{{ event.description|default('Keine Beschreibung',true) }}</p>
   </div>
diff --git a/template/pages/index/content.html b/template/pages/index/content.html
index 18b0871..13976f3 100644
--- a/template/pages/index/content.html
+++ b/template/pages/index/content.html
@@ -57,9 +57,9 @@ Die breite Unterstützung verschiedener Zugänge zu Technik das erklärte Ziel d
 	</div>
 	<div class="col-sm-4">
 <h2>
-	Neues
+	N&auml;chste Termine
 </h2>
-$latest_news
-<p><a href="/neues" class="btn btn-primary btn-default">alle News &raquo;</a></p>
+$calendar_head
+<p><a href="/termine" class="btn btn-primary btn-default">mehr &raquo;</a></p>
 	</div>
 </div>
diff --git a/template/pages/termine/content.html b/template/pages/termine/content.html
index 757d462..ab2c051 100644
--- a/template/pages/termine/content.html
+++ b/template/pages/termine/content.html
@@ -10,54 +10,8 @@
 </div>
 </div>
 <div class="row">
-<div class="col-md-4">
-<h2>
-	Schrottrobotersumo
-</h2>
-<p>
-Am Mittwoch den 26. August findet im sublab das erste Leipziger <a href="/hebocon">Schrottrobotersumo</a> statt. Basteln bis die Finger bluten!
-</p>
-<h2>
-	CryptoParty-Reihe 2015
-</h2>
-<p>
-Die Cryptoparties des <a href="https://privatsphaere-leipzig.org/" target="blank">Bündnis Privatsphäre Leipzig</a> im ersten Halbjahr 2015 – die Teilnahme ist kostenfrei – werden jeweils an den folgenden Mittwochabenden, ab 19 Uhr im sublab stattfinden:
-</p>
-<ul>
-	<li>15. April: Beobachte mich nicht – Sicheres Surfen und Anonymisierung im Internet</li>
-	<li>7. bis 10. Mai: CryptoCon15 <a href="/cryptocon15" class="btn btn-primary btn-xs">Mehr Infos</a>	
-	<li>10. Juni: Das können wir selber – Alternative Soziale Netzwerke und Buttsysteme</li>
-</ul>
-<!--<h2>
-	Aktuelle Termine
-</h2>
-<p>
-	<br/>
-	Aktuelle findest du in unserem <a href="/wiki/Termine">Wiki</a>.
-	</p> -->
-</div>
-<div class="col-md-4">
-<h2>
-	Regelmäßige Veranstaltungen
-</h2>
-	<p>
-	<b>Jede Woche</b><br>
-	jeden Donnerstag - ab 18 Uhr - <a href="/wiki/techniksprechstunde">Techniksprechstunde</a> &ndash; reparieren statt wegwerfen </a><br>
-	jeden Donnerstag - ab 20 Uhr - <a href="http://leipzig.freifunk.net/">Freifunk Leipzig Treff</a><br>
-	jeden Samstag - ab 20 Uhr - <a href="/wiki/Phantomspeisung/">Phantomspeisung</a> &ndash; vegan essen<br>
-	</p>
-
-	<p>
-	<b>Zweimal bis Dreimal monatlich</b><br>
-  zweiter und vierter Mittwoch - ab 19 Uhr - <a href="/elektronikrunde">Elektronikrunde</a> &ndash; AVR bis Zener<br>
-	erster, dritter und fünfter Dienstag - ab 19 Uhr <a href="http://privatsphaere-leipzig.org">Bündnis für Privatsphäre Leipzig</a>
-	</p>
-
-	<p>
-	<b>Einmal monatlich</b><br>
-	erster Freitag - ab 19 Uhr - Offenes Plenum vom sublab<br>
-  letzter Freitag - ab 20 Uhr - Open Lab Day<br>
-	</p>
+<div class="col-md-8">
+$calendar
 </div>
 <div class="col-md-4">
 	<a href="img/hallway.jpg"><img class="img-responsive" src="img/hallway_klein.jpg" alt="Unser Flur mit Buero, Lager, Hacklab."></a>
diff --git a/template/template/template.html b/template/template/template.html
index 37985cd..9331fa9 100644
--- a/template/template/template.html
+++ b/template/template/template.html
@@ -19,6 +19,7 @@
 
 		<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css">
 		<link rel="stylesheet" href="/css/sublab.bootstrap.css" type="text/css">
+		<link rel="stylesheet" href="/css/sublab.calendar.css" type="text/css">
 		<link rel="stylesheet" href="/css/sublab.status.css" type="text/css">
 		<link rel="stylesheet" href="/css/stream.status.css" type="text/css">
 		<link rel="shortcut icon" href="/img/favicon.png">