Administrateur/ptitspas-vitrine
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(vitrine): modernisation UI (nav, home bento, typo, shortcodes)

Browse Source 
- Header sticky, menu mobile, lien d’évitement et JS léger (site.js)
- Accueil : layouts/index.html, contenu structuré en front matter, grille bento
- Motif « parcours » en SVG statique (évite la casse minify sur path inline)
- CSS : tokens, clamp, focus-visible, prefers-reduced-motion, formulaire contact
- Footer aligné sur la charte (plus de styles inline Bootstrap)
- Shortcodes featureblock + card ; fonctionnalités en blocs featureblock
- Polices : Merienda + Source Sans 3 (remplace la pile à 5 Google Fonts)

Made-with: Cursor
This commit is contained in:
jmartin
2026-04-22 18:47:41 +02:00
parent 1cc51e0745
commit a6b329a698
14 changed files with 798 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+31 -29
View File
@@ -3,40 +3,32 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO Meta Tags -->
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
<meta name="keywords" content="{{ if .Keywords }}{{ delimit .Keywords ", " }}{{ else }}{{ .Site.Params.keywords }}{{ end }}">
<meta name="author" content="{{ .Site.Params.author | default .Site.Title }}">
<!-- Prevent indexing of staging site -->
{{ if eq .Site.BaseURL "https://staging.ptits-pas.fr/" }}
<meta name="robots" content="noindex, nofollow">
{{ end }}
<!-- Open Graph / Facebook -->
<meta property="og:type" content="{{ if .IsHome }}website{{ else }}article{{ end }}">
<meta property="og:url" content="{{ .Permalink }}">
<meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
<meta property="og:image" content="{{ .Site.BaseURL }}images/page_login_4.1.png">
<meta property="og:locale" content="fr_FR">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{ .Permalink }}">
<meta property="twitter:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
<meta property="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
<meta property="twitter:image" content="{{ .Site.BaseURL }}images/page_login_4.1.png">
<!-- Canonical URL -->
<link rel="canonical" href="{{ .Permalink }}">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- JSON-LD structured data for Google -->
<link rel="icon" type="image/x-icon" href="{{ "favicon.ico" | relURL }}">
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,16 +49,14 @@
{{ end }}
}
</script>
<link rel="stylesheet" href="{{ `/css/style.css` | relURL }}">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-65J8GVLCRH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-65J8GVLCRH', {
'anonymize_ip': true,
'allow_google_signals': false,
@@ -76,18 +66,30 @@
</script>
</head>
<body>
<header>
<nav>
<ul>
{{ range .Site.Menus.main }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</nav>
<a class="skip-link" href="#contenu-principal">Aller au contenu</a>
<header class="site-header">
<div class="site-header__inner">
<a class="site-logo" href="{{ "/" | relURL }}">P'titsPas</a>
<nav class="site-nav" id="site-nav" aria-label="Navigation principale">
<button type="button" class="nav-toggle" aria-expanded="false" aria-controls="site-nav-panel" id="site-nav-toggle" aria-label="Ouvrir le menu">
<span class="nav-toggle__bar" aria-hidden="true"></span>
<span class="nav-toggle__bar" aria-hidden="true"></span>
<span class="nav-toggle__bar" aria-hidden="true"></span>
</button>
<div class="site-nav__panel" id="site-nav-panel">
<ul class="site-nav__list">
{{ range .Site.Menus.main }}
<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
</nav>
</div>
</header>
<main>
<main id="contenu-principal" class="site-main">
{{ block "main" . }}{{ .Content }}{{ end }}
</main>
{{ partial "footer.html" . }}
<script src="{{ `/js/site.js` | relURL }}" defer></script>
</body>
</html>
</html>