diff --git a/src/lib/components/about/about-us.svelte b/src/lib/components/about/about-us.svelte new file mode 100644 index 000000000..08530e8be --- /dev/null +++ b/src/lib/components/about/about-us.svelte @@ -0,0 +1,58 @@ +
+
+ acmCSUF badges + +
+

About us

+ +

+ acmCSUF is a student chapter of the + + Association for Computing Machinery, an international organization based in New York that advocates for the advancement of + computer science as a science and profession. Based in California State University, + Fullerton, we strive to bring passionate Titans together into a community that promotes + innovation, collaboration, creativity, and inclusivity within tech. +

+
+
+
+ + diff --git a/src/lib/components/about/officer-profile-list.svelte b/src/lib/components/about/officer-profile-list.svelte index b758ff00f..3a3f26d02 100644 --- a/src/lib/components/about/officer-profile-list.svelte +++ b/src/lib/components/about/officer-profile-list.svelte @@ -4,7 +4,6 @@ import { OFFICERS, VISIBLE_TERMS } from '$lib/constants/officers'; import type { Officer } from '$lib/constants/officers'; import { termIndex } from '$lib/stores/term-index'; - export let placeholderPicture: string | undefined = undefined; export let filter: (officer: Officer) => boolean; @@ -44,12 +43,12 @@
-
- -
-
-
+
+ +
+ +
{#each filteredOfficers as officer ($termIndex + officer.fullName)} {/each} @@ -63,24 +62,24 @@ flex-direction: column; justify-content: center; align-items: center; - } + gap: 16px; - .school-year-input-container { - text-align: center; - z-index: 100; - } + .container { + width: 100%; + max-width: 1280px; - .container { - z-index: 1; - margin-top: -64px; - width: 100%; - max-width: 1280px; - } + .button { + display: flex; + justify-content: center; + } - .officer-profile-list { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); - justify-content: center; - align-items: center; + .officer-list { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + justify-content: center; + align-items: center; + row-gap: 64px; + } + } } diff --git a/src/lib/components/about/officer-profile.svelte b/src/lib/components/about/officer-profile.svelte index 8fb35d021..031d6a726 100644 --- a/src/lib/components/about/officer-profile.svelte +++ b/src/lib/components/about/officer-profile.svelte @@ -11,13 +11,10 @@ const officerPicture = info.picture ?? placeholderPicture; $: titleHTML = info.positions[VISIBLE_TERMS[$termIndex]].title - .replace(/Create\s/, `Create `) - .replace(/Algo\s/, `Algo `) - .replace(/Dev\s/, `Dev `) - .replace( - /NodeBuds/, - `nodeBuds` - ); + .replace(/Algo\s/, `Algo `) + .replace(/Create\s/, `Create `) + .replace(/Dev\s/, `Dev `) + .replace(/nodebuds\s/, `Node Buds `); $: officerTier = dev ? TIERS[info.positions[VISIBLE_TERMS[$termIndex]].tier] : ''; @@ -28,13 +25,17 @@ src={`../assets/authors/${officerPicture}`} alt={`Image of ${officerName}.`} /> -

- {officerName} - {#if officerTier.length}
{officerTier}
{/if} -

-

- {@html titleHTML} -

+ +
+

+ {officerName} + {#if officerTier.length}
{officerTier}
{/if} +

+ +

+ {@html titleHTML} +

+
diff --git a/src/lib/components/about/what-is-acm.svelte b/src/lib/components/about/what-is-acm.svelte deleted file mode 100644 index 9a7ce805a..000000000 --- a/src/lib/components/about/what-is-acm.svelte +++ /dev/null @@ -1,31 +0,0 @@ -
- acmCSUF badges - acmCSUF badge -
- - diff --git a/src/lib/components/connect/get-in-touch-form.svelte b/src/lib/components/connect/get-in-touch-form.svelte deleted file mode 100644 index a242c770b..000000000 --- a/src/lib/components/connect/get-in-touch-form.svelte +++ /dev/null @@ -1,147 +0,0 @@ - - -
- {#if googleFormUrl === undefined} - -

Get in touch

-

- Got any questions for us? Want to collaborate? Just want to say hi? Whatever it is, feel - free to contact us! Send us an email by filling out the form below, and we’ll have a - representative get back to you as soon as possible. -

- - -
- - - - - - - - - - - - - - - - - -