dreckige tricks für hässliche dinge

_includes/media-in-list.html

@@ -12,6 +12,6 @@
 			{{ video.excerpt | strip_html | markdownify | truncatewords: 60 }}
 		</div>
 	</article>	
-	<div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; margin-bottom: 20px;">
+	<div class="dotted-line">
 	</div>
 </li>

_includes/post-list-article.html

 <li class="item  item--post">
 	<article class="article  article--post"> 	
 
+			{% if page.feature_image and page.feature_image_alt and counter > 0 -%}
+	        	{% if page.feature_image  contains '://' -%}
+	        		<a href="{{ site.baseurl }}{{ page.url }}"><img class="articlefeatureimage" src="{{page.feature_image}}" alt="{{page.feature_image_alt}}"/></a>
+	        	{% else -%}
+	        		<a href="{{ site.baseurl }}{{ page.url }}"><img class="articlefeatureimage" src="{{site.baseurl}}/images/thumbnails/{{page.feature_image}}" alt="{{page.feature_image_alt}}"/></a>
+	            {% endif -%}
+			{% endif -%}  	
+
 			{% include post-meta-top.html -%}
 		
-			<h2><a href="{{ site.baseurl }}{{ page.url }}" style="">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2>
+			<h2><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2>
 
 			{% include post-meta.html -%}
 			
@@ -12,6 +20,6 @@
 			</div>
 
 	</article>
-	<div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; background-color: transparent; margin-bottom: 20px;">
+	<div class="dotted-line">
 	</div>
 </li>
\ No newline at end of file

_includes/post-list-frontpage.html

 	<section class="section  typeset">
 		<ul class="list  list--posts">
+			{% assign counter = 0-%}
 			{% assign frontpage_articles = (site.posts | where: "frontpage" , "true") -%}
 			{% for page in frontpage_articles limit:10 -%}
 				{% include post-list-article.html -%}
+				{% assign counter = counter | plus:1 %}
 			{% endfor -%}
 		</ul>
 	</section>

_includes/post-list.html

 {% if paginator.posts -%}
 	<section class="section  typeset">
 		<ul class="list  list--posts">
+			{% assign counter = 0-%}
 			{% for page in paginator.posts -%}
 				{% include post-list-article.html -%}
+				{% assign counter = counter | plus:1 %}
 			{% endfor -%}
 		</ul>
 		{% include post-pagination.html -%}
@@ -10,8 +12,10 @@
 {% else -%}
 	<section class="section  typeset">
 		<ul class="list  list--posts">
+			{% assign counter = 0-%}
 			{% for page in site.posts -%}
 				{% include post-list-article.html -%}
+				{% assign counter = counter | plus:1 %}
 			{% endfor -%}
 		</ul>
 	</section>

_includes/post-pagination.html

 <nav class="nav  nav--paginator">
 
   {% if paginator.previous_page %}
-    <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination  pagination--previous">&larr; Previous</a>
+    {% capture prev_url %}{{ paginator.previous_page_path | replace: '.html', '' }}{% endcapture -%}
+    <a href="{{ site.baseurl }}{{prev_url}}" class="pagination  pagination--previous">&larr; neuer</a>
   {% else %}
-    <span class="pagination  pagination--previous">&larr; Previous</span>
+    <span class="pagination  pagination--previous">&larr; neuer</span>
   {% endif %}
 
   <span class="pagination  pagination--counter">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
 
   {% if paginator.next_page %}
-    <a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination  pagination--next">Next &rarr;</a>
+    {% capture next_url %}{{ paginator.next_page_path | replace: '.html', '' }}{% endcapture -%}
+
+    <a href="{{ site.baseurl }}{{next_url}}" class="pagination  pagination--next">älter &rarr;</a>
   {% else %}
-    <span class="pagination  pagination--next">Next &rarr;</span>
+    <span class="pagination  pagination--next">älter &rarr;</span>
   {% endif %}
 
 </nav>

_includes/project-list.html

@@ -28,11 +28,11 @@
 						<h2><a href="{{ site.baseurl }}{{ project.url }}">{{ project.name | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2>
 						      {% if project.image -%}
         						{% if project.image  contains '://' -%}
-              						<div class=projectthumbnail style="background-image: url({{project.image}}); height: 200px; width: 100%; margin-right: auto; margin-left: auto;  margin-top: 10px;">
-              							</div>
+              						<a href="{{ site.baseurl }}{{ project.url }}"><div class=projectthumbnail style="background-image: url({{project.image}}); height: 200px; width: 100%; margin-right: auto; margin-left: auto;  margin-top: 10px;">
+              							</div></a>
         						{% else -%}
-              						<div class=projectthumbnail style="background-image: url({{site.baseurl}}/images/thumbnails/{{project.image}}); height: 200px; width: 100%; margin-right: auto; margin-left: auto;  margin-top: 10px;">
-              							</div>
+              						<a href="{{ site.baseurl }}{{ project.url }}"><div class=projectthumbnail style="background-image: url({{site.baseurl}}/images/thumbnails/{{project.image}}); height: 200px; width: 100%; margin-right: auto; margin-left: auto;  margin-top: 10px;">
+              							</div></a>
               					{% endif -%}
 							{% endif -%}  								
 						<small class="small post-meta">Letztes Update: <time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{lastUpdate}}</time></small>

_layouts/page.html

@@ -8,7 +8,7 @@ layout: default
 
 	<article class="article  article--page  content  typeset">
 
-    <h1>{{ page.title }}</h1>
+    <h1 class="articletitle">{{ page.title }}</h1>
 
     {{ content }}
 		

_layouts/post.html

@@ -11,7 +11,7 @@ layout: default
 	<article class="article  article--post  blogpost content  typeset">
 
 		{% include post-meta-top.html -%}
-    <h1>{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</h1>
+    <h1 class="articletitle">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</h1>
 		{% include post-meta.html -%}
 
 		{{ content }}

_posts/blog/2022-01-07-ffhl-jahresrueckblick.markdown

@@ -5,6 +5,8 @@ date:   2022-01-07 20:00:00 +0200
 comments: true
 uid: d1e316ed-374f-4978-ba20-d1ae6b5cb665
 image: "/images/projects/ffhl/jls_pano.jpg"
+feature_image: "https://chaotikum.org/images/projects/ffhl/jls_pano.jpg"
+feature_image_alt: "Überblick über die Stadt Lübeck bei sehr gutem Wetter"
 categories:
 - blog
 tags:

_posts/blog/2023-03-01-freitalk-lichtechnik.markdown → _posts/blog/2023-03-10-freitalk-lichtechnik.markdown

 ---
 layout: post
 title:  "Freitalk N8: Lichttechnik auf Veranstaltungen - Technologien, Protokolle und mehr."
-date:   2023-03-01 20:00:00 +0100
+date:   2023-03-10 20:00:00 +0100
 comments: true
 uid: 38a3c002-785c-4fa9-a212-967ec52b6ed3
 categories:

_posts/blog/2023-03-11-tag-des-offenen.hackspaces.md → _posts/blog/2023-03-15-tag-des-offenen.hackspaces.md

@@ -13,4 +13,4 @@ Am 25. März ist der internationale Tag des offenen Hackspaces. Auch in Lübeck.
 
 <!--more-->
 
-hier mehr Text
+Der Nobreakspace wird von 15:00 bis 20:00 Uhr geöffnet sein. 
\ No newline at end of file

_sass/_normalize.scss

@@ -6,7 +6,7 @@
  */
 
 html {
-  font-family: sans-serif; /* 1 */
+  font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
 }
@@ -27,15 +27,12 @@ h2 a {
   line-height: 1.5;
 }
 
-.chaotikum-about {
+.articletitle {
     font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
 }
 
-.teaser {
-  font-size: 1rem;
-  letter-spacing: .03em;
-  line-height: 1.5;
-  font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+.chaotikum-about {
+    font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
 }
 
 .chaotikum-description {
@@ -109,6 +106,15 @@ figcaption {
   vertical-align: top;
 }
 
+.dotted-line {
+  border-bottom: 1px dotted #000; 
+  height:1px; 
+  margin:0 auto; 
+  background-color: transparent; 
+  margin-top: 20px; 
+  margin-bottom: 20px;
+}
+
 .byline {
     font: italic small-caps bold;
 }
@@ -121,6 +127,14 @@ figcaption {
   color: #EFEFEF;
 }
 
+.articlefeatureimage {
+    aspect-ratio: 16/9;
+    width: 100%;
+
+    object-fit: cover;
+    object-position: left;
+}
+
 @media (min-width: 643px) {
   .aside {
     margin-top: -80px;
@@ -131,6 +145,21 @@ figcaption {
   .statusmobile {
     display: none;
   }
+  .teaser {
+    font-size: 1rem!important;
+    letter-spacing: .03em!important;
+    line-height: 1.5!important;
+    font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+  }
+  .articlefeatureimage {
+    display: none;
+  }
+}
+
+@media (max-width: 643px) {
+  .teaser {
+    font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+  }
 }
 
 #spaceopen {
@@ -388,7 +417,6 @@ button,
 input,
 select,
 textarea {
-  font: inherit; /* 1 */
   margin: 0; /* 2 */
 }
 

_sass/sassline-base/_typography.scss

@@ -49,12 +49,10 @@ a {
 //      background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$hoverColour 50%);
 //    }
 //  }
-
-  // Paragraphs. OpenType ligatures and oldstyle figures enabled if available.
+//
+//  // Paragraphs. OpenType ligatures and oldstyle figures enabled if available.
   p {
     @include baseline($fontsize: zeta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: all);
-
-    font-feature-settings: 'kern', 'onum', 'liga';
   }
 
   figure{