:construction: initial attempt at a placeholder card

frontend/src/entities/card/card.js

     }
     return c
 }
-export { Card, makeCardFromProfile, cardAspects }
+
+const makePlaceholderCard = () => {
+    const c = new Card({
+        pid: 0,
+        name: 'test name',
+        email: 'test@email.com',
+        role: 'participant'
+    })
+
+    c.presence = 'remote'
+    c.urgency = 'actively_looking'
+    c.pronouns = 'he/him'
+    c.ethnicity = ''
+    c.locale = 'Los Angeles, CA'
+    c.email = 'test@email.com'
+}
+export { Card, makeCardFromProfile, makePlaceholderCard, cardAspects }

frontend/src/views/ProfileView.vue

         ProfileCard(
             :aspects='card.aspects'
             :is-list='false'
-            :card='card'
+            :card='placeholderCard'
         )
     w-spinner(v-else bounce)
 
 <script>
 import ProfileCard from '../components/ProfileCard.vue'
 import { fetchProfileByProfileId } from '../services'
-import { makeCardFromProfile } from '../entities'
+import { makeCardFromProfile, makePlaceholderCard } from '../entities'
 
 export default {
     name: 'ProfileView',
         loading: true,
         profile: {},
         card: {},
+        placeholderCard: {},
     }),
     created() {
         this.getProfile()
                 console.error(err)
             }
             this.card = makeCardFromProfile(this.profile)
+            this.placeholderCard = makePlaceholderCard()
             this.loading = false
         },
     },