From a42069ffa297039aee2a95d613390ec957a14dbe Mon Sep 17 00:00:00 2001
From: Miraty <miraty@antopie.org>
Date: Wed, 22 Sep 2021 01:12:41 +0200
Subject: [PATCH] Specify image sizes with HTML attributes to enable browsers
 to preserve layout when loading them

---
 antopie/404.md   |  1 -
 antopie/index.md | 27 +++++++++++++++++++++++----
 inc/debut.php    |  2 +-
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/antopie/404.md b/antopie/404.md
index bbe5225..306127b 100644
--- a/antopie/404.md
+++ b/antopie/404.md
@@ -1,4 +1,3 @@
-
 # ![Erreur 404](img/404.png) {.imgArticle}
 
 La page à laquelle vous avez tenté d'accéder a été Antièrement dévorée par une armée de fourmis affamées !
diff --git a/antopie/index.md b/antopie/index.md
index 5d54e51..9c1c522 100644
--- a/antopie/index.md
+++ b/antopie/index.md
@@ -29,6 +29,25 @@ $logoService = array(
 'iprefua' => NULL,
 );
 
+$logoServiceDimensions = array(
+'plume' => array(100, 100),
+'peertube' => array(75, 100),
+'gitea' => array(100, 100),
+'libreqr' => array(100, 100),
+'vaultwarden' => array(100, 100),
+'nextcloud' => array(150, 68),
+'synapse' => array(95, 100),
+'element' => array(100, 100),
+'privatebin' => array(94, 100),
+'jirafeau' => array(100, 100),
+'rssbridge' => array(150, 31),
+'searx' => array(109, 100),
+'etherpad' => array(59, 100),
+'diagrams' => array(80, 80),
+'opensondage' => array(64, 64),
+'iprefua' => NULL,
+);
+
 $urlService = array(
 'plume' => clearnetOrOnion('https://blog.antopie.org', 'http://antblogn2vnc4hncjiow4jn7yidxe64l2o2qhj2tyla33jjhrrf5v2ad.onion'),
 'peertube' => 'https://video.antopie.org',
@@ -203,15 +222,15 @@ $aboutService = array(
 foreach($descService as $codeService => $descService) { ?>
 <div>
   <?php if (isset($logoService[$codeService])) { ?>
-  <div class="logoService"><img class="elLogoServ" src="img/logos/<?= $logoService[$codeService]; ?>.webp" alt=""></div>
+  <div class="logoService"><img class="elLogoServ" src="img/logos/<?= $logoService[$codeService]; ?>.webp" width="<?= $logoServiceDimensions[$codeService][0]; ?>" height="<?= $logoServiceDimensions[$codeService][1]; ?>" alt=""></div>
   <?php } ?>
   <h1 class="titreService"><?= $nomService[$codeService]; ?></h1>
   <div class="metasService">
     <?php if (!is_null($siteOfficielService[$codeService])) { ?>
-    <a class="metaService" aria-label="Site officiel" title="Site officiel de <?= $nomService[$codeService]; ?>" href="https://<?= $siteOfficielService[$codeService] ?>">Site</a>
+    <a class="metaService" title="Site officiel de <?= $nomService[$codeService]; ?>" href="https://<?= $siteOfficielService[$codeService] ?>">Site</a>
     <?php } ?>
-    <a class="metaService" aria-label="Code source" title="Code source de <?= $nomService[$codeService]; ?>" href="https://<?= $gitService[$codeService]; ?>">Source</a>
-    <a class="metaService" aria-label="Paquet YunoHost" title="Paquet YunoHost de <?= $nomService[$codeService]; ?>" href="https://<?= $paquetYnhService[$codeService]; ?>">Paquet</a></div>
+    <a class="metaService" title="Code source de <?= $nomService[$codeService]; ?>" href="https://<?= $gitService[$codeService]; ?>">Source</a>
+    <a class="metaService" title="Paquet YunoHost de <?= $nomService[$codeService]; ?>" href="https://<?= $paquetYnhService[$codeService]; ?>">Paquet</a></div>
     <div class="descService"><?= $descService; ?></div>
     <div class="domService"><?= $domService[$codeService]; ?>
   </div>
diff --git a/inc/debut.php b/inc/debut.php
index 70bee7b..7bfcbb9 100755
--- a/inc/debut.php
+++ b/inc/debut.php
@@ -39,7 +39,7 @@ if (SITE === "antopie") {
 ?>
       <a id="lienHeader" href=".">
         <div class="logo">
-          <img src="img/antopiev5-500.webp" alt="Antopie" />
+          <img src="img/antopiev5-500.webp" width="500" height="94" alt="Antopie" />
         </div>
       </a>