Add time elements. Other minor tweaks

Signed-off-by: Shauna Gordon <[email protected]>

public/css/main.css

@@ -101,6 +101,7 @@ details {
 
   h3 {
     margin-bottom: var(--gutter-narrow);
+    letter-spacing: 1px;
   }
 
   h4 {

resumes/components/publications.json

@@ -2,7 +2,7 @@
     "comment": "Things published in other people's publications. Might not change, but might be added to.",
     "publications": [
         {
-            "name": "From Git To Github - An Introduction to Version-Controlled and Collaborative Development",
+            "name": "From Git To Github - An Introduction to Version-Controlled, Collaborative Development",
             "url": "https://talks.shaunagordon.com/git-to-github",
             "releaseDate": "2021-02",
             "publisher": "Women In Analytics",

src/components/sections/Experience.vue

@@ -16,9 +16,6 @@
 <script setup>
 import WorkCard from '../support/WorkCard.vue';
 
-import { useDateUtils } from '../../mixins/dateUtils';
-const { isCurrent } = useDateUtils();
-
 import { useProfiles } from '../../mixins/profiles';
 const { getProfile } = useProfiles();
 

src/components/sections/Publications.vue

@@ -9,7 +9,7 @@
             <article v-for="(pub, i) in publications" class="card" :key="i">
                 <header>
                     <h3>{{ pub.name }}</h3>
-                    <a :href="pub.url" target="_blank"><h4>{{ pub.publisher }} - {{ pub.releaseDate }}</h4></a>
+                    <a :href="pub.url" target="_blank"><h4>{{ pub.publisher }} - <time :datetime="pub.releaseDate">{{ pub.releaseDate }}</time></h4></a>
                 </header>
                 <section v-if="pub.tech">
                     <ul class="tech">

src/components/support/WorkCard.vue

@@ -4,7 +4,7 @@
             <h3>{{ item.name }}</h3>
             <h4 v-if="item.entity">{{ item.entity }}</h4>
             <h4 v-if="item.startDate">
-                {{ item.startDate }} - {{ item.endDate || 'Current' }}
+                <time :datetime="item.startDate">{{ item.startDate }}</time> - <span v-html="endDate"></span>
             </h4>
             <a v-if="item.source" :href="item.source" target="_blank"><i :class="getTechClass('git')"></i> <span>Source Code</span></a>
             <div v-if="item.volunteer" class="volunteer">Volunteering!</div>
@@ -30,4 +30,6 @@ const { item } = defineProps(['item']);
 
 const classes = (current) => `card ${current ? '' : 'old'}`;
 
+const endDate = item.endDate ? `<time datetime="${ item.endDate }">${ item.endDate }</time>` : "Current"
+
 </script>