project archive first try

_includes/project-archive.html

+<div id="wrapper">
+<div class="container">
+	<div class="row">
+			{% assign sorted_projects = (site.projects | sort: 'date') %}
+			{% for project in sorted_projects reversed %}
+			    	<div class="box">
+			    	  <p>
+			    		{% if project.image != "/assets/default-social-image.png" %}
+			    			<img src="{{ site.baseurl }}/images/thumbnails/{{ project.image }}" alt="">
+			    		{% endif %}
+		    			<h2><a href="{{ site.baseurl }}{{ project.url }}">{{ project.title }}</a></h2>
+		    			{{ project.short | markdownify | truncatewords: 20 }}
+		    		  </p>
+		    		</div>
+				{% endif %}
+			{% endfor %}
+	</div>
+</div>
+</div>

_layouts/projects.html

@@ -24,7 +24,7 @@ layout: default
 
     {% include project-list.html %}
 
-		<a href="http://chaotikum.org/projekte:unsere_projekte">Weitere Projekte in unserem Wiki.</a>
+		<a href="https://chaotikum.org/projects/archive">Alle Projekte finden sich im Archiv.</a>
   </div>
 
   {% if page.aside == true %}{% include site-aside.html %}{% endif %}

_layouts/projectsarchive.html

+---
+layout: default
+---
+
+{% include site-header.html %}
+
+<main class="main  container">
+
+	<div class="content">
+
+    <article class="article  article--page  typeset">
+
+			{% if paginator.projects %}
+				{% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}
+				{{ collectiondata.description | markdownify }}
+
+			{% else %}
+				<h1>{{ page.title }}</h1>
+				{{ content }}
+
+			{% endif %}
+
+    </article>
+
+    {% include project-archive.html %}
+
+		<a href="http://chaotikum.org/projekte:unsere_projekte">Weitere Projekte in unserem Wiki.</a>
+  </div>
+
+  {% if page.aside == true %}{% include site-aside.html %}{% endif %}
+
+</main>
+
+{% include site-footer.html %}

assets/projects.css

@@ -32,6 +32,13 @@ columns {
 	margin: 0;
 }
 
+.box {
+		display: inline-block;
+  	padding: 20px;
+  	border: 1px solid #ccc;
+  	border-radius: 5px;
+}
+
 @media (min-width: 960px) {
 	#columns {
 		-webkit-column-count: 4;

projectarchive.md

+---
+layout: projectsarchive
+permalink: projects/archive/
+collectionpage: projects
+aside: false
+---