Add member metadata and flip card

Also refactor some Svelte HTML logic for additional styling.
EthanThatOneKid · Sep 29, 2022 · 273a2e6 · 273a2e6
1 parent 47920f4
commit 273a2e6
Show file tree

Hide file tree

Showing 3 changed files with 334 additions and 25 deletions.
diff --git a/src/lib/public/board/types.ts b/src/lib/public/board/types.ts
@@ -7,11 +7,11 @@ export enum Term {
 }
 
 export enum Social {
-  website = 'Website',
-  github = 'GitHub',
-  discord = 'Discord',
-  linkedin = 'LinkedIn',
-  instagram = 'Instagram',
+  Website = 'website',
+  GitHub = 'github',
+  Discord = 'discord',
+  LinkedIn = 'linkedin',
+  Instagram = 'instagram',
 }
 
 export interface Officer {

diff --git a/src/routes/about/officer-profile-list.svelte b/src/routes/about/officer-profile-list.svelte
@@ -63,7 +63,8 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 16px;
+    /* More padding is added in .officer-container for the underline. */
+    gap: 12px;
 
     .container {
       width: 100%;