diff --git a/public/favicon.svg b/public/favicon.svg index f157bd1..e149658 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,9 +1,16 @@ - - - + + + + + + + + + + + + + + + diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 1ee30aa..bcafbfa 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -29,12 +29,20 @@ const { - - - + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 20d9ca1..a127eb4 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -22,86 +22,122 @@ const links = [ -
- +
-
- +
-
- +
-
- - Emmanuel Bernard + + Emmanuel Bernard
- -

- Emmanuel
Bernard + +

+ Emmanuel
Bernard

-

- Consultant-formateur
AI Automation &
Expert n8n à Lausanne +

+ Consultant-formateur
AI Automation &
Expert n8n à Lausanne

-

- Avec 20 ans d'expérience technique, j'accompagne les équipes et agences pour automatiser leurs processus et prototyper leurs idées grâce à l'IA. +

+ Avec 20 ans d'expérience technique, j'accompagne les équipes et + agences pour automatiser leurs processus et prototyper leurs idées + grâce à l'IA.

- - - AVQN.CH - Aussi Vite
Que Nécessaire -

- Découvrez mes services en
AI Automation et n8n + + AVQN.CH + Aussi Vite
Que Nécessaire +

+ Découvrez mes services en
AI Automation et n8n

- ↗ + ↗
- -
- ↗ + +
+ ↗ +
+
+ LinkedIn + Connectons-nous
-
- LinkedIn - Connectons-nous -
- +
- ↗ + ↗ +
+
+ YouTube + Tutoriels & Démos
-
- YouTube - Tutoriels & Démos -
- - -
- © {new Date().getFullYear()} Emmanuel Bernard - Lausanne, CH -
+ +
+ © {new Date().getFullYear()} Emmanuel Bernard + Lausanne, CH +
diff --git a/src/styles/global.css b/src/styles/global.css index d6ec30e..fb06d03 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,7 +1,98 @@ @import "tailwindcss"; +@theme { + --font-sans: "General Sans", "Inter", system-ui, -apple-system, sans-serif; + --font-display: "Clash Display", "Inter", system-ui, -apple-system, sans-serif; + + --color-primary-50: #FFE5EF; + --color-primary-100: #FFCCE0; + --color-primary-200: #FF99C1; + --color-primary-300: #FF66A2; + --color-primary-400: #FF5C8A; + --color-primary-500: #FF5C8A; + --color-primary-600: #FF2E6E; + --color-primary-700: #FF0052; + --color-primary-800: #CC0042; + --color-primary-900: #990032; +} + +/* Fonts Setup */ +@font-face { + font-family: 'General Sans'; + src: url('https://cdn.avqn.ch/fonts/GeneralSans-Regular.woff2') format('woff2'); + font-weight: 400; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'General Sans'; + src: url('https://cdn.avqn.ch/fonts/GeneralSans-Medium.woff2') format('woff2'); + font-weight: 500; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'General Sans'; + src: url('https://cdn.avqn.ch/fonts/GeneralSans-Semibold.woff2') format('woff2'); + font-weight: 600; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'General Sans'; + src: url('https://cdn.avqn.ch/fonts/GeneralSans-Bold.woff2') format('woff2'); + font-weight: 700; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'Clash Display'; + src: url('https://cdn.avqn.ch/fonts/ClashDisplay-Regular.woff2') format('woff2'); + font-weight: 400; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'Clash Display'; + src: url('https://cdn.avqn.ch/fonts/ClashDisplay-Medium.woff2') format('woff2'); + font-weight: 500; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'Clash Display'; + src: url('https://cdn.avqn.ch/fonts/ClashDisplay-Semibold.woff2') format('woff2'); + font-weight: 600; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: 'Clash Display'; + src: url('https://cdn.avqn.ch/fonts/ClashDisplay-Bold.woff2') format('woff2'); + font-weight: 700; + font-display: swap; + font-style: normal; +} + @layer base { body { - font-family: 'Inter', system-ui, -apple-system, sans-serif; + font-family: var(--font-sans); + @apply bg-primary-50 text-gray-900 antialiased selection:bg-primary-500 selection:text-white; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + font-family: var(--font-display); } } \ No newline at end of file