Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 0 additions & 58 deletions components/frontend/src/routes/(public)/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -63,30 +63,6 @@
return GRADIENTS[i % GRADIENTS.length]!;
}

// Organisations that have run a hackathon with us. Deliberately not SDSC,
// ETH or EPFL, which stood here before: SDSC *is* the ETH/EPFL joint
// venture, so listing them under "Trusted by" is listing ourselves. They
// keep their billing in AppFooter's row of institution logos.
//
// A dark asset where one is needed, and no `invert` fallback — the rule the
// institution logos relied on does not survive a coloured mark. Inverting
// J&J's red gives cyan; inverting Richemont's navy gives pale orange.
const TRUSTED_BY = [
{
name: 'Johnson & Johnson',
// Red reads on both canvases, so one asset serves both.
logoUrl: '/images/logos/johnson-and-johnson.webp',
},
{
name: 'Richemont',
// Navy all but vanishes on the dark canvas, so this one ships as a
// light/dark pair — the same failure that made Durham University
// invisible on the experimental branch.
logoUrl: '/images/logos/richemont.webp',
logoDarkUrl: '/images/logos/richemont-white.webp',
},
];

</script>

<!-- Hero (full-bleed width) -->
Expand Down Expand Up @@ -220,40 +196,6 @@
</div>
</section>

<!-- Orgs -->
<section class="flex flex-col items-center gap-8 px-4 py-12 sm:px-10 md:px-20">
<h2 class="text-title">Trusted by</h2>
<!-- Sized by height with the width left to follow, rather than each logo
dropped into one shared box. Both of these are wide wordmarks — 10.6:1
and 16.1:1 — and a fixed 112x28 box fits them by width, which put
Richemont at a 5px cap height. Matching cap heights is what makes a
logo row look even anyway.

Unlinked on purpose: AppFooter's rule is that an off-site href is read
from the source rather than guessed, and a wrong link on a customer's
logo is worse than no link. -->
<div class="flex flex-wrap items-center justify-center gap-x-12 gap-y-6">
{#each TRUSTED_BY as org (org.name)}
<div class="flex h-4 items-center sm:h-5">
{#if org.logoDarkUrl}
<img
src={org.logoUrl}
alt={org.name}
class="block h-full w-auto max-w-full dark:hidden"
/>
<img
src={org.logoDarkUrl}
alt={org.name}
class="hidden h-full w-auto max-w-full dark:block"
/>
{:else}
<img src={org.logoUrl} alt={org.name} class="h-full w-auto max-w-full" />
{/if}
</div>
{/each}
</div>
</section>

<!-- The hero's ask restated for anyone who read the whole page, so it lands
on the same inbox. No `external`: `target="_blank"` on a `mailto:` leaves an
orphan blank tab behind, and the "opens in a new tab" label it adds would
Expand Down
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading