start work moving to serene theme

templates/projects.html

@@ -0,0 +1,48 @@
+{% extends "_base.html" %}
+
+{% block page %}projects{% endblock page%}
+{% block lang %}{% if section.extra.lang %}{{ section.extra.lang }}{% else %}{{ section.lang }}{% endif %}{% endblock lang %}
+{% block title %}{{ section.title }}{% endblock title %}
+{% block desc %}
+  <meta name="description" content="{{ section.description }}">
+{% endblock desc %}
+
+{% block content %}
+{% include "_header.html" %}
+<div id="wrapper">
+  <main>
+    {% set data = load_data(path="content" ~ section.path ~ "data.toml", format="toml") %}
+    {% for proj in data.project %}
+    <div class="proj">
+      <div class="meta">
+        <div class="name">{{ proj.name }}</div>
+        <div class="tags">
+          {% for tag in proj.tags %}
+          <div><span>#</span>{{ tag }}</div>
+          {% endfor %}
+        </div>
+        <div class="links">
+          {% for link in proj.links -%}
+          <a href="{{ link.url }}" target="_blank" rel='noreferrer noopener'>
+            <span>[</span>{{ link.name }}<span>]</span>
+          </a>
+          {% endfor %}
+        </div>
+      </div>
+      <div class="tags-narrow">
+        {% for tag in proj.tags %}
+        <div><span>#</span>{{ tag }}</div>
+        {% endfor %}
+      </div>
+      <div class="content">
+        <div class="desc">{{ proj.desc | trim | markdown | safe }}</div>
+        {% if proj.img %}
+        <img src="{{ proj.img }}" alt="{{ proj.name }}" />
+        {% endif %}
+      </div>
+    </div>
+    {% endfor %}
+  </main>
+  {% include "_footer.html" -%}
+</div>
+{% endblock content %}