Ajout v alpha1
This commit is contained in:
parent
1dc5eaeeb0
commit
173490e104
2 changed files with 134 additions and 0 deletions
89
index.html
Normal file
89
index.html
Normal file
|
@ -0,0 +1,89 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Informations sur l’infra de <a href="https://gnous.eu">GnousEU</a></h1>
|
||||
<hr />
|
||||
|
||||
<h2>Dernières informations sur l’infra</h2>
|
||||
<div class="infos">
|
||||
<h3>Exmple</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus at odio in dictum. Morbi iaculis leo orci, sit amet tristique nulla pharetra id. Nam eget pharetra turpis. Cras congue commodo sagittis. Phasellus imperdiet orci augue, et ultricies massa venenatis eget. Duis consectetur diam lacinia dictum blandit. Suspendisse gravida malesuada consectetur. Vivamus ullamcorper porta volutpat. </p>
|
||||
<p>Sed tellus sapien, faucibus vel sem ac, venenatis feugiat lacus. Vestibulum sit amet facilisis erat. Aliquam rhoncus justo eu lectus scelerisque, a luctus est luctus. Sed nec tempor nibh. In lacus mi, dignissim sit amet risus et, iaculis aliquam est. Etiam id rhoncus risus, ut auctor justo. In ultrices ultricies dictum. Nunc eu faucibus dui, at tempus metus. Fusce non mauris semper, lacinia diam non, faucibus mauris. Morbi ullamcorper est et quam malesuada facilisis. Nunc vitae elementum velit. Cras non fringilla tortor. Sed sed nulla sed erat convallis dignissim nec et ligula. Duis id rutrum justo. </p>
|
||||
</div>
|
||||
<div class="infos">
|
||||
<h3>Exmple</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus at odio in dictum. Morbi iaculis leo orci, sit amet tristique nulla pharetra id. Nam eget pharetra turpis. Cras congue commodo sagittis. Phasellus imperdiet orci augue, et ultricies massa venenatis eget. Duis consectetur diam lacinia dictum blandit. Suspendisse gravida malesuada consectetur. Vivamus ullamcorper porta volutpat. </p>
|
||||
<p>Sed tellus sapien, faucibus vel sem ac, venenatis feugiat lacus. Vestibulum sit amet facilisis erat. Aliquam rhoncus justo eu lectus scelerisque, a luctus est luctus. Sed nec tempor nibh. In lacus mi, dignissim sit amet risus et, iaculis aliquam est. Etiam id rhoncus risus, ut auctor justo. In ultrices ultricies dictum. Nunc eu faucibus dui, at tempus metus. Fusce non mauris semper, lacinia diam non, faucibus mauris. Morbi ullamcorper est et quam malesuada facilisis. Nunc vitae elementum velit. Cras non fringilla tortor. Sed sed nulla sed erat convallis dignissim nec et ligula. Duis id rutrum justo. </p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>Contacts</h2>
|
||||
<p>En cas de soucis ou de demande d’informations supplémentaire, voici les différentes manières de contacter GnousEU sans passer par <a href="">le Discord</a>.</p>
|
||||
|
||||
<p>Essayez en premier de contacter via un canaux officiel avant de contacter un admin :</p>
|
||||
<ul>
|
||||
<li>Twitter : <a href="">@GnousEU</a></li>
|
||||
<!-- <li>Mastodon : <a href="">@gnous@toot.gnous.eu</a></li> -->
|
||||
<li>Mail pour entrer en contact à cause d’un soucis ou pour avoir des informations : <a href="mailto:contact@gnous.eu">contact@gnous.eu</a></li>
|
||||
<li>Mail d’administration : <a href="mailto:grandgnous@gnous.eu">grandgnous@gnous.eu</a></li>
|
||||
<li>Mail pour des dons : <a href="mailto:dons@gnous.eu">dons@gnous.eu</a></li>
|
||||
</ul>
|
||||
|
||||
<p>Voici des canaux tiers pour contacter un administrateur GnousEu : </p>
|
||||
|
||||
<div id="liens-admins">
|
||||
<div class="admin">
|
||||
<p>Outout :</p>
|
||||
<ul>
|
||||
<li><a href="https://twitter.com/outoutxyz">Twitter</a></li>
|
||||
<li><a href="https://github.com/outout14">Github</a></li>
|
||||
<li><a href="https://git.gnous.eu/mael">GnousGit</a></li>
|
||||
<li><a href="mailto:mael@gnous.eu">Mail</a></li>
|
||||
<li><a href="https://jesuis.enpls.org/">Site internet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="admin">
|
||||
<p>Romain :</p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/Rom1-J">Github</a></li>
|
||||
<li><a href="https://git.gnous.eu/Romain">GnousGit</a></li>
|
||||
<li><a href="mailto:romain@gnous.eu">Mail</a></li>
|
||||
<li><a href="https://romain.gnous.eu/">Site internet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="admin">
|
||||
<p>Rick :</p>
|
||||
<ul>
|
||||
<li><a href="https://twitter.com/GnousRick">Twitter</a></li>
|
||||
<!-- <li><a href="">Mastodon</a></li> -->
|
||||
<li><a href="https://github.com/rick-gnous">Github</a></li>
|
||||
<li><a href="https://git.gnous.eu/Rick">GnousGit</a></li>
|
||||
<li><a href="mailto:rick@gnous.eu">Mail</a></li>
|
||||
<!-- <li><a href="">Site internet</a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="admin">
|
||||
<p>Léo :</p>
|
||||
<ul>
|
||||
<li><a href="">Twitter</a></li>
|
||||
<li><a href="">Github</a></li>
|
||||
<li><a href="">GnousGit</a></li>
|
||||
<li><a href="">Mail</a></li>
|
||||
<li><a href="">Site internet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="admin">
|
||||
<p>L4p1n :</p>
|
||||
<ul>
|
||||
<li><a href="https://mastodon.tedomum.net/@l4p1n">Mastodon</a></li>
|
||||
<li><a href="mailto:contact+gnous-admin@l4p1n.ch">Mail</a></li>
|
||||
<li><a href="https://l4p1n.ch">Site internet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
45
style.css
Normal file
45
style.css
Normal file
|
@ -0,0 +1,45 @@
|
|||
* {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 50px, auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.infos {
|
||||
border-bottom: solid 1px;
|
||||
}
|
||||
|
||||
#liens-admins {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.admin {
|
||||
margin: 1em;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.admin p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.admin ul {
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
@media (pointer: coarse) {
|
||||
#liens-admins {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in a new issue