Specify image sizes with HTML attributes to enable browsers to preserve layout when loading them

This commit is contained in:
Miraty 2021-09-22 01:12:41 +02:00
parent 77ea227e8a
commit a42069ffa2
3 changed files with 24 additions and 6 deletions

View File

@ -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 !

View File

@ -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>

View File

@ -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>