Update mkht.php format + titles on home + rem sizes

This commit is contained in:
Miraty 2023-09-26 22:13:54 +02:00
parent 37f378918d
commit c2865134ff
12 changed files with 58 additions and 36 deletions

12
.gitignore vendored
View File

@ -1,11 +1 @@
mkht-php.css
css/*
*.gz
*.md
!/src/*.md
*.gmi
!/src/*.gmi
!/README.md
*.html
!/*.inc.html
*.atom
target

0
src/404.md → 404.md Executable file → Normal file
View File

0
src/cgu.md → cgu.md Executable file → Normal file
View File

0
src/courriel.md → courriel.md Executable file → Normal file
View File

0
src/details-techniques.md → details-techniques.md Executable file → Normal file
View File

7
header.inc.php Normal file
View File

@ -0,0 +1,7 @@
<header>
<?= ($path_parts_target['filename'] === 'index') ? '<h1>' : '' ?>
<a href="./<?= $relative_root_path ?>">
<img src="img/logo.webp" <?= getimagesize(SITE . '/img/logo.webp')[3] ?> alt="<?= $config['title'] ?>" title="Accueil" />
</a>
<?= ($path_parts_target['filename'] === 'index') ? '</h1>' : '' ?>
</header>

12
src/index.md → index.md Executable file → Normal file
View File

@ -1,5 +1,7 @@
*[RSS]: Really Simple Syndication
## Présentation
Antopie propose des services Internet, administrés par et hébergés chez [Miraty](<?= clearnetOrOnion('https://miraty.antopie.org', 'http://miraty.sou4vla4k5peskbl3dlzhh3e6ve5eu3m3hhsmiidqevlsd6lqo3qq2ad.onion') ?>/fr/index.html) grâce à [YunoHost](https://yunohost.org).
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.
@ -12,6 +14,8 @@ Le compte <a href="https://mamot.fr/@Antopie" rel="me">@Antopie@mamot.fr</a> ([R
<a href="cgu.html" class="button">Conditions d'utilisation</a>
</nav>
## Services
<div class="grid">
<?php
@ -121,9 +125,9 @@ $descService = array(
'gitea' => '<a href="https://fr.wikipedia.org/wiki/Forge_(informatique)">Forge logicielle</a> simple basée sur <a href="https://fr.wikipedia.org/wiki/Git">Git</a>.',
'libreqr' => 'Un générateur de <a href="https://fr.wikipedia.org/wiki/Code_QR">codes QR</a> fait maison.',
'vaultwarden' => 'Enregistrer des clés de passe. Compatible avec les <a href="https://bitwarden.com/download/">clients Bitwarden</a>.',
'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), dagenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein dautres fonctionnalités grâce à des extensions.',
'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), dagenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), et plein dautres fonctionnalités grâce à des extensions.',
'synapse' => 'Un serveur <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.',
'element' => 'Client Web pour <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>.',
'element' => 'Client Web pour Matrix.',
'privatebin' => 'Partager des textes, codes sources ou <a href="https://fr.wikipedia.org/wiki/Markdown">Markdown</a> rapidement.',
'jirafeau' => 'Rendre un fichier accessible par une URL Web.',
'etherpad' => 'Éditer un texte sur plusieurs appareils en même temps. Utilisable avec <a href="https://pad.antopie.org/mypads/">MyPads</a>.',
@ -239,9 +243,9 @@ $aboutService = array(
foreach($descService as $codeService => $descService) { ?>
<div>
<?php if (isset($logoService[$codeService])) { ?>
<div><img src="img/logos/<?= $logoService[$codeService]; ?>.webp" width="<?= $logoServiceDimensions[$codeService][0]; ?>" height="<?= $logoServiceDimensions[$codeService][1]; ?>" alt=""></div>
<div><img class="imgService" src="img/logos/<?= $logoService[$codeService]; ?>.webp" width="<?= $logoServiceDimensions[$codeService][0]; ?>" height="<?= $logoServiceDimensions[$codeService][1]; ?>" alt=""></div>
<?php } ?>
<h1 class="titreService"><?= $nomService[$codeService]; ?></h1>
<h3 class="titreService"><?= $nomService[$codeService]; ?></h3>
<small class="row">
<?php if (!is_null($siteOfficielService[$codeService])) { ?>
<a class="metaService" title="Site officiel de <?= $nomService[$codeService]; ?>" href="https://<?= $siteOfficielService[$codeService] ?>">Site</a><br>

View File

0
src/matrix.md → matrix.md Executable file → Normal file
View File

0
src/nextcloud.md → nextcloud.md Executable file → Normal file
View File

View File

@ -1,15 +1,22 @@
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(350px, calc((100% - (30px * 5)) / 6)), 1fr));
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(max(11.66rem, calc((100% - (1rem * 5)) / 6)), 1fr));
grid-gap: 1rem;
}
/* Add a white shadow to dark images to get enough contrast with dark theme */
.imgService {
width: auto;
max-height: 4rem;
}
/* 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"] {
filter: drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(-1px 1px 0 white)
drop-shadow(1px -1px 0 white);
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)
;
}
.action::before {
@ -17,8 +24,8 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
}
.metaService {
margin: 6px;
margin-bottom: 0px;
margin: 0.2rem;
margin-bottom: 0;
}
.descService {
@ -27,7 +34,7 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
.domService {
font-size: 0.8em;
line-height: 26px;
line-height: 0.86rem;
}
.domService code, .domService em {
@ -38,17 +45,31 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
overflow-wrap: anywhere;
}
.centered > section {
border: none;
padding-left: unset;
}
header > h1 {
margin: 0;
}
header > img, h1 > img {
max-height: 3.4rem;
width: auto;
}
.interlude {
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 10px;
margin-top: 0.66rem;
margin-bottom: 0.33rem;
}
.interlude > hr {
border: 0;
border-top: 2px gray dashed;
width: 520px;
border-top: 0.1rem gray dashed;
width: 17.33rem;
}
.row {
@ -60,23 +81,23 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
}
.row > a.button {
margin: 10px;
margin: 0.33rem;
}
.padRow {
padding: 10px;
padding: 0.33rem;
}
small {
font-size: 0.8em;
font-size: 0.8rem;
}
h1.titreService {
font-size: 1.3em;
font-size: 1.3rem;
text-align: center;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
.antopie {