feat: metas dynamiques

main
Jalil Arfaoui 2023-12-26 13:41:26 +01:00
parent 51fd0f2bd2
commit fa4b40771c
4 changed files with 18 additions and 47 deletions

View File

@ -13,8 +13,8 @@ const markdownItOptions = {
} }
const parseDate = (date) => typeof date === 'string' ? const parseDate = (date) => typeof date === 'string' ?
DateTime.fromISO(date) : DateTime.fromISO(date).setZone("Europe/Paris") :
DateTime.fromJSDate(date, {zone: 'utc'}) DateTime.fromJSDate(date, {zone: 'utc'}).setZone("Europe/Paris")
async function imageShortcode(src, alt, sizes) { async function imageShortcode(src, alt, sizes) {
let metadata = await Image(src, { let metadata = await Image(src, {
@ -64,6 +64,9 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addFilter('htmlDateString', (dateObj) => { eleventyConfig.addFilter('htmlDateString', (dateObj) => {
return parseDate(dateObj).toFormat('yyyy-LL-dd'); return parseDate(dateObj).toFormat('yyyy-LL-dd');
}); });
eleventyConfig.addFilter('htmlDateTimeISO', (dateObj) => {
return parseDate(dateObj).toISO();
});
// Get the first `n` elements of a collection. // Get the first `n` elements of a collection.
eleventyConfig.addFilter("head", (array, n) => { eleventyConfig.addFilter("head", (array, n) => {

View File

@ -1,65 +1,29 @@
---
layout: layouts/html.njk
---
<!DOCTYPE html> <!DOCTYPE html>
<html class="html" prefix="og: https://ogp.me/ns#" data-lt-installed="true" lang="fr-FR"> <html class="html" prefix="og: https://ogp.me/ns#" data-lt-installed="true" lang="fr-FR">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Compagnie Kalimat</title> <title>{{ title or metadata.title or "Compagnie Kalimat" }}</title>
{% if description %}<meta name="description" content="{{ description }}">{% endif %}
<!-- All in One SEO 4.1.8 -->
<meta name="description" content="C'était à Paris, Du 12 novembre au 18 décembre, vendredi et samedi, À 21h30, Théâtre Clavel Merci à vous d'être venus nous voir si nombreux pour notre premier projet. Nos comédiens sont peut-être sortis de leurs prisons. Ils travaillent peut-être sur une nouvelle pièce...">
<meta name="robots" content="max-image-preview:large">
<link rel="canonical" href="https://compagniekalimat.fr/"> <link rel="canonical" href="https://compagniekalimat.fr/">
<meta property="og:locale" content="fr_FR"> <meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Compagnie Kalimat - Bienvenue sur le site de la compagnie de théâtre Kalimat !"> <meta property="og:site_name" content="Compagnie Kalimat">
<meta property="og:type" content="article"> <meta property="og:type" content="article">
<meta property="og:title" content="Compagnie Kalimat"> <meta property="og:title" content="Compagnie Kalimat">
<meta property="og:description" content="C'était à Paris, Du 12 novembre au 18 décembre, vendredi et samedi, À 21h30, Théâtre Clavel Merci à vous d'être venus nous voir si nombreux pour notre premier projet. Nos comédiens sont peut-être sortis de leurs prisons. Ils travaillent peut-être sur une nouvelle pièce..."> {% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
<meta property="og:url" content="https://compagniekalimat.fr/"> <meta property="og:url" content="https://compagniekalimat.fr/">
<meta property="og:image" content="/images/logo.png"> <meta property="og:image" content="/images/logo-compagnie-kalimat-960.png">
<meta property="article:published_time" content="2021-09-07T13:22:54+00:00"> <meta property="article:published_time" content="{{ page.date | htmlDateTimeISO }}">
<meta property="article:modified_time" content="2022-03-07T14:21:49+00:00"> <meta property="article:modified_time" content="{{ page.date | htmlDateTimeISO }}">
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Compagnie Kalimat"> <meta name="twitter:title" content="Compagnie Kalimat">
<meta name="twitter:description" content="C'était à Paris, Du 12 novembre au 18 décembre, vendredi et samedi, À 21h30, Théâtre Clavel Merci à vous d'être venus nous voir si nombreux pour notre premier projet. Nos comédiens sont peut-être sortis de leurs prisons. Ils travaillent peut-être sur une nouvelle pièce..."> {% if description %}<meta name="twitter:description" content="{{ description }}">{% endif %}
<meta name="twitter:image" content="/images/logo.png"> <meta name="twitter:image" content="/images/logo-compagnie-kalimat-960.png">
<!-- All in One SEO -->
<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Bienvenue sur le site de la compagnie de théâtre Kalimat !"> <meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Bienvenue sur le site de la compagnie de théâtre Kalimat !">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta property="og:url" content="https://compagniekalimat.fr/">
<meta property="og:site_name" content="Compagnie Kalimat">
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="website">
<meta property="og:title" content="Compagnie Kalimat">
<meta property="og:description" content="Bienvenue sur le site de la compagnie de théâtre Kalimat !">
<meta property="og:image" content="/images/Affiche.jpg">
<meta property="og:image:width" content="595">
<meta property="og:image:height" content="842">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Compagnie Kalimat">
<meta name="twitter:description" content="Bienvenue sur le site de la compagnie de théâtre Kalimat !">
<meta name="twitter:image" content="/images/Affiche.jpg">
<style>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="global" href="/css/global.css" media="all"> <link rel="stylesheet" id="global" href="/css/global.css" media="all">
<style id="wp-block-library-theme-inline-css"> <style id="wp-block-library-theme-inline-css">
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0} .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}

View File

@ -1,5 +1,7 @@
--- ---
layout: layouts/base.njk layout: layouts/base.njk
title: Araberlin
description: Nous sommes à Berlin dans une famille composée de Aïda une libano-palestinienne naturalisée, de son frère étudiant, du mari allemand dAïda, et de leur fils.
--- ---
<h1 class="mb-0">Araberlin</h1> <h1 class="mb-0">Araberlin</h1>

View File

@ -1,5 +1,7 @@
--- ---
layout: layouts/base.njk layout: layouts/base.njk
title: Il
description: C'était à Paris, Du 12 novembre au 18 décembre, vendredi et samedi, À 21h30, Théâtre Clavel Merci à vous d'être venus nous voir si nombreux pour notre premier projet. Nos comédiens sont peut-être sortis de leurs prisons. Ils travaillent peut-être sur une nouvelle pièce...
--- ---
<div id="il-page" data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133" data-elementor-settings="[]"> <div id="il-page" data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133" data-elementor-settings="[]">