added global variables for translated strings

themes/varia/templates/article.html

@@ -20,6 +20,27 @@
     {% endfor %}
 </header>
 
+{% set glob={} %}
+{% if article.translations %}
+	{% for translation in article.translations %}
+		{% if translation.lang == 'nl' %}
+			{% set _ = glob.update({'published_at': 'Published at '}) %}
+			{% set _ = glob.update({'translate_article': 'Lees dit artikel in het Nederlands'}) %}
+			{% set _ = glob.update({'related_to': ' relating to '}) %}
+			{% set _ = glob.update({'translation_url': translation.url}) %}
+			{% set _ = glob.update({'written_by': 'Written by '}) %}
+		{% endif %}
+		{% if translation.lang == 'en' %}
+			{% set _ = glob.update({'published_at': 'Gepubliceerd op '}) %}
+			{% set _ = glob.update({'translate_article': 'Read this article in English'}) %}
+			{% set _ = glob.update({'related_to': ' gerelateerd aan '}) %}
+			{% set _ = glob.update({'translation_url': translation.url}) %}
+			{% set _ = glob.update({'written_by': 'Geschreven door '}) %}
+		{% endif %}
+	{% endfor %}
+{% endif %}
+
+
 <section id="content" class="body h-entry">
 	<div class="entry-title p-name">
 		{{ article.title }}
@@ -38,40 +59,40 @@
 		</div>
 		<div class="event-details">
 			{% if article.event_start %}
-				<div>{{ article.event_start }}</div>
+				<div class="article-event-start">{{ article.event_start }}</div>
-			{% else %}
-				<div>Published: {{ article.date | strftime('%d %B %Y') }}</div>
 			{% endif %}
+			<div>{{ glob.published_at }} {{ article.date | strftime('%d %B %Y') }}</div>	
 		</div>
 		<div class="post-info">
-			<a style="visibility:hidden;" rel="author" class="p-author h-card">{{article.author}}</a>
+			<div class="article-authors">
-			<time class="dt-published" datetime="{{article.date}}"></time>
+				{% if article.author %}
-			<a class="u-url" href="{{article.url}}"></a>
+					{{ glob.written_by }} 
+					{{ article.author }}
+				{% endif %}
+			</div>
+			<a style="visibility:hidden;" rel="author" class="p-author h-card">{{ article.author }}</a>
+			<time class="dt-published" datetime="{{ article.date }}"></time>
+			<a class="u-url" href="{{ article.url }}"></a>
 			{% if article.category %}
 			<span class="categories">
 				<span itemprop="articleSection">
-					<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
+					<a href="/category{{ article.category.url }}" rel="category">{{ article.category }}</a>
 				</span>
 			</span>
 			{% endif %}
-			{% if article.translations %}
-				<span class="article-translation">
-				{% for translation in article.translations %}
-					{% if translation.lang == 'nl' %}<a href="{{ translation.url }}">Lees dit artikel in het Nederlands</a>
-					{% endif %}
-					{% if translation.lang == 'en' %}<a href="{{ translation.url }}">Read this article in English</a>
-					{% endif %}
-				{% endfor %}
-				</span>
-			{% endif %}
 			{% if article.tags %}
 	            <span class="tags">
-	                relating to {% for tag in article.tags %}
+	                {{ glob.related_to }} 
+	                {% for tag in article.tags %}
 		                <span itemprop="keywords">
 		                    <a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
-	                </span> {% endfor %}
+		                </span> 
+	                {% endfor %}
 	            </span>
             {% endif %}
+			<div class="article-translation">
+				<a href="{{ glob.translation_url }}">{{ glob.translate_article }}</a>
+			</div>
 		</div>
 	</div>
 <div class="entry-content-container">

themes/varia/templates/index.html

@@ -10,13 +10,30 @@
         {% endif %}
     {% endfor %}
 </header>
+
+{% set glob={} %}
+
+{% if DEFAULT_LANG == 'nl' %}
+    {% set _ = glob.update({'published_at': 'Gepubliceerd op '}) %}
+    {% set _ = glob.update({'related_to': ' gerelateerd aan '}) %}
+    {% set _ = glob.update({'written_by': 'Geschreven door '}) %}
+    {% set _ = glob.update({'read_more': 'lees meer '}) %}
+{% endif %}
+{% if DEFAULT_LANG == 'en' %}
+    {% set _ = glob.update({'published_at': 'Published at '}) %}
+    {% set _ = glob.update({'related_to': ' relating to '}) %}
+    {% set _ = glob.update({'written_by': 'Written by '}) %}
+    {% set _ = glob.update({'read_more': 'read more'}) %}
+{% endif %}
+
 {% block content_title %}
 {% endblock %}
+
 {% if articles_page.has_other_pages() %}
     {% include 'pagination.html' %}
 {% endif %}
-<div id="post-list">
 
+<div id="post-list">
 {% for article in articles_page.object_list %}
     {% set thumb_size = '/thumb' %}
     {% if article.category %}       
@@ -32,26 +49,22 @@
             {% if article.category == 'article' %}
                 {% set thumb_size = '/thumb2x' %}
             {% endif %}
-            {% if article.category == 'documentation' %}
-                {% set thumb_size = '/thumb2x' %}
-            {% endif %}
         {% endif %}
 
     <article class="hentry {{article.category}}{{event_status}}">
     {% endif %}
         <div class="article-info">
-            <span class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
+            <span class="entry-title"><a href="/{% if article.lang == 'en' %}en/{% endif %}{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
             {% if article.event_start %}
                 <div class="event-details">
                     {{ article.event_start  | strftime('%d %B %Y') }}
-                    <!-- {% set event_status = '' %} -->
                 </div>
             {% else %}
                 <div class="event-details"></div>
             {% endif %}
             <div class="featured-image {{event_status}}">
                 {% if article.featured_image %}
-                    <a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
+                    <a href="/{% if article.lang == 'en' %}en/{% endif %}{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
                         {% if article.featured_image.endswith('.gif') %}
                             {% set thumb_size =''%}
                         {% endif %}
@@ -63,11 +76,11 @@
         </div>
    
         <div class="summary {{ article.category }}">{{ article.summary }}
-            <span>
+            <span class="read_more">
                 {% if DEFAULT_LANG == 'en' %}
-                    <a href="/en/{{ article.url }}">read more</a>
+                    <a href="/en/{{ article.url }}">{{ glob.read_more }}</a>
                 {% elif DEFAULT_LANG == 'nl' %}
-                    <a href="/{{ article.url }}">lees meer</a>
+                    <a href="/{{ article.url }}">{{ glob.read_more }}</a>
                 {% endif %}
             </span>
         </div>
@@ -76,13 +89,14 @@
             {% if article.category %}
                 <span class="categories">
                     <span itemprop="articleSection">
-                        <a href="/{{ article.category.url }}" rel="category">{{ article.category }}</a>
+                        <a href="/category{{ article.category.url }}" rel="category">{{ article.category }}</a>
                     </span>
                 </span>
             {% endif %} 
             {% if article.tags %}
                 <span class="tags">
-                    relating to {% for tag in article.tags %}
+                    {{ glob.related_to }}
+                    {% for tag in article.tags %}
                     <span itemprop="keywords">
                         <a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
                     </span> {% endfor %}