some design changes and new post

_config.yml

@@ -86,42 +86,6 @@ email: "info@chaotikum.org"
 # disqus: "alembic-1" # Blog post comments, uncomment the option and set the site ID from your Disqus account
 twitter_username: Chaotikum_eV
 
-nav_header:
-  - title: Home
-    subfolder:
-      - page: Home
-        url: /
-  - title: Blog
-    subfolder:
-      - page: Blog
-        url: /blog/
-      - page: Presse
-        url: /press/
-  - title: Projekte
-    subfolder:
-      - page: Projekte
-        url: /projects/
-  - title: Verein
-    subfolder:
-      - page: Verein
-        url: /verein/
-      - page: Hackerspace
-        url: /nobreakspace/
-      - page: Leitbild
-        url: /leitbild/
-  - title: Veranstaltungen
-    subfolder:
-      - page: Veranstaltungen
-        url: /events/
-  - title: Suche
-    subfolder:
-      - page: Suche
-        url: /search/
-  - title: Wiki
-    subfolder:
-      - page: Wiki
-        url: http://chaotikum.org/start
-
 # 8. Site navigation
 navigation_header:
   Blog: /blog/

_includes/nav-header.html

-<!--{% if site.navigation_header %}
-<nav class="nav  nav--header">
-  <button class="button  button--nav" aria-label="Nav toggle">
-    {% include icon.html id="nav" %}
-  </button>
-  <ul class="list  list--nav">
-    {% for item in site.navigation_header %}
-
-      {% if item[1] contains '://' %}
-      {% assign url = item[1] %}
-      {% else %}
-      {% assign url = item[1] | relative_url %}
-      {% endif %}
-
-      <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
-        <a href="{{ url }}">{{ item[0] }}</a>
-      </li>
-    {% endfor %}
-  </ul>
-</nav>
-{% else %}
-  {% include nav-default.html %}
-{% endif %} -->
-
-{% if site.nav_header %}
+{% if site.navigation_header %}
 <nav class="nav  nav--header">
   <button class="button  button--nav" aria-label="Nav toggle">
     {% include icon.html id="nav" %}

_includes/site-aside.html

@@ -7,13 +7,16 @@
 
     {% elsif page.layout == "verein" or page.layout == "press" %}
     <section class="section  section--description">
+      <p>{% include space-status.html %}</p>
+      <h3> Chaotikum </h3>
       {% include vereinnavigation.html %}
+      <h3>Twitter</h3>
+      {% twitter https://twitter.com/chaotikum_ev  maxwidth=500 limit=5 %}
     </section>
 
 
     {% elsif page.layout == "page" or page.layout == "home" or page.layout == "blog" or page.layout == "frontpage"%}
-    <section class="section  section--description">
-      <h3>Nbsp</h3>
+    <section class="section  section--description blogasside">
       <p>{% include space-status.html %}</p>
       <h3>Über uns</h3>
       <p>{{ site.description }}</p>

_includes/space-status.html

@@ -11,17 +11,17 @@ function spaceopen() {
     console.log(data);
     if(data.open) {
       console.log("OPEN");
-      $("#spaceopen").css( "border", "3px solid green" );
-      $("#spaceopen").html("<p>Der nbsp ist offen!</p></center>");
+      //$("#spaceopen").css( "border", "3px solid green" );
+      $("#spaceopen").html("<div style='float:left'><img src='{{ site.baseurl }}/assets/open.png' width='35'></div>Der nbsp ist offen!<a href='http://status.nobreakspace.org/' target='_blank'>Status</a>");
     } else {
       console.log("CLOSED");
-      $("#spaceopen").css( "border", "3px solid red" );
-      $("#spaceopen").html("<p>Der nbsp ist geschlossen!</p>");
+      //$("#spaceopen").css( "border", "3px solid red" );
+      $("#spaceopen").html("<div style='float:left'><img src='{{ site.baseurl }}/assets/closed.png' width='35'></div>Der nbsp ist geschlossen!<br><div style='text-align: right;'><a href='http://status.nobreakspace.org/' target='_blank' style='color: #EAEAEA;'>Status</a></div>");
     }
   });
 }
 </script>
 
 <div id="spaceopen">
-
+  <p>Bitte aktiviere Javascript</p></center>
 </div>

_layouts/blog.html

@@ -15,7 +15,7 @@ layout: default
 				{{ collectiondata.description | markdownify }}
 
 			{% else %}
-			
+
 				{{ content }}
 
 			{% endif %}

_layouts/hackerspace.html

@@ -8,7 +8,7 @@ layout: default
 
 	<div class="content">
 
-    <article class="article  article--page  typeset">
+    <article class="article  article--page  hackerspacetext typeset">
 
   		{{ content }}
 

_layouts/post.html

@@ -6,7 +6,7 @@ layout: default
 
 <main class="main  container">
 
-	<article class="article  article--post  content  typeset">
+	<article class="article  article--post  blogpost content  typeset">
 
     <h1>{{ page.title }}</h1>
 		{% include post-meta.html %}
@@ -19,6 +19,7 @@ layout: default
 
   </article>
 
+
 	{% if page.aside == true %}{% include site-aside.html %}{% endif %}
 
 </main>

_posts/blog/2017-09-05-34-softwerkskammer.markdown

@@ -15,8 +15,6 @@ tags:
 
 In der [Einladung](https://www.softwerkskammer.org/activities/34_swk_luebeck) ließt man:
 
-***In den letzten Jahren hat sich in der Softwareentwicklung der Trend weg von langen Release Zyklen mit manuellen Testphasen hin zu kurzen Auslieferung Intervallen entwickelt. Um diese Bewegung technisch und organisatorisch zu ermöglichen, braucht es vor allem eines: Automatisierung. Dies gilt sowohl für die Qualitätssicherung als auch für den eigentlichen Auslieferungsprozess.
-
-Um Auslieferungsartefakte automatisiert zu erstellen gibt es mit Continuous Integration Systemen wie bspw. Jenkins seit langem etablierte Lösungen. Wenn es allerdings darum geht, die gesamte Wertschöpfungskette von der Idee bis zur Produktion zu unterstützen, fehlt es diesen jedoch häufig an Ganzheitlichkeit. Gitlab und Rancher sind zwei Werkzeuge mit deren Hilfe die Erstellung von Software von der initialen Idee bis zur Überwachung des Features in Produktion alles abgedeckt ist.***
+>In den letzten Jahren hat sich in der Softwareentwicklung der Trend weg von langen Release Zyklen mit manuellen Testphasen hin zu kurzen Auslieferung Intervallen entwickelt. Um diese Bewegung technisch und organisatorisch zu ermöglichen, braucht es vor allem eines: Automatisierung. Dies gilt sowohl für die Qualitätssicherung als auch für den eigentlichen Auslieferungsprozess. <br><br>Um Auslieferungsartefakte automatisiert zu erstellen gibt es mit Continuous Integration Systemen wie bspw. Jenkins seit langem etablierte Lösungen. Wenn es allerdings darum geht, die gesamte Wertschöpfungskette von der Idee bis zur Produktion zu unterstützen, fehlt es diesen jedoch häufig an Ganzheitlichkeit. Gitlab und Rancher sind zwei Werkzeuge mit deren Hilfe die Erstellung von Software von der initialen Idee bis zur Überwachung des Features in Produktion alles abgedeckt ist.
 
 Freut euch also auf einen Überblick über die Tool-Landschaft in der Softwerkskammer am 7. September im [Nobreakspace](http://chaotikum.org/hackerspace:nbsp) in der Mengstraße 6 ab 19:00 Uhr.

_posts/blog/2017-09-12-feinstaubsensor-selbstgebaut.markdown

@@ -22,6 +22,6 @@ Nicht zuletzt durch Dieselgate und erfolgreiche Klagen ist die Frage der Umweltv
 
 Es mag kaum verwundern, dass es Stuttgarter waren, die sich gefragt haben ob dies eine ausreichende Messgrundlage ist und die beschlossen ihre eigene Feinstaubmessung zu initiieren. Das Open Lab erklärt seitdem unter [luftdaten.info](http://luftdaten.info/) wie jeder der möchte sich selbst einen Feinstaubsensor bauen kann der ebenfalls PM2,5 und PM10 erfasst und die Werte auf eine gemeinsame Karte mit Feinstaubsensorwerten anderer Teilnehmer befüllen kann, sei es nun zu Überprüfung der offiziellen Werte oder als Ergänzung.
 
-Für Lübeck sieht die Karte noch etwas leer aus, dass wollen wir nun ändern. Wer möchte kann also an diesem Freitag ab 20:00 Uhr im [Nobreakspace](http://chaotikum.org/hackerspace:nbsp) ein eigenes Set erwerben und zusammenbauen, das ganze ist verhältnismäßig einfach und es sind keine Programmierkenntnisse notwendig.
+Für Lübeck sieht die Karte noch etwas leer aus, dass wollen wir nun ändern. Wer möchte kann also am Freitag den 15. September 2017 ab 20:00 Uhr im [Nobreakspace](http://chaotikum.org/hackerspace:nbsp) ein eigenes Set erwerben und zusammenbauen, das ganze ist verhältnismäßig einfach und es sind keine Programmierkenntnisse notwendig.
 
 Das Chaotikum hat einige Sets erworben und gibt sie zum Selbstkostenpreis von 35 € weiter. Bitte schreibt mir, wenn ihr ein Set kaufen wollt unter tvluke@chaotikum.org, damit ich genügend Sets vorbereiten kann.

_posts/blog/2017-09-19-freitalk-n8-workshop-fuer-die-magische-welt-des-3d-drucken.markdown

+---
+layout: post
+title:  "Freitalk N8: Workshop für die magische Welt des 3D Drucken"
+date:   2017-09-19 10:00:00 +0200
+image: lakriz.png
+comments: true
+categories:
+- blog
+tags:
+- 3ddrucker
+- event
+eventdate: 2017-09-22 20:00:00 +0200
+feature_image: http://chaotikum.org/_media/undefined:3ddrucker.jpg
+frontpage: true
+---
+**Oder: wie man eine glorifizierte Heißklebepistole bedient.**
+
+Wie funktioniert ein 3D Drucker? Was kann man damit bauen? Was nicht? Am Freitag, den 22. September 2017, wollen wir euch zeigen wie man mit diesen wunderbaren Maschinen umgeht, wie man mit der Hardware umgeht und wie ihr die Software Cura bedient.
+
+Zudem möchten wir euch die verschiedenen Druckmaterialen vorstellen, und zum Schluss noch ein paar nette Tricks und Tipps präsentieren. Wir freuen uns auf rege Teilnahme.
+
+Der Talk findet in der Reihe [Freitalk N8](http://chaotikum.org/projekte:freitalk) am Freitag den 22.09.2017 um 20:00 im [Nobreakspace](http://chaotikum.org/hackerspace:nbsp) statt.

_sass/_normalize.scss

@@ -17,6 +17,7 @@ html {
 
 body {
   margin: 0;
+  background-color: rgb(200,200,200);
 }
 
 /* HTML5 display definitions
@@ -43,6 +44,47 @@ summary { /* 1 */
   display: block;
 }
 
+.blogpost,
+.hackerspacetext,
+.impressumtext {
+  background-color: #ffffff;
+  padding-left: 5%;
+  padding-right: 5%;
+  margin-top: -80px;
+  border-top: 5px;
+  border-style: solid;
+  border-color: #e67206;
+}
+
+.aside {
+    background-color: #ffffff;
+    border-top: 5px;
+    border-style: solid;
+    border-color: #e67206;
+    padding-left: 2%;
+    padding-right: 2%;
+}
+
+@media (min-width: 650px) {
+  .aside {
+    margin-top: -80px;
+  }
+}
+
+#spaceopen {
+  background-color: #fafafa;
+  padding: 2%;
+  text-align: center;
+}
+
+#spaceopen:a {
+  background-color: #ff0000;
+  text-align: left;
+}
+
+.share {
+  margin-top: 20px;
+}
 /**
  * Add the correct display in IE 9-.
  */

_sass/_settings.scss

 // Background colours
-$backgroundColour: #ffffff;
+$backgroundColour: #fafafa;
 $codeBackgroundColour: #f4f4f4;
 $featureBackgroundColour: #eeeeee;
 $accentColour: #eeeeee;

_sass/_syntax.scss

-.hll { background-color: #ffffcc }
+.hll { background-color: #aaaaaa }
 .c { color: #999988; font-style: italic } /* Comment */
 .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 .k { color: #000000; font-weight: bold } /* Keyword */

impressum.md

@@ -3,6 +3,9 @@ feature_image: "/assets/blog.jpg"
 permalink: /impressum/
 ---
 
+<article class="article impressumtext typeset">
+
+
 <h2>Kontakt</h2>
 
 <h3>Sitz</h3>
@@ -106,3 +109,4 @@ Da viele der Eingebundenen Dienste Javascript nutzen, können Sie solche Vorkomn
 <h2>Rechtswirksamkeit dieses Haftungsausschlusses</h2>
 
 Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.
+</article>