From e1fde15fe382c00747227741a4a7606ab0622e7f Mon Sep 17 00:00:00 2001
From: Lukas Ruge <lukeslog@googlemail.com>
Date: Thu, 21 Sep 2017 14:31:38 +0200
Subject: [PATCH] some design changes and new post
---
_config.yml | 36 ----------------
_includes/nav-header.html | 26 +-----------
_includes/site-aside.html | 7 +++-
_includes/space-status.html | 10 ++---
_layouts/blog.html | 2 +-
_layouts/hackerspace.html | 2 +-
_layouts/post.html | 3 +-
.../2017-09-05-34-softwerkskammer.markdown | 4 +-
...9-12-feinstaubsensor-selbstgebaut.markdown | 2 +-
...-die-magische-welt-des-3d-drucken.markdown | 22 ++++++++++
_sass/_normalize.scss | 42 +++++++++++++++++++
_sass/_settings.scss | 2 +-
_sass/_syntax.scss | 2 +-
impressum.md | 4 ++
14 files changed, 87 insertions(+), 77 deletions(-)
create mode 100644 _posts/blog/2017-09-19-freitalk-n8-workshop-fuer-die-magische-welt-des-3d-drucken.markdown
diff --git a/_config.yml b/_config.yml
index cb882bbd..83931100 100644
--- a/_config.yml
+++ b/_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/
diff --git a/_includes/nav-header.html b/_includes/nav-header.html
index 68763c80..ffe608d9 100644
--- a/_includes/nav-header.html
+++ b/_includes/nav-header.html
@@ -1,28 +1,4 @@
-<!--{% 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" %}
diff --git a/_includes/site-aside.html b/_includes/site-aside.html
index 6aedc996..1ff7db97 100644
--- a/_includes/site-aside.html
+++ b/_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>
diff --git a/_includes/space-status.html b/_includes/space-status.html
index 45c4c4df..1819816e 100644
--- a/_includes/space-status.html
+++ b/_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>
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 8568373c..505ab037 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -15,7 +15,7 @@ layout: default
{{ collectiondata.description | markdownify }}
{% else %}
-
+
{{ content }}
{% endif %}
diff --git a/_layouts/hackerspace.html b/_layouts/hackerspace.html
index 1b531827..24a5d043 100644
--- a/_layouts/hackerspace.html
+++ b/_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 }}
diff --git a/_layouts/post.html b/_layouts/post.html
index 0d66f35d..00ca331a 100644
--- a/_layouts/post.html
+++ b/_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>
diff --git a/_posts/blog/2017-09-05-34-softwerkskammer.markdown b/_posts/blog/2017-09-05-34-softwerkskammer.markdown
index a1c01ef9..29ec743e 100644
--- a/_posts/blog/2017-09-05-34-softwerkskammer.markdown
+++ b/_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.
diff --git a/_posts/blog/2017-09-12-feinstaubsensor-selbstgebaut.markdown b/_posts/blog/2017-09-12-feinstaubsensor-selbstgebaut.markdown
index 7687b0cd..7b95c82e 100644
--- a/_posts/blog/2017-09-12-feinstaubsensor-selbstgebaut.markdown
+++ b/_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.
diff --git a/_posts/blog/2017-09-19-freitalk-n8-workshop-fuer-die-magische-welt-des-3d-drucken.markdown b/_posts/blog/2017-09-19-freitalk-n8-workshop-fuer-die-magische-welt-des-3d-drucken.markdown
new file mode 100644
index 00000000..4733717c
--- /dev/null
+++ b/_posts/blog/2017-09-19-freitalk-n8-workshop-fuer-die-magische-welt-des-3d-drucken.markdown
@@ -0,0 +1,22 @@
+---
+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.
diff --git a/_sass/_normalize.scss b/_sass/_normalize.scss
index 18ddf7fe..bf25c949 100644
--- a/_sass/_normalize.scss
+++ b/_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-.
*/
diff --git a/_sass/_settings.scss b/_sass/_settings.scss
index 2522ef07..8d9ce2de 100644
--- a/_sass/_settings.scss
+++ b/_sass/_settings.scss
@@ -1,5 +1,5 @@
// Background colours
-$backgroundColour: #ffffff;
+$backgroundColour: #fafafa;
$codeBackgroundColour: #f4f4f4;
$featureBackgroundColour: #eeeeee;
$accentColour: #eeeeee;
diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss
index dc60655f..70beb829 100644
--- a/_sass/_syntax.scss
+++ b/_sass/_syntax.scss
@@ -1,4 +1,4 @@
-.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 */
diff --git a/impressum.md b/impressum.md
index f873f28e..f53fe593 100644
--- a/impressum.md
+++ b/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>
--
GitLab