Content improvements

_includes/sections/our-services.html

@@ -1,6 +1,6 @@
-<div class=" mt6-ns mt5 mb4 mr5-l">
-  <div>
-  <h2>Our services</h2>
+<div class="flex justify-start lh-copy f3 mt6-ns mt5 mb4">
+  <div class="mr3">
+    <h2>Our services</h2>
   <p class="lh-copy f3 measure mt0">
     We provide embedded, end-to-end partnership at the executive level.
   </p>
@@ -10,10 +10,8 @@ <h2>Our services</h2>
     {% assign element = page.our_services%} {%
       for element in page.our_services %}
       <div class="w-30-l measure flex-column justify-left items-left tl pr4">
-        <h3 class="f3 accent">{{ element.title }}</h3>
-        <p class="f3 lh-copy">{{ element.description }}</p>
+        <h2 class="f2 accent mb1">{{ element.title }}</h3>
+        <p class="pb3 f3 lh-copy">{{ element.description }}</p>
       </div>
     {% endfor %}
-
-
 </div>

_includes/sections/project.html

@@ -8,20 +8,14 @@
       {% endif %}
     </div>
     <h2 class="f3 sans-serif accent">{{ project.title }}</h2>
+    <div class="f4">
+      {% if project.dripline_post %}
+        <a href='/dripline/{{ project.dripline_post }}' class='accent link underline-hover mb4'>Read the Dripline post</a>
+      {% endif %}
+    </div>
     <div class="mb2 f4 lh-copy" id="{{ project.title }}">
-      <div class="project-content" data-excerpt="{{ project.excerpt | escape }}" data-content="{% if project.content contains '<!-- more -->' %}{{ project.content | escape }}{% endif %}" data-case-study="{% if project.case_study %}{% assign practice_slug = '' %}{% for practice in index_page.what_we_do %}{% if practice.title == project.practice_area %}{% assign practice_slug = practice.slug %}{% endif %}{% endfor %}{% if practice_slug %}<a href='/{{ practice_slug }}/{{ project.case_study }}/' class='accent link underline-hover mb4'>Read the case study</a>{% endif %}{% endif %}" data-dripline-post="{% if project.dripline_post %}<a href='/dripline/{{ project.dripline_post }}' class='accent link underline-hover mb4'>Read the Dripline post</a>{% endif %}" data-toggled="false">
+      <div class="project-content" data-excerpt="{{ project.excerpt | escape }}" data-content="{% if project.content contains '<!-- more -->' %}{{ project.content | escape }}{% endif %}" data-toggled="false">
         {{ project.excerpt }}
-
-        {% unless project.content contains "<!-- more -->" %}
-          <div class="mt2">
-            {% if project.case_study %}
-              <a href='/{{ practice_slug }}/{{ project.case_study }}/' class='accent link underline-hover mb4'>Read the case study</a>
-            {% endif %}
-            {% if project.dripline_post %}
-              <a href='/dripline/{{ project.dripline_post }}' class='accent link underline-hover mb4'>Read the Dripline post</a>
-            {% endif %}
-          </div>
-        {% endunless %}
       </div>
       {% if project.content contains "<!-- more -->" %}
         <div class="mt2">
@@ -39,12 +33,10 @@ <h2 class="f3 sans-serif accent">{{ project.title }}</h2>
       const contentDiv = containerEl.previousElementSibling;
       const excerpt = contentDiv.dataset.excerpt;
       const content = contentDiv.dataset.content;
-      const caseStudyLink = contentDiv.dataset.caseStudy;
-      const driplineLink = contentDiv.dataset.driplinePost;
 
       let toggled = contentDiv.dataset.toggled === "true";
       if (!toggled) {
-        contentDiv.innerHTML = content + caseStudyLink + driplineLink;
+        contentDiv.innerHTML = content;
         toggleEl.innerHTML = "[read less]";
         contentDiv.dataset.toggled = "true";
         toggleEl.setAttribute("aria-expanded", "true");

_includes/sections/what-we-do.html

@@ -11,7 +11,15 @@ <h2>What we do</h2>
   {% assign sorted_elements = page.what_we_do | sort: 'order' %}
   {% for element in sorted_elements %}
     <div class="w-30-l measure flex-column justify-left items-left tl pr4">
-      <h2 class="f2 accent mb1">{{ element.title }}</h2>
+      {% if element.slug %}
+        <a href="/{{ element.slug }}/" class="underline-hover">
+      {% endif %}
+      <h2 class="f2 accent mb1">
+        {{ element.title }}
+      </h2>
+      {% if element.slug %}
+        </a>
+      {% endif %}
       <p class="pb3 f3 lh-copy">
         {{ element.description }}
 

_posts/2024-09-11-cultural-democracy-and-quadratic-voting.md

@@ -88,6 +88,13 @@ higher than ones made from outside it. That year, Furtherfield tripled
 its local engagement and heard feedback like, “I’ve been talking about
 this with my friends for months.”  
 
+<figure class="pb4">
+  <div class="aspect-ratio aspect-ratio--16x9">
+    <iframe src="https://player.vimeo.com/video/629028364" class="aspect-ratio--object" frameborder="0" allow="fullscreen; picture-in-picture" allowfullscreen></iframe>
+  </div>
+  <figcaption>The People's Park Plinth (2021) by Furtherfield</figcaption>
+</figure>
+
 When asked about her overall experience working with Hypha, Ruth
 responded, “I trusted them. I always felt like we were working with good
 people. Without Hypha, we would’ve been at the end of the road and had

_posts/2024-09-11-museum-membership-futures.md

@@ -99,6 +99,16 @@ digital asset called an NFT, which are usually purchased using
 cryptocurrency. It was important to HEK, however, that members could
 still pay with “a good old credit card” in addition to Ethereum.  
 
+<figure class="pb4">
+    <div class='flex items-center justify-center' style="width: 100%;">
+        <img class="w-100" src="{{ 'assets/images/posts/2024-09-11-friends-of-hek-animation.gif' | relative_url }}" alt="Friends of HEK landing page. The main heading reads 'FRIENDS OF HEK' in bold, black letters, with the subheading below it: 'Tokenized membership and an extended circle of friends.' At the bottom, a green rectangle contains scrolling text that reads: 'community governance • exclusive discord access • artist talks • curate online.'"/>
+    </div>
+    <figcaption>
+        Animated capture from Friends of HEK's landing page
+    </figcaption>
+</figure>
+
+
 There are many providers that enable the sale of NFTs via traditional payment methods, but none of them worked
 well with the payment systems HEK was already using. To find the most reliable way forward, Hypha presented
 different options while informing HEK about the tradeoffs they entailed so the HEK team could make the best choice.  

work.html

@@ -35,11 +35,25 @@ <h3 class="f2 f1-m f-subheadline-l accent normal sans-serif mb4 lh-solid">
     {% assign matching_practice_area = works_by_practice_area | where: 'name', practice_area %}
     {% if matching_practice_area.size > 0 %}
       <div class="flex flex-column mb3">
+        {% if practice.slug %}
+          <a href="/{{ practice.slug }}/" class="underline-hover">
+        {% endif %}
         <h2 class="f2 sans-serif accent mb3 mt4">
           {{ practice.title }}
         </h2>
-          {% if practice.slug %}
-          <p class="measure-wide mt2 mb2">
+        {% if practice.slug %}
+          </a>
+        {% endif %}
+
+        {% if practice.slug %}
+          {% capture practice_page_path %}{{ practice.slug }}.html{% endcapture %}
+          {% assign practice_page = site.pages | where: "path", practice_page_path | first %}        
+          {% if practice_page %}
+            <p class="measure-wide mt2 mb2 f3">
+              {{ practice_page.excerpt }}
+            </p>
+          {% endif %}
+          <p class="measure-wide mt2 mb2 f3">
             <a href="/{{ practice.slug }}/" class="accent link underline-hover">Read more</a>
           </p>
           {% endif %}