paumée: Matin bleu et Françes le soir

9/01/2025

paumée: Matin bleu et Françes le soir:   Contre le  bleu dur les arbres, quelques feuilles, restes de décors, des gens avec leurs peines, leurs joies fugitives et dans une galerie...

 

  Repensé au mot tiers lieu. 

https://ledibbouk.net/spip.php?article615

quelques bouts de script pour un squelette SPIP

<script>

function changeFontSize(direction) {

var texte = document.querySelector('.article-body');

var style = window.getComputedStyle(texte, null).getPropertyValue('font-size');

var currentSize = parseFloat(style);

// Applique le changement de taille même en mode texte

texte.style.fontSize = (currentSize + (2 * direction)) + 'px';

// Si en mode texte, applique aussi à tous les éléments enfants

if (texte.classList.contains('text-only-mode')) {

var allTextElements = texte.querySelectorAll('p, span, div, h1, h2, h3, h4, h5, h6');

allTextElements.forEach(function(element) {

element.style.fontSize = (currentSize + (2 * direction)) + 'px';

});

}

}

function toggleTextOnly() {

var articleBody = document.querySelector('.article-body');

var images = articleBody.getElementsByTagName('img');

var mediaElements = articleBody.querySelectorAll('video, audio, iframe');

articleBody.classList.toggle('text-only-mode');

if (articleBody.classList.contains('text-only-mode')) {

// Sauvegarde la taille actuelle du texte

var currentSize = window.getComputedStyle(articleBody, null).getPropertyValue('font-size');

articleBody.setAttribute('data-original-size', currentSize);

for (var i = 0; i < images.length; i++) {

images[i].style.display = 'none';

}

for (var i = 0; i < mediaElements.length; i++) {

mediaElements[i].style.display = 'none';

}

} else {

// Restaure la taille d'origine si nécessaire

var originalSize = articleBody.getAttribute('data-original-size');

if (originalSize) {

articleBody.style.fontSize = originalSize;

}

for (var i = 0; i < images.length; i++) {

images[i].style.display = '';

}

for (var i = 0; i < mediaElements.length; i++) {

mediaElements[i].style.display = '';

}

}

}

</script>

<script type="text/javascript">

function changeFontSize(direction) {

var texte = document.querySelector('.article-body'); // Changé ici

var style = window.getComputedStyle(texte, null).getPropertyValue('font-size');

var currentSize = parseFloat(style);

if(direction > 0) {

texte.style.fontSize = (currentSize + 2) + 'px';

} else {

texte.style.fontSize = (currentSize - 2) + 'px';

}

}

</script>

<title>#TITRE</title>

<INCLURE{fond=inc/inc-head} />

<link rel="stylesheet" href="[(#CHEMIN{css/article.css})]" type="text/css" />

</head>