writing: style collective section and refactor

content/writing/_index.md

@@ -171,7 +171,7 @@ collective:
    blurb: as part of ecological writing collective
    publication: Out of the Woods
    puburl: https://twitter.com/out_woods
-   year: June 2020
+   year: 2020
 -  title: "End/And: Feminization in Unending Times"
    blurb: as part of feminist film criticism platform
    publication: "Blind Field: A Journal of Cultural Inquiry"

layouts/partials/collective-accordion.html

@@ -0,0 +1,20 @@
+<div class="level accordion">
+  <div class="level-left">
+    <div class="level-item">{{ .year }}</div>
+  </div>
+  <div class="level-right">
+    <div class="level-item">
+      <span class="icon">
+        <i class="fa-sharp fa-solid fa-circle-arrow-down"></i>
+      </span>
+    </div>
+  </div>
+</div>
+<div class="acc-panel">
+  <div class="acc-panel-content">
+    {{ range where .collective "year" .year }}
+    <p><a href={{ .url }}>{{ .title}}</a>, {{ .blurb }} <a
+      href={{ .puburl}}>{{ .publication }}</a>.</p>
+    {{ end }}
+  </div>
+</div>

layouts/partials/collective-section.html

@@ -0,0 +1,12 @@
+<div class="writing-section">
+  <div class="columns">
+    <div class="column is-one-fifth">
+
+      <div class="thead">COLLECTIVE WRITING</div>
+    </div>
+    <div class="column">
+      {{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2020)}}
+      {{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2017)}}
+    </div>
+  </div>
+</div>

layouts/partials/essay-section.html

@@ -10,7 +10,6 @@
       {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2019)}}
       {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2018)}}
       {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2017)}}
-      {{ partial "accordion-script"}}
     </div>
   </div>
 </div>

layouts/writing/list.html

@@ -3,16 +3,8 @@
     <div>
       {{ partial "essay-section" . }}
       {{ partial "books-section" . }}
-      <div class="writing-section">
-        <div class="thead">COLLECTIVE WRITING</div>
-        {{ range .Params.Collective }}
-        <div class="writing-item">
-            <p><strong><a href={{ .url }}>{{ .title}}</a></strong>, {{ .blurb }} <em><a
-                        href={{ .puburl}}>{{ .publication }}</a></em>.</p>
-            <p><i>Published in {{ .year }}</i></p>
-        </div>
-        {{ end }}
-    </div>
+      {{ partial "collective-section" . }}
+      {{ partial "accordion-script"}}
     </div>
   </div>
 {{ end }}