Feat: First Version

compbio-fhs · Jun 20, 2024 · 7ce9e2d · 7ce9e2d
1 parent c0881dc
commit 7ce9e2d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/components/PeopleItem.vue b/src/components/PeopleItem.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 <template>
   <div class="column col-xs-12 col-md-3 q-pa-sm">
     <div class="q-card--bordered rounded-borders text-center bg-primary text-white col-grow">
-      <img :src="props.people.image" alt="" class="rounded-borders" style="max-width: 100%; height: auto">
+      <q-img :src="props.people.image" alt="" class="rounded-borders" style="max-width: 100%; height: auto"/>
       <div class="q-py-sm">
         <div class="text-h6">{{ props.people.name }}</div>
         <div class="text-subtitle2">{{ props.people.affiliation }}</div>

diff --git a/src/components/PeopleItemLarge.vue b/src/components/PeopleItemLarge.vue
@@ -8,7 +8,8 @@ const props = defineProps({
   <div class="column col-xs-12 col-md-6 q-pa-sm">
   <div class="row q-card--bordered rounded-borders text-center bg-primary text-white">
       <div class="col-xs-12 col-md-6 row items-center">
-        <img :src="props.people.image" alt="" class="rounded-borders" style="max-width: 100%; height: auto">
+        <img :src="props.people.image" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
+        <q-img :src="props.people.image" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
       </div>
       <div class="col-xs-12 col-md-6 q-py-md justify-evenly column">
         <div>

diff --git a/src/data/people.js b/src/data/people.js
@@ -1,7 +1,7 @@
 const people = {
   chonLokLei: {
     name: 'Chon Lok Lei',
-    image: '/chonLokLei.png',
+    image: '~assets/chonLokLei.png',
     affiliation: 'PhD, Macau',
     description: 'Chon Lok Lei is an Assistant Professor in the Faculty of Health Sciences at the University of Macau. He holds a doctorate in Computational Biology from the University of Oxford, where he was a Clarendon Scholar.',
     page: true,
@@ -10,7 +10,7 @@ const people = {
   phdStudents: [
     {
       name: 'Richard Creswell',
-      image: '/maleAvatar.png',
+      image: '~/maleAvatar.png',
       affiliation: 'PhD student, Oxford',
       description: 'Working with Ben Lambert and David Gavaghan in Oxford on developing Bayesian methods for time series problems with applications including epidemiology.',
       page: false,
@@ -26,7 +26,7 @@ const people = {
     },
     {
       name: 'Hui Jia Farm',
-      image: '/maleAvatar.png',
+      image: 'maleAvatar.png',
       affiliation: 'PhD student, Oxford',
       description: 'Working with Michael Clerx in Nottingham, Fergus Cooper, David Gavaghan in Oxford, and Hoffmann-La Roche Safety Pharmacology group in Basel, Switzerland to examine drug binding effects to ion channels.',
       page: false,
@@ -36,7 +36,7 @@ const people = {
   currentResearchAssistants: [
     {
       name: 'Leandro Acosta',
-      image: '/maleAvatar.png',
+      image: '~maleAvatar.png',
       affiliation: 'RA, Macau',
       description: 'Developing the front end of virtual patch clamp.',
       page: false,