diff --git a/.vscode/settings.json b/.vscode/settings.json index 094bc4a..40aa0eb 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -17,7 +17,7 @@ "explorer.fileNesting.patterns": { "*.tsx": "${capture}.*" }, - "cSpell.words": ["univoq"], + "cSpell.words": ["technoshop", "Technoshop", "univoq"], "cssvar.enable": true, "cssvar.files": ["./_fresh/*"], "conventionalCommits.scopes": ["css", "config", "ui"] diff --git a/components/SponsorCards.css b/components/SponsorCards.css new file mode 100644 index 0000000..807282e --- /dev/null +++ b/components/SponsorCards.css @@ -0,0 +1,25 @@ +.components__sponsor_cards { + display: flex; + gap: var(--_gap); + flex-wrap: wrap; + justify-content: center; + padding: var(--_gap); +} + +.components__sponsor_card { + background-color: var(--_translucent); + aspect-ratio: 2/1; + padding: var(--_gap); + display: flex; + width: 15rem; + justify-content: center; + align-items: center; + border: var(--_border-size) solid transparent; + transition: all var(--_transition-delay) ease; + outline: none; + + &:focus-visible, + &:hover { + border-color: var(--_accent-color); + } +} diff --git a/components/SponsorCards.tsx b/components/SponsorCards.tsx new file mode 100644 index 0000000..b5c5246 --- /dev/null +++ b/components/SponsorCards.tsx @@ -0,0 +1,67 @@ +import { asset } from '$fresh/runtime.ts' + +export function SponsorCards() { + return ( +
+ {sponsors.map(SponsorCard)} +
+ ) +} + +function SponsorCard( + { href, src, alt }: { href: string; src: string; alt: string }, +) { + return ( + + {alt} + + ) +} + +const sponsors = [ + { + href: 'https://www.iut.u-bordeaux.fr/general/', + src: '/assets/sponsors/iut_bordeaux.png', + alt: 'IUT de Bordeaux', + }, + { + href: 'https://www.u-bordeaux.fr/', + src: '/assets/sponsors/universite_bordeaux.png', + alt: 'Université de Bordeaux', + }, + { + href: 'https://www.iut.u-bordeaux.fr/technoshop/', + src: '/assets/sponsors/technoshop.png', + alt: 'Technoshop', + }, + { + href: 'https://aquitaine.maisons-pour-la-science.org/', + src: '/assets/sponsors/maison_pour_la_science.png', + alt: 'Maison pour la science', + }, + { + href: 'https://www.math.u-bordeaux.fr/imb/spip.php', + src: '/assets/sponsors/imb.png', + alt: 'Institut de Mathématiques de Bordeaux', + }, + { + href: 'https://terre-negre.fr/', + src: '/assets/sponsors/ehpad_terre_negre.png', + alt: 'EHPAD Terre Nègre', + }, + { + href: 'https://capemploi33.org/', + src: '/assets/sponsors/cap_emploi_33.png', + alt: 'CAP Emploi 33', + }, + { + href: 'https://www.inrae.fr/', + src: '/assets/sponsors/inrae.png', + alt: 'INRAE', + }, + { + href: 'https://vegetalsignals.com/', + src: '/assets/sponsors/vegetal-signals.png', + alt: 'Vegetal Signals', + }, +] diff --git a/src/stylesheets/components.css b/src/stylesheets/components.css index f8cce73..f2f2d4f 100644 --- a/src/stylesheets/components.css +++ b/src/stylesheets/components.css @@ -1,4 +1,5 @@ @import url('../../components/Header.css'); @import url('../../components/Footer.css'); @import url('../../components/Heros.css'); +@import url('../../components/SponsorCards.css'); @import url('../../islands/ThemePicker.css'); diff --git a/static/assets/sponsors/cap_emploi_33.png b/static/assets/sponsors/cap_emploi_33.png new file mode 100644 index 0000000..8d36642 Binary files /dev/null and b/static/assets/sponsors/cap_emploi_33.png differ diff --git a/static/assets/sponsors/ehpad_terre_negre.png b/static/assets/sponsors/ehpad_terre_negre.png new file mode 100644 index 0000000..882be99 Binary files /dev/null and b/static/assets/sponsors/ehpad_terre_negre.png differ diff --git a/static/assets/sponsors/imb.png b/static/assets/sponsors/imb.png new file mode 100644 index 0000000..ecf81a6 Binary files /dev/null and b/static/assets/sponsors/imb.png differ diff --git a/static/assets/sponsors/inrae.png b/static/assets/sponsors/inrae.png new file mode 100644 index 0000000..a49b91e Binary files /dev/null and b/static/assets/sponsors/inrae.png differ diff --git a/static/assets/sponsors/iut_bordeaux.png b/static/assets/sponsors/iut_bordeaux.png new file mode 100644 index 0000000..4909de6 Binary files /dev/null and b/static/assets/sponsors/iut_bordeaux.png differ diff --git a/static/assets/sponsors/maison_pour_la_science.png b/static/assets/sponsors/maison_pour_la_science.png new file mode 100644 index 0000000..e6ad048 Binary files /dev/null and b/static/assets/sponsors/maison_pour_la_science.png differ diff --git a/static/assets/sponsors/technoshop.png b/static/assets/sponsors/technoshop.png new file mode 100644 index 0000000..63f1d83 Binary files /dev/null and b/static/assets/sponsors/technoshop.png differ diff --git a/static/assets/sponsors/universite_bordeaux.png b/static/assets/sponsors/universite_bordeaux.png new file mode 100644 index 0000000..2f50e60 Binary files /dev/null and b/static/assets/sponsors/universite_bordeaux.png differ diff --git a/static/assets/sponsors/vegetal-signals.png b/static/assets/sponsors/vegetal-signals.png new file mode 100644 index 0000000..94d2d88 Binary files /dev/null and b/static/assets/sponsors/vegetal-signals.png differ