Frontend work

src/templates/header.html

@@ -5,9 +5,9 @@
     <title>Jake Charman</title>
     <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="style/mobile.css" />
-    <link rel="stylesheet" href="style/desktop.css" />
-    <link rel="stylesheet" href="fonts/fontawesome/css/all.min.css" />
+    <link rel="stylesheet" href="/style/mobile.css" />
+    <link rel="stylesheet" href="/style/desktop.css" />
+    <link rel="stylesheet" href="/fonts/fontawesome/css/all.min.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 </head>

src/templates/projects.html

@@ -1,2 +1,19 @@
 {% include 'header.html' %}
+    <main>
+        <h2>Projects</h2>
+        <p>A selection of projects I've worked on.</p>
+        <section id="projects">
+            {% for row in articles %}
+            <div class="project">
+                {% if row.get('link') is not none %}
+                <a href="{{ row.link }}"><h2>{{ row.title }}</h2></a>
+                {% else %}
+                <a href="./{{ row.get('categpry', '.') }}/{{ row.id }}"><h2>{{ row.title }}</h2></a>
+                {% endif %}
+                <p class="article-description">{{ row.description }}</p>
+                <p class="article-date">{{ row.date | human_date }}</p>
+            </div>
+            {% endfor %}
+        </section>
+    </main>
 {% include 'footer.html' %}