Add "our work" boxes to homepage

_case_studies/central_coop.md

@@ -0,0 +1,14 @@
+---
+client_name: Central Coop
+project_name: World Builders Board Game
+coops:
+  - Creative Coop
+services:
+  - Branding & Creative Content
+  - Game Design
+links:
+  - https://www.creative.coop/work/world-builders
+logo: CreativeCoop-CentralCoop.png
+---
+
+We created World Builders with Central Co-op: a classroom board game that teaches the UN Global Goals through play. We led mechanics, identity and all printed assets, working with educators to keep it accessible for primary pupils. The game sparks discussion and turns complex ideas into memorable, practical actions.

_case_studies/fuel_poverty_action.md

@@ -0,0 +1,20 @@
+---
+client_name: Fuel Poverty Action
+project_name: Comms consultancy and web bulid
+coops:
+  - Data Content Reach
+services:
+  - Web Development
+  - Discovery & Design Sprint
+  - UX Research & Design
+  - Branding & Creative Content
+  - Digital Marketing & SEO
+  - Analytics & Performance Insights
+  - Co-op & Organisational Development
+  - Content Strategy
+links:
+  - https://www.fuelpovertyaction.org.uk/
+logo: DataContentReach-FuelPovertyAction.png
+---
+
+As lead technical partner for LocalGov Drupal, the UK local government publishing platform created by councils for councils, we have worked since 2020 with an expanding network of councils and agencies to deliver a collaborative, code-sharing approach that accelerates development, improves quality, and reduces costs across local government website projects.

_case_studies/localgov_drupal.md

@@ -0,0 +1,19 @@
+---
+client_name: Open Digital Cooperative
+project_name: LocalGov Drupal
+coops:
+  - Agile Collective
+services:
+  - Web Development
+  - Discovery & Design Sprint
+  - UX Research & Design
+  - Branding & Creative Content
+  - Digital Marketing & SEO
+  - Analytics & Performance Insights
+  - Co-op & Organisational Development
+links:
+  - https://localgovdrupal.org/
+logo: AgileCollective-ODC.png
+---
+
+As lead technical partner for LocalGov Drupal, the UK local government publishing platform created by councils for councils, we have worked since 2020 with an expanding network of councils and agencies to deliver a collaborative, code-sharing approach that accelerates development, improves quality, and reduces costs across local government website projects.

_case_studies/mapped.md

@@ -0,0 +1,15 @@
+---
+client_name: Mapped
+project_name: Mapped
+coops:
+  - Common Knowledge
+services:
+  - App Development
+  - Complex Data Integration
+  - UX Research & Design
+links:
+  - https://mapped.tools/
+logo: CommonKnowledge-Mapped.png
+---
+
+When your membership data lives in a spreadsheet, it’s hard to see where your power really is. Who’s close enough to turn out for an action? Where are your strongest areas — and where do you need to grow? That’s why we built Mapped — a digital platform made by and for grassroots organisers. Mapped turns static membership lists into live, shared maps that help you see where your people are, plan strategically and take collective action. You don’t need to be a tech expert — just connect your existing membership database or upload a spreadsheet. Mapped instantly visualises your data on an interactive map.

_case_studies/nook.md

@@ -0,0 +1,17 @@
+---
+client_name: The Energy Saving Trust
+project_name: Nook
+coops:
+  - Outlandish
+services:
+  - Web Development
+  - Discovery & Design Sprint
+  - CRM Solution
+  - UX Research & Design
+links:
+  - https://nookcrm.com/
+  - https://outlandish.com/project/nook-crm/
+logo: Outlandish-Nook.png
+---
+
+Nook is a case management tool for the community energy sector. Co-designed with energy advisors themselves, it helps teams to manage client information, organise their case workflow and speed up their reporting. Nook is built on top of CiviCRM, a popular open-source solution.

_config.yml

@@ -9,6 +9,8 @@ exclude:
 - vendor
 - .idea
 collections:
+  case_studies:
+    output: true
   coops:
     title: Coops
     output: true

_includes/our_work.html

@@ -0,0 +1,53 @@
+<section class="stack">
+  <h2>Our work</h2>
+
+  <p class="intro">Digital creative and cooperative work in action.</p>
+
+  <div class="grid">
+    {% for c in site.case_studies %}
+    <div class="box stack work">
+      <div class="box">
+        <img src="/assets/img/case_studies/{{ c.logo }}" />
+      </div>
+      <div class="grid">
+        <div>
+          <h4 class="work__title">Client name</h4>
+          <p>{{ c.client_name }}</p>
+        </div>
+        <div>
+          <h4 class="work__title">Coops involved</h4>
+          <ul class="services">
+            {% for coop in c.coops %}
+            <li>{{ coop }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+        <div>
+          <h4 class="work__title">Project name</h4>
+          <p>{{ c.project_name }}</p>
+        </div>
+        <div>
+          <h4 class="work__title">Services offered</h4>
+          <ul class="services">
+            {% for service in c.services %}
+            <li>{{ service }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+      <div>
+        <h4 class="work__title">Key deliverables or outcomes</h4>
+        <p>{{ c.content }}</p>
+      </div>
+      <div>
+        <h4 class="work__title">Links</h4>
+        <ul class="services">
+          {% for link in c.links %}
+          <li><a href="{{ link }}">{{ link }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</section>

assets/css/app.css

@@ -325,6 +325,11 @@ section, footer, header {
   }
 }
 
+.work__title {
+  margin-block-end: var(--space-xs);
+  font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+}
+
 .header {
   display: flex;
   padding: var(--space-lg) var(--space-md);

index.html

@@ -32,6 +32,8 @@ layout: default
   <a class="btn" href="/hire">Hire our co-ops</a>
 </section>
 
+{% include our_work.html %}
+
 {% include our_members.html %}
 
 <section>