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

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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/LICENSE.en.md → LICENSE.en.md
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>), d’agenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein d’autres fonctionnalités grâce à des extensions.',
'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), d’agenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), et plein d’autres 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>

0
src/manifeste-sur-le-contenu.md → manifeste-sur-le-contenu.md Executable file → Normal file
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

63
style.css
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 {