From bbd69843cfa5640b4498858b25514c8022593f47 Mon Sep 17 00:00:00 2001
From: NuclearRedeye <github@mneah.com>
Date: Wed, 12 Jun 2024 21:51:45 +0100
Subject: [PATCH] refactor: update languages and interests sections

---
 src/partials/interests.hbs | 21 ---------------------
 src/partials/languages.hbs | 13 -------------
 src/partials/meta.hbs      | 33 +++++++++++++++++++++++++++++++++
 src/resume.hbs             |  3 +--
 src/style.css              |  1 +
 5 files changed, 35 insertions(+), 36 deletions(-)
 delete mode 100644 src/partials/interests.hbs
 delete mode 100644 src/partials/languages.hbs
 create mode 100644 src/partials/meta.hbs

diff --git a/src/partials/interests.hbs b/src/partials/interests.hbs
deleted file mode 100644
index 8ae9cfa..0000000
--- a/src/partials/interests.hbs
+++ /dev/null
@@ -1,21 +0,0 @@
-{{#if resume.interests.length}}
-    <section>
-        {{> section-heading value="Interests"}}
-
-        {{#each resume.interests}}
-            <section class="item">
-                {{#if name}}
-                    <h4 class="bold">{{name}}</h4>
-                {{/if}}
-                {{#if keywords.length}}
-                    <ul class="minimal">
-                        {{#each keywords}}
-                            <li>{{.}}</li>
-                        {{/each}}
-                    </ul>
-                {{/if}}
-            </section>
-        {{/each}}
-
-    </section>
-{{/if}}
\ No newline at end of file
diff --git a/src/partials/languages.hbs b/src/partials/languages.hbs
deleted file mode 100644
index 5a8e4f2..0000000
--- a/src/partials/languages.hbs
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#if resume.languages.length}}
-    <section>
-        {{> section-heading value="Languages"}}
-
-        <ul class="minimal">
-            {{#each resume.languages}}
-                <li>
-                    <h6>{{language}} {{#if fluency}}<em>({{fluency}})</em>{{/if}}</h6>
-                </li>
-            {{/each}}
-        </ul>
-    </div>
-{{/if}}
\ No newline at end of file
diff --git a/src/partials/meta.hbs b/src/partials/meta.hbs
new file mode 100644
index 0000000..7aba0be
--- /dev/null
+++ b/src/partials/meta.hbs
@@ -0,0 +1,33 @@
+{{#if resume.interests.length}}
+<section class="meta">
+    {{> section-heading icon="asterisk" value="Meta"}}
+    <div class="grid">
+        {{#if resume.languages.length}}
+            <div class="column end">
+                <h4 class="bold capitalize">Languages</h4>
+            </div>
+            <div class="row wrap minimal">
+                {{#each resume.languages}}
+                    <h6 class="chip">
+                        {{language}}
+                        {{#if fluency}}
+                            ({{fluency}})
+                        {{/if}}
+                    </h6>
+                {{/each}}
+            </div>
+        {{/if}}
+
+        {{#if resume.interests.length}}
+            <div class="column end">
+                <h4 class="bold capitalize">Interests</h4>
+            </div>
+            <div class="row wrap minimal">
+                {{#each resume.interests}}
+                    <h6 class="chip">{{name}}</h6>
+                {{/each}}
+            </div>
+        {{/if}}
+    </div>
+</section>
+{{/if}}
\ No newline at end of file
diff --git a/src/resume.hbs b/src/resume.hbs
index 4965d9d..6efb5e4 100644
--- a/src/resume.hbs
+++ b/src/resume.hbs
@@ -18,10 +18,9 @@
     {{> work }}
     {{> education }}
     {{> references }}
+    {{> meta }}
     <!--
     {{> projects }}
-    {{> languages }}
-    {{> interests }}
     {{> volunteer }}
     {{> awards }}
     {{> publications }}
diff --git a/src/style.css b/src/style.css
index c287257..b00aba7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -278,6 +278,7 @@ section {
   grid-template-rows: auto;
   column-gap: var(--gap-medium);
   row-gap: var(--gap-medium);
+  justify-content: start;
 }
 
 .top {