Resume: collapsable project sections

layouts/shortcodes/resume/project-details.html

@@ -1,4 +1,4 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
 <div class="project-details">
-  {{ .Inner | markdownify }}
+  {{ .Inner }}
 </div>

layouts/shortcodes/resume/project-header.html

@@ -1,2 +0,0 @@
-<h2 class="project-title"><a href="{{ .Get "url" }}" target="_blank">{{ .Get "name" }}</a></h2>
-<p class="project-date">{{ .Get "date" }}</p>

layouts/shortcodes/resume/project.html

@@ -0,0 +1,14 @@
+<div>
+  <button class="btn" type="button" data-toggle="collapse"
+    data-target="#{{ .Get "name" | lower | urlize }}-details"
+    aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
+  <h2 class="project-title">{{ .Get "name" }} ⏷</h2>
+  <!-- {{ .Get "name" }} ⏷ -->
+  </button>
+  <div class="date">{{ .Get "date" }}</div>
+  <div class="collapse" id="{{ .Get "name" | lower | urlize }}-details">
+    <div>
+      {{ .Inner }}
+    </div>
+  </div>
+</div>

layouts/shortcodes/resume/section.html

@@ -1,4 +1,4 @@
 <div id="{{ .Get 0 }}">
 <h1 class="section-header">{{ .Get 0 | title }}</h1>
-  {{ .Inner }}
+  {{ .Inner | markdownify }}
 </div>