Každý software má vlastní stránku

content/software/hangouts.md

@@ -1,4 +1,5 @@
 +++
+template = "software.html"
 title = "Google Hangouts"
 description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor faucibus dapibus. Aliquam maximus nulla at viverra auctor. Sed vestibulum urna eget est sagittis vulputate."
 [extra]

content/software/jitsi.md

@@ -1,4 +1,5 @@
 +++
+template = "software.html"
 title = "Jitsi"
 description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor faucibus dapibus. Aliquam maximus nulla at viverra auctor. Sed vestibulum urna eget est sagittis vulputate."
 [extra]

content/software/skype.md

@@ -1,4 +1,5 @@
 +++
+template = "software.html"
 title = "Skype"
 description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor faucibus dapibus. Aliquam maximus nulla at viverra auctor. Sed vestibulum urna eget est sagittis vulputate."
 [extra]

content/software/zoom.md

@@ -1,4 +1,5 @@
 +++
+template = "software.html"
 title = "Zoom"
 description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor faucibus dapibus. Aliquam maximus nulla at viverra auctor. Sed vestibulum urna eget est sagittis vulputate."
 [extra]

sass/style.scss

@@ -118,6 +118,12 @@ main {
 		margin-top: 2.75em;
 	}
 
+	section img {
+		max-width: 100%;
+
+		&.logo { max-height: 5em; }
+	}
+
 	section.meta {
 		display: flex;
 		align-items: center;

templates/page.html

@@ -18,7 +18,7 @@
 		<section class="software">
 		{% for program in section.pages %}
 			<div class="program">
-				<img src="/software/{{ program.extra.logo }}" alt="{{ program.title }}">
+				<a href="{{ program.permalink }}"><img src="/software/{{ program.extra.logo }}" alt="{{ program.title }}"></a>
 				<p>{{ program.description }}</p>
 				{% if program.extra.positive and program.extra.negative %}
 				<div>

templates/software.html

@@ -0,0 +1,9 @@
+{% extends "index.html" %}
+
+{% block content %}
+	<section>
+		<img src="{{ "../"~page.extra.logo }}" alt="{{ page.extra.logo }}" class="logo">
+		<p>{{ page.description }}</p>
+		{{ page.content | safe }}
+	</section>
+{% endblock %}