From c3d21e5032b4f1449f704494df5dfe4879fd1500 Mon Sep 17 00:00:00 2001
From: Rafael Bardini <rafael@rbardini.com>
Date: Fri, 5 Mar 2021 18:24:53 +0100
Subject: [PATCH] feat(profile): move profile information to header

---
 partials/header.hbs                      | 19 ++++++++++++++++
 partials/profiles.hbs                    | 25 ---------------------
 resume.hbs                               |  1 -
 style.css                                |  5 +++--
 tap-snapshots/test-render.js-TAP.test.js | 28 +++++++++++-------------
 5 files changed, 35 insertions(+), 43 deletions(-)
 delete mode 100644 partials/profiles.hbs

diff --git a/partials/header.hbs b/partials/header.hbs
index 1d19409..2514ed2 100644
--- a/partials/header.hbs
+++ b/partials/header.hbs
@@ -34,5 +34,24 @@
         <a href="{{.}}">{{formatURL .}}</a>
       </li>
     {{/url}}
+    {{#profiles}}
+      <li>
+        <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+        {{#if username}}
+          {{#if url}}
+            <a href="{{url}}">{{username}}</a>
+          {{else}}
+            {{username}}
+          {{/if}}
+        {{else}}
+          {{#url}}
+            <a href="{{.}}">{{formatURL .}}</a>
+          {{/url}}
+        {{/if}}
+        {{#network}}
+          <span class="network">({{.}})</span>
+        {{/network}}
+      </li>
+    {{/profiles}}
   </ul>
 </header>
diff --git a/partials/profiles.hbs b/partials/profiles.hbs
deleted file mode 100644
index 85d88fa..0000000
--- a/partials/profiles.hbs
+++ /dev/null
@@ -1,25 +0,0 @@
-{{#if profiles.length}}
-  <section id="profiles">
-    <h3>Profiles</h3>
-    <div class="grid-list">
-      {{#profiles}}
-        <div>
-          {{#network}}
-            <h4>{{.}}</h4>
-          {{/network}}
-          {{#if username}}
-            {{#if url}}
-              <a href="{{url}}">{{username}}</a>
-            {{else}}
-              {{username}}
-            {{/if}}
-          {{else}}
-            {{#if url}}
-              <a href="{{url}}">{{url}}</a>
-            {{/if}}
-          {{/if}}
-        </div>
-      {{/profiles}}
-    </div>
-  </section>
-{{/if}}
diff --git a/resume.hbs b/resume.hbs
index e67c1d0..9247a2b 100644
--- a/resume.hbs
+++ b/resume.hbs
@@ -12,7 +12,6 @@
     {{#resume.basics}}
       {{> header}}
       {{> about}}
-      {{> profiles}}
     {{/resume.basics}}
 
     {{> work}}
diff --git a/style.css b/style.css
index 0ba640e..93a71f1 100644
--- a/style.css
+++ b/style.css
@@ -60,8 +60,9 @@ li + li {
   margin-top: 0.4em;
 }
 
-li::marker {
-  color: var(--mutedColor);
+li::marker,
+.network {
+  color: var(--secondaryColor);
 }
 
 a {
diff --git a/tap-snapshots/test-render.js-TAP.test.js b/tap-snapshots/test-render.js-TAP.test.js
index 6a7ddb1..9036a65 100644
--- a/tap-snapshots/test-render.js-TAP.test.js
+++ b/tap-snapshots/test-render.js-TAP.test.js
@@ -76,8 +76,9 @@ li + li {
   margin-top: 0.4em;
 }
 
-li::marker {
-  color: var(--mutedColor);
+li::marker,
+.network {
+  color: var(--secondaryColor);
 }
 
 a {
@@ -265,6 +266,16 @@ blockquote > * + * {
               <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
               <a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
             </li>
+            <li>
+              <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                  neutralthoughts
+                <span class="network">(Twitter)</span>
+            </li>
+            <li>
+              <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                  <a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
+                <span class="network">(SoundCloud)</span>
+            </li>
         </ul>
       </header>
         <section id="about">
@@ -273,19 +284,6 @@ blockquote > * + * {
             <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
           </article>
         </section>
-        <section id="profiles">
-          <h3>Profiles</h3>
-          <div class="grid-list">
-              <div>
-                  <h4>Twitter</h4>
-                    neutralthoughts
-              </div>
-              <div>
-                  <h4>SoundCloud</h4>
-                    <a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-              </div>
-          </div>
-        </section>
 
       <section id="work">
         <h3>Work</h3>