better structure and css

themes/default/static/css/main.css

@@ -93,6 +93,18 @@ a.fa {
 	text-decoration: none;
 }
 
+/* Liste */
+
+a.article_link {
+	text-decoration:none;
+	color:default;
+}
+
+a.article_link b {
+	font-size: 1.1em;
+	font-weight: bold;
+}
+
 /* Header */
 
 #header {

themes/default/templates/base.html

@@ -56,19 +56,9 @@ format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate"
         </ul>
     </nav>
 
-    <!-- Header -->
-	<header>
-    {% block header %}
-		{% if page and page.title %}
-			<h1>{{ page.title}}</h1>
-		{% endif %}
-    {% endblock %}
-	</header>
-
     <!-- Main content -->
     <main>
         {% block content %}
-			{{ page.content }}
         {% endblock %}
     </main>
 

themes/default/templates/liste.html

@@ -1,19 +1,19 @@
-{% extends "base.html" %}
+{% extends "page.html" %}
 
 {% block content %}
-	{{page.content}}
+	{{ super() }}
     <div class="padding"></div>
     <section>
 	<ol>
-	{% for letter, articles in articles | sortbyletter %}
+	{% for letter, arts in articles | sortbyletter %}
 		<li>
 			<span class="letter">{{letter}}</span>
 			<ol>
-				{% for article in articles %}
+				{% for article in arts %}
 					<li>
-						<a href="{{article.url}}">
-							<h4>{{ article.title }}</h4>
-							<p>{{ article.content | titleless | styleless }}</p>
+						<a class="article_link" href="{{article.url}}">
+							<b>{{ article.title }}</b>
+							<span>{{ article.content | titleless | styleless | begin }}</span>
 						</a>
 					</li>
 				{% endfor %}

themes/default/templates/page.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}    
+
+{% block title %}
+	{{ super() }} — {{ page.title }}
+{% endblock %}
+
+{% block content %}    
+	<h1>{{ page.title}}</h1>
+    {{ page.content}}    
+{% endblock %}