From e7cdc8daa962e3ed79c4d1f399b808c3cbde894b Mon Sep 17 00:00:00 2001
From: Andrea Leone <git@leone.gdn>
Date: Wed, 21 Feb 2024 20:05:15 +0100
Subject: [PATCH] Add jobs page (#255)

---
 _includes/navbar.html |  3 +++
 jobs.html             | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 jobs.html

diff --git a/_includes/navbar.html b/_includes/navbar.html
index 3b876a1..c0731d8 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -25,6 +25,9 @@
         <li class="nav-item">
           <a class="nav-link" aria-current="page" href="/events">Events</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" aria-current="page" href="/jobs">Jobs</a>
+        </li>
         <li class="nav-item">
           <a class="nav-link" aria-current="page" href="/retreat">Retreat v{{site.RETREAT_EDITION}}</a>
         </li>
diff --git a/jobs.html b/jobs.html
new file mode 100644
index 0000000..fb4a387
--- /dev/null
+++ b/jobs.html
@@ -0,0 +1,41 @@
+---
+layout: site_base
+title: Jobs
+description: Job offers from the Speck&Tech community
+---
+
+<div>
+  <div class="container">
+    <div class="row">
+      <div class="col-12 d-flex align-items-center my-4">
+        <a href="/">S&amp;T</a> <span class="mx-2 d-inline-block">/</span>
+        <h1>{{ page.title }}</h1>
+      </div>
+    </div>
+  </div>
+  <div class="container">
+    <div class="row py-5">
+      <div class="col-12 offset-lg-2 col-lg-8 text-lg">
+        <p class="mt-3">
+          Here are the latest job offers coming from our dear sponsors. We are constantly updating this page with new opportunities, so make sure to check it out regularly.
+        </p>
+      </div>
+    </div>
+    <div class="row mt-4 mb-5 pb-5">
+      <div class="col-12">
+        {% for post in site.job_offers reversed %}
+          <article class="{% if forloop.first %}first{% elsif forloop.last %}last{% else %}middle{% endif %}">
+            <div class="article-head">
+              <p class="date">{{ post.date | date: "%b %d, %Y" }}</p>
+              <h3 class="title">
+                <a href="{{ post.url | remove_first:'/events' }}" class="js-pjax">{{ post.title }}</a>
+              </h3>
+            </div>
+          </article>
+          {% if forloop.last == false %}
+          <hr />{% endif %}
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</div>