page and translations

theme/static/css/light.css

@@ -1,17 +1,38 @@
 /* Main colors */
 body {
-	color: #110;
+	color: #000;
 }
 
 body > * {
-	background: #110;
-	color: #EEF;
+	background: #000;
+	color: #FFF;
+}
+
+a {
+	color: #FFF;
+	text-decoration: underline;
+	font-style: none;
 }
 
 .main1 {
-	background: #DDE;
-	color: #110;
+	background: #FFF;
+	color: #000;
+	overflow: hidden;;
+}
+.main1 a {
+	color: #000;
 }
 .main2 {
-	background: #FFF;
+	margin: -1em;
+}
+.main3 {
+	margin: 0 1em;
+	padding: 1em 0;
+	background: #FFF;
+	box-shadow: 0 0 1em #000;
+}
+
+/* Page */
+.updated, .translations, .translation a {
+	color: #888;
 }

theme/static/css/main.css

@@ -16,8 +16,21 @@ body > * {
 }
 
 .main2 {
-	height: 100%;
+	height: calc(100%);
 }
 .main3 {
-	display: inline-block;
+	margin-left: 1em;
+	margin-right: 1em;
+	height: calc(100%);
+}
+
+/* page */
+.page_title {
+
+}
+.translations {
+	float: right;
+}
+.updated {
+	font-style: italic;
 }

theme/templates/page.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% block html_lang %}{{ page.lang }}{% endblock %}
+
+{% block title %}{{ SITENAME }} - {{ page.title }}{%endblock%}
+
+{% block head %}
+	{{ super() }}
+
+	{% import 'translations.html' as translations with context %}
+	{% if translations.entry_hreflang(page) %}
+		{{ translations.entry_hreflang(page) }}
+	{% endif %}
+{% endblock %}
+
+{% block content %}
+	<main>
+		<div class="page_title">
+			{% import 'translations.html' as translations with context %}
+			{{ translations.translations_for(page) }}
+			{{ page.title }}
+		</div>
+		{% if page.modified %}
+			<p style="updated">Zuletzt aktualisiert: {{ page.locale_modified }}</p>
+		{% endif %}
+
+		<article>
+			{{ page.content }}
+		</article>
+	</main>
+{% endblock %}

theme/templates/translations.html

@@ -0,0 +1,18 @@
+{% macro translations_for(article) %}
+	{% if article.translations %}
+		<div class="translations">
+			<a href="{{ SITEURL }}/{{ article.translations[0].url }}" hreflang="{{ article.translations[0].lang }}">{{ article.translations[0].lang }}</a>
+			{% for translation in article.translations[1:] %}
+				/ <a href="{{ SITEURL }}/{{ translation.url }}" hreflang="{{ translation.lang }}">{{ translation.lang }}</a>
+			{% endfor %}
+		</div>
+	{% endif %}
+{% endmacro %}
+
+{% macro entry_hreflang(entry) %}
+	{% if entry.translations %}
+		{% for translation in entry.translations %}
+			<link rel="alternate" hreflang="{{ translation.lang }}" href="{{ SITEURL }}/{{ translation.url }}">
+		{% endfor %}
+	{% endif %}
+{% endmacro %}