-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: ui updates from code review
- Loading branch information
1 parent
01d0716
commit 7703b5f
Showing
12 changed files
with
214 additions
and
120 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <div | ||
| class="focus:bg-thatBlue-300focus:text-white whitespace-nowrap rounded-md border-2 | ||
| border-thatBlue-500 bg-thatBlue-500 | ||
| px-8 py-2 text-base font-medium | ||
| leading-6 text-white | ||
| shadow transition duration-150 ease-in-out | ||
| hover:border-thatBlue-300 | ||
| hover:bg-thatBlue-300 hover:text-white | ||
| md:px-10 md:text-lg | ||
| "> | ||
| <div class="flex h-full w-full items-center justify-center"> | ||
| <slot /> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,82 @@ | ||
| <script> | ||
| import { Standard as StandardLink } from '$elements/links'; | ||
| import seoMetaTags from '$lib/seo/metaTags'; | ||
| import Seo from '$components/Seo.svelte'; | ||
| import { events } from '$lib/config.public'; | ||
| const metaTags = ((title = `Member Sharing - THAT Conference`) => ({ | ||
| title, | ||
| tags: seoMetaTags({ | ||
| title, | ||
| description: 'Helping you grow your network while at THAT Conference.', | ||
| openGraph: { | ||
| type: 'website', | ||
| url: `https://thatconference.com/my/member-sharing` | ||
| } | ||
| }) | ||
| }))(); | ||
| </script> | ||
|
|
||
| <div class="mx-auto max-w-md px-4 sm:px-6 lg:px-8"> | ||
| <h1 class="mt-2 text-xl font-bold leading-6 text-thatBlue-800">THAT Contact Exchange</h1> | ||
| <p>Select an event</p> | ||
| <Seo title={metaTags.title} tags={metaTags.tags} /> | ||
|
|
||
| <div class="relative overflow-x-hidden"> | ||
| <div class="mx-auto mb-24 mt-12 max-w-screen-xl px-4 sm:px-6"> | ||
| <header> | ||
| <h2 class="font-extrabold uppercase tracking-wider text-thatRed-500">My Network</h2> | ||
| <h1 | ||
| class="text mb-8 mt-8 text-4xl font-bold leading-8 tracking-tight text-thatBlue-700 sm:text-5xl sm:leading-10"> | ||
| Growing Your Network | ||
| </h1> | ||
|
|
||
| <p class="mt-6 text-2xl text-gray-500"> | ||
| What good is going to a conference is you don't connect new people? THAT Conference is all | ||
| about community and helping one another grow. We've made it easy to connect with other | ||
| campers and sponsors. | ||
| </p> | ||
| </header> | ||
|
|
||
| <div class="relative py-12"> | ||
| <div class="absolute inset-0 flex items-center" aria-hidden="true"> | ||
| <div class="w-full border-t border-gray-300"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="mt-10 flex flex-col space-x-0 space-y-2 sm:flex-row sm:space-x-8 sm:space-y-0"> | ||
| <StandardLink href="/my/member-sharing/{events.next.wi.id}">Wisconsin</StandardLink> | ||
| <StandardLink href="/my/member-sharing/{events.next.tx.id}">Texas</StandardLink> | ||
| <main class="flex flex-col lg:grid lg:grid-cols-7"> | ||
| <div class="col-span-4 space-y-4"> | ||
| <h2 class="text-xl font-bold leading-6 text-gray-900">Select An Event</h2> | ||
| <p class="prose mt-4"> | ||
| Getting connected is as easy as using a campers pin number. Select the event you're | ||
| currently at, then enter the pin number of the person you want to connect with. Upon doing | ||
| so, your <a href="/my/profiles/shared">shared profile</a> will be sent to them where they have | ||
| the option to share back. | ||
| </p> | ||
|
|
||
| <div class="prose"> | ||
| <a href="/my/network">View My Existing Connections</a> | ||
| </div> | ||
|
|
||
| <div class="flex flex-wrap pt-12"> | ||
| <a href="/my/member-sharing/{events.next.wi.id}" class="anchorButton m-2 grow"> | ||
| <div class="uppercase">THAT Conference Wisconsin</div> | ||
| </a> | ||
| <a href="/my/member-sharing/{events.next.tx.id}" class="anchorButton m-2 grow"> | ||
| <div class="uppercase">THAT Conference Texas</div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| </div> | ||
| </div> | ||
|
|
||
| <style lang="postcss"> | ||
| .anchorButton { | ||
| @apply rounded-md bg-thatBlue-500 px-4 py-4 text-center font-medium tracking-wide text-white shadow-md md:text-xl; | ||
| } | ||
| .anchorButton:hover { | ||
| @apply bg-thatBlue-400 transition duration-150 ease-in-out; | ||
| } | ||
| .anchorButton:focus { | ||
| @apply underline underline-offset-4; | ||
| } | ||
| </style> |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.