-
Notifications
You must be signed in to change notification settings - Fork 0
Weekend overhaul: SEO changes, query optimization, landing page, animations #97
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Changes from 8 commits
f8f6508
f9fbca9
eb22c73
cd52d63
84793c8
52c4045
8a817a7
bd4889b
6eff0e5
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| <script lang="ts"> | ||
| import type { Sponsors } from '$lib/schemas'; | ||
| import Link from 'components/Link.svelte'; | ||
| import Button from 'components/Button.svelte'; | ||
|
|
||
| let { sponsors } = $props<{ sponsors: Sponsors[] }>(); | ||
| </script> | ||
|
|
||
| <div class="container mx-auto px-4"> | ||
| <!-- Section Header --> | ||
| <div class="my-12 text-center"> | ||
| <h2 id="sponsors-title" class="text-ecsess-100 mb-2 text-4xl font-bold md:text-5xl"> | ||
| Our Sponsors | ||
| </h2> | ||
| <p class="text-ecsess-200 mx-auto max-w-2xl text-base"> | ||
| We're grateful to our sponsors for their continued support of ECSESS and our community. | ||
| </p> | ||
| <div class="mt-6"> | ||
| <Link href="/sponsor"> | ||
| <Button>Become a Sponsor</Button> | ||
| </Link> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Sponsors Flex --> | ||
| {#if sponsors && sponsors.length > 0} | ||
| <div class="flex flex-wrap justify-center gap-6 lg:gap-8"> | ||
| {#each sponsors as sponsor} | ||
| <Link href={sponsor.url} external> | ||
| <div | ||
| class="bg-ecsess-950 border-ecsess-800 hover:border-ecsess-700 group flex h-32 w-sm items-center justify-center rounded-lg border p-4 transition-all hover:shadow-lg" | ||
| > | ||
| <img | ||
| src={sponsor.logo} | ||
| alt="{sponsor.name} Logo" | ||
| class="max-h-20 w-40 object-contain opacity-90 transition-opacity group-hover:opacity-100" | ||
|
||
| /> | ||
| </div> | ||
| </Link> | ||
| {/each} | ||
| </div> | ||
| {:else} | ||
| <div class="text-ecsess-300 py-12 text-center"> | ||
| <p>No sponsors at this time.</p> | ||
| </div> | ||
| {/if} | ||
| </div> | ||
| Original file line number | Diff line number | Diff line change | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| @@ -0,0 +1,8 @@ | ||||||||||||||
| <script> | ||||||||||||||
| let { thumbnail = '' } = $props(); | ||||||||||||||
| </script> | ||||||||||||||
|
|
||||||||||||||
| <svelte:head> | ||||||||||||||
| <meta property="og:image" content={thumbnail} /> | ||||||||||||||
| <meta property="twitter:image" content={thumbnail} /> | ||||||||||||||
|
||||||||||||||
| <meta property="og:image" content={thumbnail} /> | |
| <meta property="twitter:image" content={thumbnail} /> | |
| {#if thumbnail} | |
| <meta property="og:image" content={thumbnail} /> | |
| <meta property="twitter:image" content={thumbnail} /> | |
| {/if} |
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
|
|
@@ -9,14 +9,14 @@ | |||||
| </script> | ||||||
|
|
||||||
| <div | ||||||
| class="bg-ecsess-100 text-ecsess-900 hover:bg-ecsess-200 border-ecsess-300 grid h-full place-content-center rounded-md border text-center shadow-md transition-all hover:shadow-lg" | ||||||
| class="bg-ecsess-100 text-ecsess-900 hover:bg-ecsess-200 grid h-full place-content-center rounded-md border-transparent text-center shadow-md transition-all hover:shadow-lg" | ||||||
|
||||||
| class="bg-ecsess-100 text-ecsess-900 hover:bg-ecsess-200 grid h-full place-content-center rounded-md border-transparent text-center shadow-md transition-all hover:shadow-lg" | |
| class="bg-ecsess-100 text-ecsess-900 hover:bg-ecsess-200 grid h-full place-content-center rounded-md text-center shadow-md transition-all hover:shadow-lg" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
w-smis not a standard Tailwind width utility (likely meantmax-w-smor a fixedw-*). As-is, it will be ignored and the sponsor card width will collapse to content. Use a valid width utility (or define a custom width token) to make the layout deterministic.