Browse Source

Nouvelle version du site

master
Miraty 1 year ago
parent
commit
18f1fcdfb2
23 changed files with 301 additions and 746 deletions
  1. +7
    -11
      README.md
  2. +0
    -349
      bibli/normalize.css
  3. +13
    -20
      cgu.php
  4. BIN
      img/antopie.png
  5. +0
    -0
      img/favicon.ico
  6. BIN
      img/favicon.png
  7. BIN
      img/logos/gitea.png
  8. BIN
      img/logos/jirafeau.png
  9. BIN
      img/logos/matrix.png
  10. BIN
      img/logos/matrixfull.png
  11. BIN
      img/logos/nextcloud.png
  12. BIN
      img/logos/peertubeo.png
  13. BIN
      img/logos/pleroma.png
  14. BIN
      img/logos/plumeo.png
  15. BIN
      img/logos/privatebin.png
  16. BIN
      img/logos/qr512.png
  17. BIN
      img/logos/riot.png
  18. BIN
      img/logos/rssbridge.png
  19. +10
    -89
      inc/debut.php
  20. +47
    -6
      inc/footer.php
  21. +3
    -7
      inc/page.php
  22. +102
    -60
      index.php
  23. +119
    -204
      style.less

+ 7
- 11
README.md 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


+ 0
- 349
bibli/normalize.css 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;
}

+ 13
- 20
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>L’utilisation 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 qu’il 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 l’un de ces accords entraînera la résiliation de
<p>La violation de l’un 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>l’utilisation ou de l’impossibilité d’utiliser l'un des services ;</li>
<li>l’accès non autorisé ou altéré de la transmission des données ;</li>
<li>les déclarations ou les agissements d’un 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 à l’article 34 de la loi « Informatique et Libertés »,
Antopie garantit à l’utilisateur un droit d’opposition, d’accès et de
rectification sur les données nominatives le concernant. L’utilisateur
a la possibilité d’exercer ce droit en envoyant un <a
href="mailto:miraty+legal@antopie.org">email</a> à l'administrateur.</p>
a la possibilité d’exercer 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 n’est pas nécessaire qu’ils
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 l’accès, URL de référence).
</li>
<li>Nous utilisons ces informations en interne pour vous améliorer
l’interface 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 View File

Before After
Width: 2221  |  Height: 450  |  Size: 100 KiB

+ 0
- 0
img/favicon.ico View File

Before After

BIN
img/favicon.png View File

Before After
Width: 48  |  Height: 48  |  Size: 210 B

BIN
img/logos/gitea.png View File

Before After
Width: 180  |  Height: 180  |  Size: 8.1 KiB

BIN
img/logos/jirafeau.png View File

Before After
Width: 319  |  Height: 318  |  Size: 9.0 KiB

BIN
img/logos/matrix.png View File

Before After
Width: 485  |  Height: 512  |  Size: 10 KiB

BIN
img/logos/matrixfull.png View File

Before After
Width: 1200  |  Height: 512  |  Size: 22 KiB

BIN
img/logos/nextcloud.png View File

Before After
Width: 1139  |  Height: 518  |  Size: 17 KiB

BIN
img/logos/peertubeo.png View File

Before After
Width: 220  |  Height: 293  |  Size: 3.1 KiB

BIN
img/logos/pleroma.png View File

Before After
Width: 570  |  Height: 911  |  Size: 6.7 KiB

BIN
img/logos/plumeo.png View File

Before After
Width: 512  |  Height: 512  |  Size: 24 KiB

BIN
img/logos/privatebin.png View File

Before After
Width: 512  |  Height: 512  |  Size: 22 KiB

BIN
img/logos/qr512.png View File

Before After
Width: 512  |  Height: 512  |  Size: 3.5 KiB

BIN
img/logos/riot.png View File

Before After
Width: 593  |  Height: 748  |  Size: 42 KiB

BIN
img/logos/rssbridge.png View File

Before After
Width: 599  |  Height: 124  |  Size: 22 KiB

+ 10
- 89
inc/debut.php 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>
</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>
<a href=".">
<header>
<div class="logo"><img src="img/antopie.png" width="100%" alt="Logo Ant" /></div>
</header>
</a>
<div class="corps">
<div class="texte">
<main>
<?php } ?>

+ 47
- 6
inc/footer.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>


+ 3
- 7
inc/page.php 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;
}

+ 102
- 60
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>
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>
</div>
<div id="services" class="grille-services">
<?php
$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',
);
$urlService = array(
'plume' => 'blog',
'peertube' => 'video',
'gitea' => 'code',
'qr' => "qr",
'nextcloud' => 'nuage',
'synapse' => 'matrix',
'riot' => 'riot',
'privatebin' => 'texte',
'jirafeau' => 'up',
'pleroma' => 'social',
'rssbridge' => 'rss',
);
$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,
);
$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.",
);
foreach($descService as $codeService => $descService) { ?>
<?php if ($codeService == "synapse") { } else { ?><a class="service" href="https://<?= $urlService[$codeService] ?>.antopie.org"><?php } ?>
<div>
<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>
</div>
<?php if ($codeService == "synapse") { } else { ?></a><?php } ?>
<?php } ?>
</div>
<section>
<h2>Présentation</h2>
<br>
<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.
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="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>
<br>
<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>
<br>
<dt><a href="https://code.antopie.org">Gitea</a></dt>
<dd>Forge Git légère · Thème sombre</dd>
<br>
<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>
<br>
<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>
<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>
<br>
Je travaille aussi à rajouter LSTU.
</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"; ?>

style/vrac.less → style.less 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;
}
}
.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;
}
}
.texte {
.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;

Loading…
Cancel
Save