add a menu and improve readability

Add a menu with links to some sections. Tweak the CSS to make the
website a bit more readable.

1 files changed, 27 insertions, 32 deletions

diff --git a/templates/index.html b/templates/index.html
index 5c11ab3..cf3e4b3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,38 +1,33 @@
 {% extends "base.html" %}
 
 {%- block content -%}
-<section id="blog" class="times">
 
-{% if section.content %}
-<section id="introduction">
-  {{ section.content | safe }}
-</section>
-{% endif %}
-
-<h2>articles ⇢</h2>
-{%- set blog = get_section(path="blog/_index.md") -%}
-{%- set post_count = blog.pages | length -%}
-{%- for post in blog.pages %}
-<article>
-    <h3><a href="{{- post.path|safe -}}">{{- post.title -}}</a></h3>
-    <time datetime="{{ post.date | date(format="%+")}}">{{ post.date | date(format="%B %m, %Y")}}</time>
-</article>
-{%- endfor %}
-
-<h2>notes ⇢</h2>
-{%- set notes = get_section(path="notes/_index.md") -%}
-{%- set post_count = notes.pages | length -%}
-{%- for post in notes.pages %}
-<article>
-    <h3><a href="{{- post.path|safe -}}">{{- post.title -}}</a></h3>
-    <time datetime="{{ post.date | date(format="%+")}}">{{ post.date | date(format="%B %m, %Y")}}</time>
-</article>
-{%- endfor %}
-
-<h2>contact</h2>
-
-Email: <a href="mailto:franck@fcuny.net">franck@fcuny.net</a>
-
-</section>
+<div class="content">
+  <div id="blog" class="section times">
+    <b>articles ⇢</b>
+    {%- set blog = get_section(path="blog/_index.md") -%}
+    {%- set post_count = blog.pages | length -%}
+    <ul class="post-list">
+      {%- for post in blog.pages %}
+      <li>
+        <a href="{{ post.path | safe }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date(format="%B %d, %Y")}}</span>
+      </li>
+      {%- endfor %}
+    </ul>
+
+    <b>notes ⇢</b>
+    {%- set notes = get_section(path="notes/_index.md") -%}
+    {%- set post_count = notes.pages | length -%}
+    <ul class="post-list">
+      {%- for post in notes.pages %}
+      <li>
+        <a href="{{ post.path | safe }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date(format="%B %d, %Y")}}</span>
+      </li>
+      {%- endfor %}
+    </ul>
+  </div>
+</div>
 
 {%- endblock content -%}