Antopie/antopie
Antopie/antopie
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

meilleure sémantique html, retrait d'ancien code css

Browse source
This commit is contained in:
Miraty 2024-09-21 23:25:55 +02:00
parent 025d164c6c
commit 73fedd6174
4 changed files with 41 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
404.md
View file

@ -1,5 +1,7 @@
# ![Erreur 404](img/404.png) {.imgArticle}
# Page introuvable
On dirait bien que c'est une ![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 !
[Page d'accueil](.){.button}
[[📍]{aria-hidden=true} Page d'accueil](/){.button}

22
end.inc.html
View file

@ -1,19 +1,21 @@
<hr>
<footer>
<div class="interlude">
<hr>
</div>
<div class="row padRow">
<a href="https://miraty.niv.re/contact" class="button">Me contacter</a>
<br>
<nav class="row">
<div>
<a href="https://miraty.niv.re/contact" class="button">Me contacter</a>
</div>
<div>
<?php if (DESTINATION === "onion") { ?>
<a href="https://antopie.org/<?= ($path_parts_target['filename'] === 'index') ? '' : ($path_parts_target['filename'] . '.html') ?>" class="button">Accès <abbr title="Domain Name System">DNS</abbr></a>
<?php } else { ?>
<a href="http://sou4vla4k5peskbl3dlzhh3e6ve5eu3m3hhsmiidqevlsd6lqo3qq2ad.onion/<?= ($path_parts_target['filename'] === 'index') ? '' : ($path_parts_target['filename'] . '.html') ?>" class="button">Accès Onion</a>
<?php } ?>
</div>
<div>
</div>
</nav>
<p>
Services auto-hébergés avec datalove à Paris.
<br>
</p>
<p>
Les <a href="<?php echo clearnetOrOnion("https://code.antopie.org", "http://code.sou4vla4k5peskbl3dlzhh3e6ve5eu3m3hhsmiidqevlsd6lqo3qq2ad.onion"); ?>/Antopie/antopie">sources de ce site</a> sont publiées sous <abbr title="GNU Affero General Public License version 3 ou toute version ultérieure"><a href="LICENSE.en.html">AGPLv3</a>+</abbr>.
</div>
</p>
</footer>

20
index.md
View file

@ -6,12 +6,16 @@ Antopie propose des services Internet, administrés par et hébergés chez [Mira
Le compte <a href="https://mamot.fr/@Antopie" rel="me">@Antopie@mamot.fr</a> ([RSS](https://mamot.fr/@Antopie.rss)) informe des pannes, mises à jour et nouveaux services.
<nav class="row padRow">
<a href="manifeste-sur-le-contenu.html" class="button">Manifeste sur le contenu</a>
<br>
<a href="details-techniques.html" class="button">Détails techniques</a>
<br>
<a href="cgu.html" class="button">Conditions d'utilisation</a>
<nav class="row">
<div>
<a href="manifeste-sur-le-contenu.html" class="button">Manifeste sur le contenu</a>
</div>
<div>
<a href="details-techniques.html" class="button">Détails techniques</a>
</div>
<div>
<a href="cgu.html" class="button">Conditions d'utilisation</a>
</div>
</nav>
## Services
@ -171,13 +175,13 @@ foreach($services as $service_id => $service) {
$img_path = 'img/logos/' . $service_id . '.webp';
?>
<div>
<h3 class="titreService"><?= $service['name'] ?></h3>
<?php
if (file_exists(SITE . '/' . $img_path)) {
$sizes = getimagesize(SITE . '/' . $img_path);
?>
<img class="imgService" src="<?= $img_path ?>" width="<?= $sizes[0] ?>" height="<?= $sizes[1] ?>" alt="">
<?php } ?>
<h3 class="titreService"><?= $service['name'] ?></h3>
<small class="row">
<?php if (isset($service['site'])) { ?>
<a class="metaService" title="Site officiel de <?= $service['name'] ?>" href="https://<?= $service['site'] ?>">Site</a><br>
@ -193,7 +197,7 @@ foreach($services as $service_id => $service) {
<a class="small-button" href="<?= $service['presentation'] ?>.html">Présentation</a>
<br>
<?php } ?>
<a class="small-button action" href="<?= clearnetOrOnion('https://' . $service['domain'] . '.antopie.org', 'http://' . $service['domain'] . '.sou4vla4k5peskbl3dlzhh3e6ve5eu3m3hhsmiidqevlsd6lqo3qq2ad.onion') ?><?= ($service_id === 'synapse') ? '/_matrix/static/' : '/' ?>"><span aria-hidden="true"><?= $service['action_emoji'] ?? '➡' ?></span>&nbsp;<?= $service['action'] ?? 'Accéder au service' ?></a>
<a class="small-button" href="<?= clearnetOrOnion('https://' . $service['domain'] . '.antopie.org', 'http://' . $service['domain'] . '.sou4vla4k5peskbl3dlzhh3e6ve5eu3m3hhsmiidqevlsd6lqo3qq2ad.onion') ?><?= ($service_id === 'synapse') ? '/_matrix/static/' : '/' ?>"><span aria-hidden="true"><?= $service['action_emoji'] ?? '➡' ?></span>&nbsp;<?= $service['action'] ?? 'Accéder au service' ?></a>
</nav>
</div>

51
style.css
View file

@ -11,17 +11,19 @@
img[alt="Antopie"] {
margin-top: 1rem;
height: 4rem;
max-height: 4rem;
width: auto;
}
/* Add a white shadow around dark images to get enough contrast with dark theme */
img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"], img[src="img/404.png"] {
--offset: 0.03rem;
--offset-neg: calc(var(--offset) * -1);
filter:
drop-shadow( 0.03rem 0.03rem 0 white)
drop-shadow( 0.03rem -0.03rem 0 white)
drop-shadow(-0.03rem 0.03rem 0 white)
drop-shadow(-0.03rem -0.03rem 0 white)
drop-shadow(var(--offset) var(--offset) 0 white)
drop-shadow(var(--offset) var(--offset-neg) 0 white)
drop-shadow(var(--offset-neg) var(--offset) 0 white)
drop-shadow(var(--offset-neg) var(--offset-neg) 0 white)
;
}
@ -43,53 +45,26 @@ header > h1 {
margin: 0;
}
header > img, h1 > img {
max-height: 3.4rem;
width: auto;
}
.interlude {
display: flex;
justify-content: center;
margin-top: 0.66rem;
margin-bottom: 0.33rem;
}
.interlude > hr {
hr {
border: 0;
border-top: 0.1rem gray dashed;
width: 17.33rem;
width: 20rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.row {
text-align: center;
justify-content: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.row > a.button {
margin: 0.33rem;
}
.padRow {
padding: 0.33rem;
}
small {
font-size: 0.8rem;
}
h1.titreService {
font-size: 1.3rem;
text-align: center;
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
.antopie {
font-weight: 500;
font-weight: bold;
color: var(--main-color);
}