- {getCols().map((col, ci) => (
-
-
-
- {col.map((img, ri) => {
- const idx = flat(ci, ri);
- return (
- setSel(idx)}
- style={{ cursor: 'pointer', overflow: 'hidden', lineHeight: 0 }}
- >
- 
(e.currentTarget.style.transform = 'scale(1.015)')}
- onMouseLeave={e => (e.currentTarget.style.transform = '')}
- />
-
- );
- })}
-
- ))}
-
- {step.subtitle.toLowerCase()}
-
- {step.title}
-{step.description}
- {step.duration && {step.duration}} -
- {steps.map((step, i) => (
-
- );
-}
-
-const rowStyle: React.CSSProperties = {
- display: 'grid',
- gridTemplateColumns: '3.5rem 1fr',
- gap: '2rem',
- alignItems: 'flex-start',
- padding: '2.5rem 0',
- borderBottom: '1px solid #E5E5E5',
-};
-
-const numStyle: React.CSSProperties = {
- fontFamily: "'DM Serif Display', Georgia, serif",
- fontSize: '0.85rem',
- fontStyle: 'italic',
- color: '#AAA',
- paddingTop: '0.15rem',
-};
-
-const contentStyle: React.CSSProperties = {};
-
-const subtitleStyle: React.CSSProperties = {
- fontSize: '0.6rem',
- letterSpacing: '0.14em',
- color: '#AAA',
- display: 'block',
- marginBottom: '0.5rem',
-};
-
-const titleStyle: React.CSSProperties = {
- fontFamily: "'DM Serif Display', Georgia, serif",
- fontSize: 'clamp(1.3rem, 2.5vw, 1.8rem)',
- fontWeight: 400,
- lineHeight: 1.3,
- marginBottom: '0.8rem',
- color: '#1A1A1A',
-};
-
-const descStyle: React.CSSProperties = {
- fontSize: '0.9rem',
- lineHeight: 1.7,
- color: '#777',
- maxWidth: '480px',
-};
-
-const durStyle: React.CSSProperties = {
- display: 'inline-block',
- marginTop: '0.8rem',
- fontSize: '0.6rem',
- letterSpacing: '0.1em',
- color: '#AAA',
-};
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 41642da..af0b8f0 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -6,14 +6,35 @@ import '../styles/global.css';
interface Props {
title?: string;
description?: string;
+ ogImage?: string;
}
const {
title = 'Aurélie Barré — Directrice artistique',
description = 'Aurélie Barré, directrice artistique & designeuse d\'intérieur. Design d\'expérience, scénographie événementielle, aménagement pérenne.',
+ ogImage = '/images/events/moet/01.webp',
} = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const ogImageURL = new URL(ogImage, Astro.site);
+
+const jsonLd = JSON.stringify({
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Organization",
+ "name": "Aurélie Barré",
+ "url": "https://aureliebarre.fr",
+ "description": "Directrice artistique & designeuse d'intérieur — scénographie événementielle et aménagement pérenne.",
+ "sameAs": []
+ },
+ {
+ "@type": "WebSite",
+ "name": "Aurélie Barré",
+ "url": "https://aureliebarre.fr"
+ }
+ ]
+});
---
@@ -23,14 +44,29 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
{stripImages.map((img, i) => (
@@ -159,6 +165,7 @@ const allPerennes = getMockProjects('perenne');
const cursorImg = document.getElementById('cursor-img-el') as HTMLImageElement;
const rows = document.querySelectorAll
-
+
))}
- 
+ 
+
@@ -53,10 +53,10 @@ import { mockProcessSteps } from '../lib/mock-data';
- 
+ 
+
- 
+ 
+