et up baseic structure for homepage/blog with Zola

1 files changed, 81 insertions, 0 deletions

diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..d883a57
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,81 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="home">
+	<section id="home-blurb">
+		{{ section.content | safe }}
+	</section>
+
+	<ul class="subsections">
+		{% for sub in section.subsections %}
+		  {% set s = get_section(path=sub) %}
+			<li><a href="{{s.permalink | safe}}">{{ s.title }}</a></li>
+			<ul class="post-list">
+				{% for post in s.pages %}
+					<article>
+						<header class="post-header">
+							<h1 class="post-title">
+								<a href="{{ post.permalink | safe }}">
+									{{ post.title }}
+								</a>
+							</h1>
+							<div class="post-meta">
+								{{ post.date }}
+								{% if post.taxonomies["tags"] | length > 0 %}
+									<ul class="post-tags">
+										{% for tag in post.taxonomies["tags"] %}
+											<li class="tag">{{ tag }}</li>
+										{% endfor %}
+									</ul>
+								{% endif %}
+							</div>
+						</header>
+						<section class="post-summary">
+							{{ post.summary | safe }}
+						</section>
+						<footer>
+							{% if post.content | length > post.summary | length %}
+								<a href="{{ post.permalink }}">
+									{% if post.lang == 'en' %}More...{% else %}Les mer...{% endif %}
+								</a>
+							{% endif %}
+						</footer>
+					</article>
+				{% endfor %}
+			</ul>
+		{% endfor %}
+	</ul>
+  <section id="stream">
+    <ul class="post-list">
+      {% for post in section.pages %}
+        <article>
+					<header class="post-header">
+						<h1 class="post-title"><a href="{{ post.permalink }}">{{ post.title }}</a></h1>
+						<div class="post-meta">
+							{{ post.date }}
+							{% if post.taxonomies["tags"] | length > 0 %}
+							  <ul class="post-tags">
+								  {% for tag in post.taxonomies["tags"] %}
+								    <li class="tag">{{ tag }}</li>
+								  {% endfor %}
+							  </ul>
+							{% endif %}
+						</div>
+					</header>
+          <section class="post-summary">
+            {{ post.summary | safe }}
+          </section>
+          <footer>
+            {% if post.content | length > post.summary | length %}
+              <a href="{{ post.permalink }}">
+                {% if post.lang == 'en' %}More...{% else %}Les mer...{% endif %}
+              </a>
+            {% endif %}
+          </footer>
+        </article>
+      {% endfor %}
+    </ul>
+  </section>
+
+</div>
+{% endblock content %}