feat(work): render work descriptions

partials/work.hbs

@@ -6,7 +6,12 @@
         <article>
           <header>
             <h4>{{position}}</h4>
+            <div>
               <strong>{{> link}}</strong>
+              {{#description}}
+                <span class="bullet-item">{{.}}</span>
+              {{/description}}
+            </div>
             <div>
               <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
               {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}

style.css

@@ -201,6 +201,11 @@ blockquote > * + * {
   padding: 0.2em 0.6em;
 }
 
+.bullet-item:not(:first-child)::before {
+  content: '· ';
+  margin: 0 0.2em;
+}
+
 @media print, (min-width: 48em) {
   h3 {
     text-align: right;

tap-snapshots/test/render.js.test.cjs

@@ -217,6 +217,11 @@ blockquote > * + * {
   padding: 0.2em 0.6em;
 }
 
+.bullet-item:not(:first-child)::before {
+  content: '· ';
+  margin: 0 0.2em;
+}
+
 @media print, (min-width: 48em) {
   h3 {
     text-align: right;
@@ -294,7 +299,10 @@ blockquote > * + * {
             <article>
               <header>
                 <h4>CEO/President</h4>
+                <div>
                   <strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
+                    <span class="bullet-item">Awesome compression company</span>
+                </div>
                 <div>
                   <time datetime="2013-12-01">Dec 2013</time> –
                   <time datetime="2014-12-01">Dec 2014</time>