About

Colophon

The technical and ethical choices behind this site.

Why this site exists

This site is my digital ID card. The goal is simple: when someone searches for « Florian Beaufils » online, they land here, and within a minute they know who I am and what I do.

What it is not:

  • Not a portfolio — case studies live elsewhere, on a private site shared on request
  • Not a blog — no posts published for now
  • Not a booking page — an email is enough

Technical stack

  • Framework: Astro
  • Styles: pure CSS, centralized design tokens, no CSS framework
  • JavaScript: minimal, only for necessary interactions (theme toggle, comfort panel, micro-interactions)
  • Fonts: system fonts only (zero HTTP request, zero loading)
  • Hosting: Cloudflare Pages
  • Domains: florianbeaufils.com and florianbeaufils.fr (the .fr redirects to .com)

Eco-design

The site is aligned with the RGESN framework (French Interministerial Department for Digital Affairs) and the GR491 from the French Institute for Sustainable IT. Concrete choices:

  • System fonts — no downloaded fonts, so no network request for typography
  • Icons — inline SVG, no library loaded
  • Images — modern formats (WebP, AVIF), adapted dimensions, lazy loading (loading="lazy")
  • No third-party scripts — no loading from Google, Meta or any external CDN
  • No commercial profiling tools (see « Privacy » below)
  • Target weight — less than 500 KB on first load

Environmental performance notes (EcoIndex, Website Carbon) are published in the accessibility statement.

Accessibility

Web accessibility doesn't start on the site itself: it starts in the system preferences of the person visiting. Text size, high contrast, screen reader, magnifier, reduced motion — these are the tools that people with disabilities configure once, at the device level. A well-built site respects those choices without asking to be reconfigured.

This site targets the WCAG 2.2 level AA standards (AAA on critical contrasts), RGAA and EAA. In practice:

  • System preferences respected: prefers-color-scheme (light/dark mode), prefers-reduced-motion (animations), prefers-contrast (high contrast), prefers-reduced-data (data saving)
  • Strict HTML semantics and respected heading hierarchy
  • All interactive elements keyboard-accessible, distinctive visible focus
  • Minimum interactive area of 44×44 px on all clickable elements (Fitts's Law, WCAG 2.5.8)
  • Skip link (« Skip to main content ») on first tab

In addition, a comfort panel allows on-the-fly display adjustments: text size, spacing, alignment, contrast, hide images, stop animations, and more. This panel is a complement for contextual needs (fatigue, borrowed screen, momentary preference) — it does not replace the assistive tools configured at the OS level, which remain primary.

The full conformance details, audit results and how to report a problem are documented in the accessibility statement.

Privacy

  • No third-party cookies
  • No advertising retargeting pixels or third-party profiling tools (no Meta Pixel, no LinkedIn Insight Tag, no Google Tag Manager)
  • No personal data collected without explicit interaction
  • Minimal audience measurement via Cloudflare Web Analytics — can be turned off at any time from the comfort panel

Cloudflare Web Analytics was chosen for its alignment with the site's philosophy:

  • Cookieless (no cookie set on your browser)
  • No stored IP collection
  • No fingerprinting
  • No cross-site user profile

The comfort panel includes an "Audience measurement" toggle in its "Privacy" section. When you turn it off, no measurement script is loaded on the next page load: zero HTTP request to Cloudflare, zero measurement ping from your browser.

The full list of tools used and their role is detailed in the privacy policy.