diff --git a/data/organizers.xlsx b/data/organizers.xlsx index 843779e..c367557 100644 Binary files a/data/organizers.xlsx and b/data/organizers.xlsx differ diff --git a/src/components/OrganizerInfo.vue b/src/components/OrganizerInfo.vue index 4d6fadf..8739ca3 100644 --- a/src/components/OrganizerInfo.vue +++ b/src/components/OrganizerInfo.vue @@ -2,6 +2,7 @@
@@ -69,6 +70,11 @@ export default { * A URL to this officer's personal website, if any. */ website: String, + }, + computed: { + profilePicBorder: function() { + return this.imageName.includes('officer_default') ? '' : 'profile-pic-border'; + } } }; @@ -77,17 +83,25 @@ export default { .organizer-card { @apply flex; @apply mt-2 p-5; - @apply bg-white; - @apply rounded-lg shadow-md; } +/* + // Under organizer-card{} (^) + // @apply rounded-lg shadow-md; + .organizer-card:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px; transform: translate3d(-1px, -1px, 0px); } +*/ + +.profile-pic-border { + @apply border-2; + @apply border-white; +} .organizer-card--image { - @apply h-16 w-16; + @apply h-20 w-20; @apply rounded-full; } @@ -96,16 +110,16 @@ export default { } .organizer-card--name { - @apply text-xl text-left text-black; + @apply text-xl text-left text-white; @apply font-display font-semibold; } .organizer-card--position { - @apply text-lg text-black mb-2; + @apply text-lg text-white mb-2; } .organizer-card--bio { - @apply text-black; + @apply text-white; } @screen md { @@ -115,7 +129,7 @@ export default { .organizer-card--image { @apply block; - @apply h-32 w-32; + @apply h-56 w-56; @apply mx-auto; } @@ -149,7 +163,7 @@ export default { } .organizer-card { - @apply bg-black; + @apply bg-transparent; } .organizer-card--name {