Zobrazování aktualit

content/aktuality/_index.md

@@ -0,0 +1,3 @@
++++
++++
+

content/aktuality/ipsum.md

@@ -0,0 +1,16 @@
++++
+title = "Lorem Ipsum"
+date = 2021-02-03
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas semper dapibus dui vel tristique. Fusce mauris magna, dapibus eget tortor a, condimentum fermentum lacus. Aliquam erat volutpat.
+
+<!-- more -->
+
+Aliquam erat volutpat. Nullam sit amet libero feugiat lorem pharetra tincidunt nec vel tellus. Pellentesque purus ligula, scelerisque a dolor in, sagittis mattis diam. Suspendisse pharetra, augue eu aliquam aliquam, erat lectus dignissim dui, vel tempus ex nisl vel turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed orci nisl, facilisis non luctus vel, laoreet id quam. In vel consequat elit. Aenean eu egestas mi. Aliquam tempus eleifend dictum.
+
+Sed et molestie sem. Proin aliquet tortor non risus feugiat pellentesque. Sed ullamcorper volutpat mauris. Nam tincidunt augue libero, sed tempus ex maximus non. Phasellus fermentum, odio id pellentesque interdum, nibh tellus aliquam nulla, hendrerit dignissim ex est nec lectus. Pellentesque sem lorem, molestie vel molestie eu, viverra vel est. Cras vel erat vitae orci dignissim iaculis non id dolor. Pellentesque ac nulla sem. Pellentesque fermentum leo sapien, id imperdiet velit lacinia eget.
+
+Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus posuere nulla sed massa porta pretium vitae sit amet risus. Duis maximus rhoncus vestibulum. Aenean tempor sapien augue. Donec nec risus placerat magna imperdiet eleifend. Nullam massa risus, egestas at justo tristique, rhoncus volutpat purus. Fusce sit amet pretium justo. Morbi facilisis sapien quis augue aliquet laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum consequat nulla a accumsan ullamcorper. Aliquam ultricies vel ex ullamcorper tincidunt. Sed sed maximus erat, aliquam efficitur velit.
+
+Quisque fermentum scelerisque turpis, sed pellentesque quam lobortis et. Aliquam ultricies nec velit mollis blandit. Mauris convallis leo et hendrerit commodo. Praesent mollis, nunc at molestie pulvinar, augue ligula fermentum purus, consequat dictum justo odio sit amet arcu. Nullam non semper tellus, et accumsan tortor. Phasellus imperdiet odio nec velit semper, quis ornare massa lacinia. Integer dictum justo non augue feugiat interdum. Sed ac tempor elit, nec porta eros. Nulla posuere libero nec lectus consequat sagittis. In nec orci orci. Cras eu mauris id risus fermentum rhoncus. Quisque vitae vehicula turpis. In tortor metus, scelerisque euismod sodales id, ultricies eu ligula. Duis non imperdiet sem. Curabitur ultricies velit non eros mollis, id tempor neque egestas.

content/aktuality/lorem.md

@@ -0,0 +1,16 @@
++++
+title = "Lorem Ipsum"
+date = 2021-02-03
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas semper dapibus dui vel tristique. Fusce mauris magna, dapibus eget tortor a, condimentum fermentum lacus. Aliquam erat volutpat.
+
+<!-- more -->
+
+Aliquam erat volutpat. Nullam sit amet libero feugiat lorem pharetra tincidunt nec vel tellus. Pellentesque purus ligula, scelerisque a dolor in, sagittis mattis diam. Suspendisse pharetra, augue eu aliquam aliquam, erat lectus dignissim dui, vel tempus ex nisl vel turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed orci nisl, facilisis non luctus vel, laoreet id quam. In vel consequat elit. Aenean eu egestas mi. Aliquam tempus eleifend dictum.
+
+Sed et molestie sem. Proin aliquet tortor non risus feugiat pellentesque. Sed ullamcorper volutpat mauris. Nam tincidunt augue libero, sed tempus ex maximus non. Phasellus fermentum, odio id pellentesque interdum, nibh tellus aliquam nulla, hendrerit dignissim ex est nec lectus. Pellentesque sem lorem, molestie vel molestie eu, viverra vel est. Cras vel erat vitae orci dignissim iaculis non id dolor. Pellentesque ac nulla sem. Pellentesque fermentum leo sapien, id imperdiet velit lacinia eget.
+
+Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus posuere nulla sed massa porta pretium vitae sit amet risus. Duis maximus rhoncus vestibulum. Aenean tempor sapien augue. Donec nec risus placerat magna imperdiet eleifend. Nullam massa risus, egestas at justo tristique, rhoncus volutpat purus. Fusce sit amet pretium justo. Morbi facilisis sapien quis augue aliquet laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum consequat nulla a accumsan ullamcorper. Aliquam ultricies vel ex ullamcorper tincidunt. Sed sed maximus erat, aliquam efficitur velit.
+
+Quisque fermentum scelerisque turpis, sed pellentesque quam lobortis et. Aliquam ultricies nec velit mollis blandit. Mauris convallis leo et hendrerit commodo. Praesent mollis, nunc at molestie pulvinar, augue ligula fermentum purus, consequat dictum justo odio sit amet arcu. Nullam non semper tellus, et accumsan tortor. Phasellus imperdiet odio nec velit semper, quis ornare massa lacinia. Integer dictum justo non augue feugiat interdum. Sed ac tempor elit, nec porta eros. Nulla posuere libero nec lectus consequat sagittis. In nec orci orci. Cras eu mauris id risus fermentum rhoncus. Quisque vitae vehicula turpis. In tortor metus, scelerisque euismod sodales id, ultricies eu ligula. Duis non imperdiet sem. Curabitur ultricies velit non eros mollis, id tempor neque egestas.

sass/main.scss

@@ -1,6 +1,11 @@
 @import "minireset";
 @import "fonts";
 
+a {
+	text-decoration: none;
+	color: inherit;
+}
+
 body {
 	min-height: 100vh;
 	display: flex;
@@ -42,11 +47,7 @@ header {
 		ul {
 			display: flex;
 
-			a {
-				text-decoration: none;
-				color: inherit;
-				padding: .9rem;
-			}
+			a { padding: .9rem }
 		}
 	}
 
@@ -92,6 +93,43 @@ main {
 		line-height: 1.5;
 		margin: 1em 0;
 	}
+
+	.blocks {
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr;
+		grid-column-gap: 1rem;
+
+		article {
+			padding: 1em;
+			border-top: 5px solid #5E81AC;
+
+			&:hover {
+				box-shadow: 0px 1px 9px #00000033;
+			}
+
+			.title {
+				font-weight: bold;
+				font-size: 1.3em;
+				margin: .5em 0;
+			}
+
+			.date {
+				display: block;
+				width: 100%;
+				text-align: right;
+				font-size: 0.8em;
+				color: #81A1C1;
+			}
+		}
+	}
+
+	.aktuality {
+		grid-template-columns: 1fr 1fr;
+	}
+
+	.centering {
+		text-align: center;
+	}
 }
 
 footer {
@@ -141,8 +179,6 @@ div.rambotron {
 				display: block;
 				padding: 1.1rem;
 				margin: 0 1rem;
-				color: inherit;
-				text-decoration: none;
 
 				&:hover {
 					background-color: #2E3440;

templates/index.html

@@ -11,5 +11,11 @@
 {% endblock extra %}
 
 {% block content %}
-	{{ section.content | safe }}
+	<section>
+		<h1 class="centering">Aktuality</h1>
+		<div class="blocks aktuality">
+			{% set section = get_section(path="aktuality/_index.md") %}
+			{{ macro::list_posts(section=section) }}
+		</div>
+	</section>
 {% endblock content %}

templates/macros.html

@@ -7,3 +7,15 @@
 		</ul>
 	{% endif %}
 {% endmacro list_items %}
+
+{% macro list_posts(section) %}
+	{% for post in section.pages %}
+		<a href="{{ post.permalink }}">
+			<article>
+				<div class="title">{{ post.title }}</div>
+				<p>{{ post.summary | safe }}</p>
+				<div class="date">{{ post.date | date(format="%d.%m.%Y")}}</div>
+			</article>
+		</a>
+	{% endfor %}
+{% endmacro list_posts %}

templates/page.html

@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<h1>{{ page.title }}</h1>
+	{{ page.content | safe }}
+{% endblock content %}