✨ feat(opengraph): Add opengraph icon (#212)

cnumr · Feb 9, 2023 · 4bef6d3 · 4bef6d3
1 parent ef04f88
commit 4bef6d3
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 6 deletions.
diff --git a/assets/css/2_main.css b/assets/css/2_main.css
@@ -168,9 +168,26 @@ header {
 	padding-bottom: var(--s-3);
 }
 
-header .logo {
+.logo-ecoindex {
+	font-size: 1.7rem;
+	font-weight: 500;
+	line-height: 2rem;
 	padding-left: calc(var(--s4) / 2);
 	padding-right: calc(var(--s4) / 2);
+	text-decoration: none;
+	text-rendering: geometricPrecision;
+	white-space: nowrap;
+}
+.logo-ecoindex__eco,
+.logo-ecoindex__index {
+	padding: 0.1rem 0.5rem;
+}
+.logo-ecoindex__eco {
+	padding-left: 0;
+}
+.logo-ecoindex__index {
+	background-color: var(--color-light);
+	color: var(--color-primary);
 }
 
 .header-container {

diff --git a/assets/images/logo.png b/assets/images/logo.png
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
diff --git a/layouts/partials/head/meta_custom.html b/layouts/partials/head/meta_custom.html
@@ -0,0 +1,4 @@
+{{ template "_internal/opengraph.html" . }}
+{{ $image := resources.Get "images/logo.png" }}
+{{ $image = $image.Resize "1200x jpg q40" }}
+<meta property="og:image" content="{{ $image.Permalink }}" />
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -14,10 +14,9 @@
 <div class="header-container shadow-container">
 	<header role="banner" class="wrapper">
 		<div>
-			<a href="{{ `/` | relLangURL }}" class="logo" title="Retour à la page d'accueil"
-				>{{- $logoResource := resources.Get "images/logo.svg" -}}
-				<img src="{{- $logoResource.RelPermalink -}}" width="132" height="36" alt="ecoIndex, {{ i18n `BackHome` -}}"
-			/></a>
+			<a href="{{ `/` | relLangURL }}" class="logo-ecoindex" title="EcoIndex, {{ i18n `BackHome` -}}">
+				<span class="logo-ecoindex__eco">eco</span><span class="logo-ecoindex__index">Index</span>
+			</a>
 			<div class="menu-btn-container" hidden>
 				<div class="with-icon-l">
 					<button class="menu-btn" aria-expanded="false" aria-controls="main-nav">