Nouvelle version du site

This commit is contained in:
Miraty 2019-08-14 22:38:32 +02:00
parent 04e99cfb9d
commit 18f1fcdfb2
23 changed files with 290 additions and 735 deletions

View File

@ -3,20 +3,16 @@
Voici le code source de mon site : <https://www.antopie.org>.
Il devrait fonctionner simplement avec la dernière version de PHP et un serveur Web.
Si vous avez besoin d'aide vous pouvez me contacter sur le Fédiverse : [@miraty@social.antopie.org](https://social.antopie.org/miraty) ou par mail : [miraty+gitea@antopie.org](mailto:miraty+gitea@antopie.org).
# Bibliothèques utilisées
Le dossier bibli contient des dépendances inclusent dans ce site.
Le dossier bibli contient des dépendances incluses dans ce site.
| Nom | Description | Source |
| ------------- | ------------------------------ | ---------------------------------------- |
| ubuntu | La police Ubuntu | https://design.ubuntu.com/font/ |
| fontello | Pack d'icônes | http://fontello.com/ |
| lessphp | Compilateur Less en PHP | https://github.com/leafo/lessphp |
| sense3 | "Publicités" pour le libre | https://sense3.org/ |
| normalize.css | Standardisation de l'affichage | https://necolas.github.io/normalize.css/ |
| Nom | Description | Source |
| -------- | -------------------------- | -------------------------------- |
| ubuntu | La police Ubuntu | https://design.ubuntu.com/font/ |
| fontello | Pack d'icônes | http://fontello.com/ |
| lessphp | Compilateur Less en PHP | https://github.com/leafo/lessphp |
| sense3 | "Publicités" pour le libre | https://sense3.org/ |
# Licence

349
bibli/normalize.css vendored
View File

@ -1,349 +0,0 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

33
cgu.php
View File

@ -8,7 +8,7 @@ head("cgu.php"); ?>
<h2>Préambule</h2>
<p>
En utilisant l'un des services Antopie listés
<a href="index.php#services">ici</a>, vous acceptez dêtre lié par
<a href="index.php#services">ici</a>, vous acceptez dêtre lié·e par
les conditions suivantes.<br> Antopie se réserve le droit de mettre
à jour et modifier ces conditions de temps à autre. <br>
Ces conditions sont dérivées de <a href="https://framasoft.org/fr/cgu/">celles de Framasoft</a>.
@ -21,10 +21,8 @@ head("cgu.php"); ?>
<ol>
<li>Lutilisation des services se fait à vos propres risques. Le
service est fourni tel quel.</li>
<li>Vous ne devez pas modifier un autre site afin de signifier
faussement quil est associé avec un service Antopie.</li>
<li>Les comptes ne peuvent être créés et utilisés que par des
humains. Les comptes créés par les robots ou autres méthodes
<li>Les comptes ne peuvent être créés et utilisés que par des êtres
humains. Les comptes créés par des robots ou d'autres méthodes
automatisées pourront être supprimés sans avertissement.</li>
<li>Vous êtes responsable de la sécurité de votre compte et de
votre mot de passe. <br> Antopie ne peut pas et ne sera pas
@ -35,23 +33,23 @@ head("cgu.php"); ?>
<li>Vous ne pouvez pas utiliser le service à des fins illégales ou
non autorisées.</li>
<li>Vous ne pouvez pas vendre, échanger, revendre, ou exploiter
dans un but commercial non autorisé un compte du service
dans un but commercial un compte du service
utilisé.</li>
</ol>
<p>La violation de lun de ces accords entraînera la résiliation de
<p>La violation de lun de ces accords entraînera la suppression de
votre compte.<br>
Vous comprenez et acceptez qu'Antopie ne puisse être
tenu responsable pour les contenus publiés sur ce service.</p>
tenue responsable pour les contenus publiés sur ce service.</p>
<ol>
<li>Vous comprenez que la mise en ligne du service ainsi que de
votre contenu implique une transmission (chiffrée, normalement) sur divers réseaux.
votre contenu implique une transmission sur divers réseaux.
</li>
<li>Vous ne devez pas transmettre des vers, des virus ou tout autre
code de nature malveillante.</li>
<li>Antopie ne garantit pas :
<ul>
<li>que les services seront maintenus à long terme,</li>
<li>que les services seront maintenus en ligne à long ou court terme,</li>
<li>que les services répondront à vos besoins spécifiques,</li>
<li>que les services seront ininterrompus ou exempts de bugs,</li>
<li>que des erreurs dans les services seront corrigées.</li>
@ -67,7 +65,7 @@ head("cgu.php"); ?>
<li>lutilisation ou de limpossibilité dutiliser l'un des services ;</li>
<li>laccès non autorisé ou altéré de la transmission des données ;</li>
<li>les déclarations ou les agissements dun tiers sur l'un des services ;</li>
<li>la résiliation de votre compte ;</li>
<li>la suppression de votre compte ;</li>
<li>toute autre question relative au service.</li>
</ol>
</li>
@ -126,7 +124,7 @@ head("cgu.php"); ?>
sans restrictions.</li>
<li>Antopie ne peut être tenu responsable de tout problème
résultant du partage ou de la publication de données entre
utilisateurs.</li>
utilisateurs ou utilisatrices.</li>
</ul>
<h2>Données personnelles</h2>
@ -134,14 +132,12 @@ head("cgu.php"); ?>
<p>Conformément à larticle 34 de la loi « Informatique et Libertés »,
Antopie garantit à lutilisateur un droit dopposition, daccès et de
rectification sur les données nominatives le concernant. Lutilisateur
a la possibilité dexercer ce droit en envoyant un <a
href="mailto:miraty+legal@antopie.org">email</a> à l'administrateur.</p>
a la possibilité dexercer ce droit en envoyant un
<a href="mailto:miraty+legal@antopie.org">email</a> à l'administrateur.</p>
<ul>
<li>Pour utiliser certains services d'Antopie, vous devez créer un
compte. Antopie demande certaines informations personnelles :
une adresse e-mail valide et un mot de passe qui est utilisé
pour protéger votre compte contre tout accès non autorisé. Les
compte. Les
champs « Nom » et « Prénom » peuvent être requis pour le bon
fonctionnement du logiciel, mais il nest pas nécessaire quils
révèlent votre véritable identité.</li>
@ -154,9 +150,6 @@ head("cgu.php"); ?>
identifier (exemple : type de navigateur, adresse IP, date et
heure de laccès, URL de référence).
</li>
<li>Nous utilisons ces informations en interne pour vous améliorer
linterface utilisateur des services d'Antopie et maintenir une
expérience utilisateur cohérente et fiable. </li>
<li>Ces données ne sont ni vendues, ni transmises à des tiers.</li>
</ul>
</section>

BIN
img/antopie.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

0
img/favicon.ico Executable file → Normal file
View File

Before

Width:  |  Height:  |  Size: 198 B

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 B

BIN
img/logos/gitea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
img/logos/jirafeau.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
img/logos/matrix.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
img/logos/matrixfull.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
img/logos/nextcloud.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
img/logos/peertubeo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/logos/pleroma.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
img/logos/plumeo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
img/logos/privatebin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
img/logos/qr512.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
img/logos/riot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
img/logos/rssbridge.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -10,13 +10,13 @@ function head($adresse) {
<html lang="fr" id="haut">
<head>
<meta charset="UTF-8">
<title><?php echo $page['titre']; ?> | Ant</title>
<title><?php echo $page['titre']; ?> · Antopie</title>
<link rel="icon" type="image/ico" href="img/favicon.ico">
<meta name="author" lang="fr" content="Miraty">
<meta name="publisher" content="Ant">
<meta name="publisher" content="Antopie">
<meta name="distribution" content="global">
<meta name="robots" content="index, follow">
<meta name="keywords" lang="fr" content="antopie.org, Ant, Miraty, Antopie">
<meta name="keywords" lang="fr" content="antopie.org, Miraty, Antopie">
<meta name="description" content="<?php echo $page['description']; ?>">
<script src="bibli/konami.js"></script>
<script>
@ -25,96 +25,17 @@ function head($adresse) {
<style>
<?php require("bibli/lessphp/lessc.inc.php");
$less = new lessc;
echo $less->compileFile("style/vrac.less"); ?>
echo $less->compileFile("style.less"); ?>
</style>
<link rel="stylesheet" href="bibli/animate.min.css">
</head>
<body lang="fr">
<div class="main">
<div>
<nav class="menugauche"><a href="index.php" class="option optionhaute fin-it">
<div class="logo"><img src="img/ant.png" width="100%" alt="Logo Ant" /></div>
<?php
switch (mt_rand(1, 11)) {
case 1: ?>
Antièrement libre
<?php break;
case 2: ?>
https://www.antopie.org
<?php break;
case 3: ?>
À l'Antipode des GAFAM
<?php break;
case 4: ?>
Anterrons le capitalisme
<?php break;
case 5: ?>
Pour la liberté d'Anternet !
<?php break;
case 6: ?>
Le slogan trop marrAnt !
<?php break;
case 7: ?>
Sans publicités gênAntes
<?php break;
case 8: ?>
FAntastique !
<?php break;
case 9: ?>
Un site fourmillittAnt
<?php break;
case 10: ?>
Fourmiedable !
<?php break;
case 11: ?>
100% indépendAnt
<?php break;
} ?>
</a>
<div class="dossier">
<div class="nomdossier">
Services
</div>
<a href="https://video.antopie.org/" class="petiteoption optiondossier option icon-video" >
PeerTube
</a>
<a href="https://code.antopie.org/" class="petiteoption optiondossier option icon-git" >
Gitea
</a>
<a href="https://qr.antopie.org/" class="petiteoption optiondossier option icon-qrcode-1" >
Générateur de codes QR
</a>
<a href="https://nuage.antopie.org/" class="petiteoption optiondossier option icon-cloud" >
Nextcloud
</a>
<a href="https://texte.antopie.org/" class="petiteoption optiondossier option icon-doc-text-inv-1" >
PrivateBin
</a>
<a href="https://up.antopie.org/" class="petiteoption optiondossier option icon-upload-cloud" >
Jirafeau
</a>
<a href="navigateur.php" class="option icon-code">
Informations du navigateur
</a>
</div>
<a href=".">
<header>
<div class="logo"><img src="img/antopie.png" width="100%" alt="Logo Ant" /></div>
</header>
</a>
</nav>
<div class="pub-carree-bloc">
<div class="pub-carree">
<script src="bibli/sense3/sense3.js" data-sense3="300x250;adblock,advertising,amazon,apple,browser,chrome,degooglisons,elementary,encyclopedia,facebook,firefox,framabookin,gafam,generic,google,linux,mac,mageia,microsoft,mozilla,opera,referrer,safari,social,system,twitter,ubuntu,wikipedia,windows,peertube;#2D2F34,#ffffff,#FFFFFF,#00d414,#ffffff,#26282C"></script>
</div>
</div>
<br/>
<span class="in92pack">J'aime les <a href="bibli/sense3/img/icons/adetect-300_250.php" class="li192pack">trains</a>.</span>
</div>
<div class="corps">
<div class="texte">
<main>
<?php } ?>

View File

@ -1,6 +1,5 @@
</div>
</div>
</div>
</main>
<footer>
<div class="liensfooter centre">
<div class="lienfooter">
@ -29,15 +28,57 @@
</div>
<div class="t07 basfooter">
<div class="logofooter">
<a href="index.php"><div class="logogris"></div></a>
<a class="ant" href="index.php">
<div class="logogris"></div>
<br><br><br>
<?php
switch (mt_rand(1, 11)) {
case 1: ?>
Antièrement libre
<?php break;
case 2: ?>
https://www.antopie.org
<?php break;
case 3: ?>
À l'Antipode des GAFAM
<?php break;
case 4: ?>
Anterrons le capitalisme
<?php break;
case 5: ?>
Pour la liberté d'Anternet !
<?php break;
case 6: ?>
Le slogan trop marrAnt !
<?php break;
case 7: ?>
Sans publicités gênAntes
<?php break;
case 8: ?>
FAntastique !
<?php break;
case 9: ?>
Un site fourmilitAnt
<?php break;
case 10: ?>
Fourmiedable !
<?php break;
case 11: ?>
100% indépendAnt
<?php break;
} ?>
</a>
</div>
<div class="textefooter">
Fait avec <span class="icon-heart" title="coeur"></span> en France.<br>
Le <a href="https://code.antopie.org/miraty/web">code source de ce site</a> est publié sous <a href="LICENSE.html"><abbr title="GNU Affero General Public License">AGPL</abbr></a> version 3 ou toute version ultérieure.
<br>
Si tu active les cookies dans ton navigateur, tu accepte leur utilisation.<br>
Créé par Miraty avec HTML, Less et PHP ; servi par Nginx sous Debian/YunoHost.
<br>
Images Ant, Antopie.org et erreur 404 créées par Zarkaa.
</div>
<div class="gomeza animated slideInUp" id="gomeza">
<div class="gomeza animated slideInUp" id="gomeza" onclick='var div = document.getElementById("gomeza"), display = getComputedStyle(div, null).display; document.getElementById("gomeza").style.display = "none";'>
<div class="gomez-items-wrap">
<div class="gomez-item-wrap">
<i class="gomez yeah"></i>

View File

@ -1,13 +1,9 @@
<?php
switch ($adresse) {
case "apropos.php":
$page['titre'] = "À propos";
$page['description'] = "À propos de ce site";
break;
case "index.php":
$page['titre'] = "Accueil";
$page['description'] = "Page d'accueil d'antopie.org";
$page['description'] = "Page d'accueil d'Antopie";
break;
case "404.php":
$page['titre'] = "Erreur 404";
@ -15,10 +11,10 @@ switch ($adresse) {
break;
case "cgu.php":
$page['titre'] = "Conditions d'utilisation";
$page['description'] = "Conditions générales d'utilisation";
$page['description'] = "Conditions générales d'utilisation des services Antopie";
break;
case "navigateur.php":
$page['titre'] = "À propos de ton navigateur";
$page['description'] = "Obtenez votre adresse IP, votre agent utilisateur, etc...";
$page['description'] = "Obtiens ton adresse IP, ton agent utilisateur, etc...";
break;
}

140
index.php
View File

@ -1,72 +1,114 @@
<?php include "inc/debut.php";
head("index.php"); ?>
<h1>Bienvenue sur antopie.org !</h1>
<div id="pres">
<p>
<section>
<h2>Présentation</h2>
Moi c'est Miraty, j'héberge divers services libres sur un serveur dédié Kimsufi (OVH) sous <a href="https://yunohost.org">YunoHost</a>.<br>
L'utilisation de ces services est régie par les <a href="cgu.php">conditions d'utilisation d'Antopie</a>.
<p>
Moi c'est Miraty, j'héberge divers services sur un serveur Kimsufi (OVH) sous <a href="https://yunohost.org">YunoHost</a>.<br>
Je met le plus possible de ces services en accès libre.
</p>
</section>
</p>
</div>
<section>
<h2 id="services">Liste des services</h2>
En utilisant l'un des services ci-dessous, tu acceptes les <a href="cgu.php">conditions d'utilisation</a>.
<dl>
<dt><a href="https://blog.antopie.org">Plume</a></dt>
<dd>Publiez des articles sur le fédiverse · Thème sombre et rouge</dd>
<div id="services" class="grille-services">
<br>
<?php
<dt><a href="https://video.antopie.org">PeerTube</a></dt>
<dd>Pour regarder ou publier des vidéos sur le fédiverse · Thème rouge</dd>
$logoService = array(
'plume' => 'plumeo.png',
'peertube' => 'peertubeo.png',
'gitea' => 'gitea.png',
'qr' => "qr512.png",
'nextcloud' => 'nextcloud.png',
'synapse' => 'matrix.png',
'riot' => 'riot.png',
'privatebin' => 'privatebin.png',
'jirafeau' => 'jirafeau.png',
'pleroma' => 'pleroma.png',
'rssbridge' => 'rssbridge.png',
);
<br>
$urlService = array(
'plume' => 'blog',
'peertube' => 'video',
'gitea' => 'code',
'qr' => "qr",
'nextcloud' => 'nuage',
'synapse' => 'matrix',
'riot' => 'riot',
'privatebin' => 'texte',
'jirafeau' => 'up',
'pleroma' => 'social',
'rssbridge' => 'rss',
);
<dt><a href="https://code.antopie.org">Gitea</a></dt>
<dd>Forge Git légère · Thème sombre</dd>
$nomService = array(
'plume' => 'Plume',
'peertube' => 'PeerTube',
'gitea' => 'Gitea',
'qr' => "Générateur de codes QR",
'nextcloud' => 'Nextcloud',
'synapse' => 'Synapse',
'riot' => 'Riot',
'privatebin' => 'PrivateBin',
'jirafeau' => 'Jirafeau',
'pleroma' => 'Pleroma',
'rssbridge' => 'RSS Bridge',
);
$infoThemeService = array(
'plume' => 'Thème spécial sombre & rouge',
'peertube' => 'Thème spécial rouge',
'gitea' => 'Thème spécial sombre',
'qr' => NULL,
'nextcloud' => 'Thème spécial rouge',
'synapse' => NULL,
'riot' => NULL,
'privatebin' => 'Thème spécial sombre & rouge',
'jirafeau' => NULL,
'pleroma' => NULL,
'rssbridge' => NULL,
);
<br>
$descService = array(
'plume' => "Créez un blog simplement. Fédi-fédération et flux d'actualités inclus",
'peertube' => "Regardez ou publiez des vidéos sur le Fédiverse. Possibilité de pair à pair si le serveur d'origine est surchargé.",
'gitea' => 'Forge logicielle simple basée sur Git',
'qr' => "Créez des codes QR simplement.<br> Créé par moi-même",
'nextcloud' => "Stockage et syncronisation de fichiers avec en bonus client mail, syncronisation des contacts (CardDAV) et de l'agenda (CalDAV), sondages, Carnet, chat écrit, audio ou vidéo, et gestionnaire de mot de passe",
'synapse' => 'Serveur Matrix. <br>Matrix est un protocol moderne pour la communication écrite, audio ou vidéo.',
'riot' => 'Client Matrix. <br>Disponible sur Linux, F-droid et partout',
'privatebin' => 'Partagez des textes, codes sources ou Markdown rapidement.',
'jirafeau' => "Partagez n'importe quel fichier avec n'importe qui.",
'pleroma' => "Microblogage sur le Fédiverse. Inclus l'interface de glitch-soc, basée sur celle de Mastodon. Compatible avec les clients Mastodon.",
'rssbridge' => "Exportez les données de centaines de sites aux formats Atom, HTML, JSON, Mrss ou texte.",
);
<dt><a href="https://qr.antopie.org">Générateur de codes QR</a></dt>
<dd>Même que c'est moi que je l'ai fait · Thème sombre</dd>
foreach($descService as $codeService => $descService) { ?>
<?php if ($codeService == "synapse") { } else { ?><a class="service" href="https://<?= $urlService[$codeService] ?>.antopie.org"><?php } ?>
<div>
<br>
<div class="logoService"><img class="elLogoServ" src="img/logos/<?= $logoService[$codeService] ?>"/></div>
<div class="titreService"><?= $nomService[$codeService] ?></div>
<div class="urlService"><?= $urlService[$codeService] ?>.antopie.org</div>
<div class="descService"><?= $descService ?></div>
<div class="themeService"><?php if (!is_null($infoThemeService[$codeService])) { ?>· <?= $infoThemeService[$codeService] ?> ·<?php } ?></div>
<dt><a href="https://nuage.antopie.org">Nextcloud</a></dt>
<dd>Stockage et syncronisation de fichiers avec en bonus client mail, contacts, agenda, sondages, <a href="https://framagit.org/PhieF/CarnetDocumentation">Carnet</a>, chat vidéo, et gestionnaire de mot de passe · Thème rouge</dd>
</div>
<?php if ($codeService == "synapse") { } else { ?></a><?php } ?>
<?php } ?>
<br>
<dt><a href="https://texte.antopie.org">PrivateBin</a></dt>
<dd>Partagez des textes, codes sources ou Markdown rapidement</dd>
<br>
<dt><a href="https://up.antopie.org">Jirafeau</a></dt>
<dd>Envoyer tout type de fichier en ligne rapidement</dd>
<br>
<dt><a href="https://social.antopie.org">Pleroma</a></dt>
<dd>Microblogage sur le fédiverse</dd>
</dl>
</div>
<br>
Je travaille aussi à rajouter LSTU.
<p>
Vous trouverez également votre IP, agent utilisateur, référent HTTP et langues demandées sur <a href="navigateur.php">cette page</a>.
</p>
</section>
<section>
<h2 id="contact">Contact</h2>
<adress>
N'hésitez pas à me contacter par mail : <a href="mailto:miraty+web@antopie.org">miraty+web@antopie.org</a>.
<adress id="contact">
N'hésite pas à me contacter par mail : <a href="mailto:miraty+web@antopie.org"><code>miraty+web@antopie.org</code></a>, le Fédiverse : <a href="https://social.antopie.org/miraty"><code>@miraty@social.antopie.org</code></a>, ou Matrix : <code>@miraty:matrix.antopie.org</code>.
</adress>
</section>
<?php include "inc/footer.php"; ?>

View File

@ -1,6 +1,7 @@
@import "bibli/fontello/css/fontello.css"; // Icones
@import "bibli/normalize.css"; // Réinitialisation
@import "bibli/fontello/css/fontello.css"; // Icones Fontelo
@import "bibli/ubuntu/ubuntu.min.css"; // Polices Ubuntu
@import "bibli/animate.min.css"; // Animations CSS
@import "bibli/fork-awesome/css/fork-awesome.min.css"; // Animations CSS
@fond: #2D2F34;
@fond-footer: darken(@fond, 3%);
@ -13,6 +14,11 @@
color: @texte-secondaire;
}
::selection {
color: @fond;
background-color: @texte-principal;
}
.boutton {
border: 2px solid grey;
padding: 10px;
@ -53,10 +59,6 @@ a {
}
nav a:link {
text-decoration: none;
}
.pub-carree-bloc {
display: flex;
@ -106,16 +108,10 @@ nav a:link {
}
.optionhaute {
border-top: 0px white solid;
}
.boite {
border: 3px white solid;
border-radius: 10px;
margin: 10px;
padding: 10px;
display: inline-block;
border-top: none;
}
.logo {
margin-bottom: 10px;
}
@ -139,19 +135,87 @@ body, code {
}
.main {
display: flex;
margin: 0px;
.grille-services {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
padding-top: 30px;
@media (max-width: 1500px) {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1000px) {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
grid-template-columns: 1fr;
}
}
.texte {
.service {
padding: 20px;
border: 2px #2D2F34 solid;
border-radius: 16px;
transition: border 0.2s linear;
color: white;
text-decoration: none;
&:hover {
border: 2px white solid;
}
&:link {
color: white;
}
}
.themeService {
text-align: center;
font-size: 0.8em;
}
.titreService {
font-size: 1.3em;
text-align: center;
}
.urlService {
margin-top: -6px;
font-size: 0.8em;
color: grey;
text-align: center;
}
.logoService {
text-align: center;
}
.elLogoServ {
max-width: 150px;
max-height: 100px;
color: white;
}
.descService {
padding-top: 5px;
padding-bottom: 10px;
text-align: left;
}
main {
margin: 0px;
margin-top: 20px;
margin-left: 30px;
margin-bottom: 50px;
margin-right: 50px;
}
.centre {
text-align: center;
justify-content: center;
@ -173,6 +237,10 @@ body, code {
}
.ant {
}
.interlude {
display: flex;
justify-content: center;
@ -194,6 +262,10 @@ body, code {
}
.corps {
text-align: center;
}
footer {
text-align: center;
background-color: @fond-footer;
@ -203,15 +275,19 @@ footer {
}
.logogris {
}
.ant {
background-color: @fond-footer;
background-image: url(img/antpetitgris.png);
width: 264px;
height: 80px;
display: inline-block;
text-decoration: none;
}
.logogris:hover {
.ant:hover {
background-image: url(img/antpetit.png);
}
@ -236,93 +312,48 @@ footer {
}
}
/* ----------------------- MENU ------------------------ */
/* ----------------------- HEADER ------------------------ */
.menugauche {
margin: 0px;
overflow: auto;
margin-top: 20px;
width: 16em;
border-bottom: 3px white solid;
border-right: 3px white solid;
border-top: 3px white solid;
border-radius: 0px 12px 12px 0px;
a[href="."] {
display: flex;
justify-content: center;
}
#pres {
display: flex;
justify-content: center;
text-align: center;
}
.option {
header {
margin: 0px;
width: 50%;
border: 3px white solid;
border-top: none;
border-radius: 0px 0px 12px 12px;
text-align: center;
font-size: 2em;
display: flex;
justify-content: center;
padding: 30px;
display: block;
border-top: 2px white solid;
// transition: all 0.2s ease-in;
}
.option:active {
header:active {
box-shadow: 2px 2px 3px white inset;
}
.option:hover {
header:hover {
background-color: @fond-option-hover;
transition: all 0.2s ease-in-out;
color: @couleur-lien !important;
}
.optionhaute {
border-top: 0px white solid;
}
.option:first-of-type {
border-radius: 12px 0px 0px 0px;
}
.optiondossier {
margin-left: 20px;
border-left: 2px white solid;
}
.petiteoption {
padding: 24px;
}
.nomdossier {
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-top: 2px white solid;
}
/* ----------------------- ESPACE COMMENTAIRE ------------------------ */
.commentairePseudo {
padding: 10px;
}
.pseudo {
font-weight: bold;
}
.commentaire {
margin: 10px;
padding: 10px;
border-left: 4px white solid;
}
// HEADERS
// ----- TITRES -----
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
@ -359,122 +390,6 @@ font-size: 110%;
}
/* ----------------------- TAILLES DE TEXTE ------------------------ */
.t03 {
font-size: 0.3em;
}
.t04 {
font-size: 0.4em;
}
.t05 {
font-size: 0.5em;
}
.t06 {
font-size: 0.6em;
}
.t07 {
font-size: 0.7em;
}
.t08 {
font-size: 0.8em;
}
.t09 {
font-size: 0.9em;
}
.t10 {
font-size: 1.0em;
}
.t11 {
font-size: 1.1em;
}
.t12 {
font-size: 1.2em;
}
.t13 {
font-size: 1.3em;
}
.t14 {
font-size: 1.4em;
}
.t15 {
font-size: 1.5em;
}
.t16 {
font-size: 1.6em;
}
.t17 {
font-size: 1.7em;
}
.t18 {
font-size: 1.8em;
}
.t19 {
font-size: 1.9em;
}
.t20 {
font-size: 2.0em;
}
.t21 {
font-size: 2.1em;
}
.t22 {
font-size: 2.2em;
}
.t23 {
font-size: 2.3em;
}
.t24 {
font-size: 2.4em;
}
.t25 {
font-size: 2.5em;
}
.t26 {
font-size: 2.6em;
}
.t27 {
font-size: 2.7em;
}
.t28 {
font-size: 2.8em;
}
.t29 {
font-size: 2.9em;
}
.t30 {
font-size: 3.0em;
}
.in92pack {
color: @fond !important;
text-decoration: none !important;