Archived
added documentation section and split html into partials
This commit is contained in:
julien committed
1 parent
aedcbf2462
commit
36070d14f9
17 files changed
+279
-131
No files matched your search
+22
-1
@@ -1,4 +1,25 @@
|
||||
+++
|
||||
title = "Contact"
|
||||
template = "contact.html"
|
||||
slug = "contact"
|
||||
template = "page.html"
|
||||
+++
|
||||
|
||||
<article class="article-contact">
|
||||
<div class="col--1-1">
|
||||
<div>
|
||||
<p>Vous avez un projet en tête ? Un service vous intéresse ? Ou simplement une question ? Ce formulaire
|
||||
est
|
||||
là pour ça !</p>
|
||||
</div>
|
||||
<form action="https://p2e.netig.net/" method="post" class="contact-form">
|
||||
<input type="hidden" name="REDIRECT" value="https://netig.net/success" />
|
||||
<input type="email" name="REPLY_TO" placeholder="Email" class="contact-form-input" required>
|
||||
<input type="hidden" name="Source" value="Formulaire de contact" />
|
||||
<input type="text" name="Nom" maxlength="128" placeholder="Nom" class="contact-form-input" required>
|
||||
<input type="text" name="SUBJECT" maxlength="256" placeholder="Objet" class="contact-form-input" required>
|
||||
<textarea name="Message" cols="40" rows="10" placeholder="Message" class="contact-form-input"
|
||||
required></textarea>
|
||||
<input type="submit" value="Envoyer" class="submit">
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
@@ -0,0 +1,86 @@
|
||||
+++
|
||||
title = "Documentation"
|
||||
slug = "documentation"
|
||||
template = "documentation.html"
|
||||
+++
|
||||
|
||||
En cours d'écriture 📝 !
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
|
||||
accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
|
||||
veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
|
||||
|
||||
### Infrastructure
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
|
||||
accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
|
||||
veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
|
||||
|
||||
#### Serveurs
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
|
||||
ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
|
||||
dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
|
||||
debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
|
||||
sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
|
||||
reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
|
||||
dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
|
||||
quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.
|
||||
|
||||
#### Réseau
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
|
||||
eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
|
||||
|
||||
#### Sauvegardes
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
|
||||
accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
|
||||
veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
|
||||
|
||||
### Services
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
|
||||
accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
|
||||
veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
|
||||
|
||||
#### Mail
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
|
||||
eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
|
||||
ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
|
||||
dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
|
||||
debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
|
||||
sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
|
||||
reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
|
||||
dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
|
||||
quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.
|
||||
|
||||
### Maintenance
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
|
||||
accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
|
||||
veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
|
||||
|
||||
#### APK
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
|
||||
eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
|
||||
|
||||
#### Nerdctl
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
|
||||
ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
|
||||
dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
|
||||
debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
|
||||
sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
|
||||
reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
|
||||
dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
|
||||
quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.
|
||||
@@ -1,4 +1,22 @@
|
||||
+++
|
||||
title = "Maintenance et incidents"
|
||||
template = "maintenance.html"
|
||||
slug = "maintenance"
|
||||
template = "page.html"
|
||||
+++
|
||||
|
||||
<article class="article-report">
|
||||
<p>Information : Brève interruption de l'ensemble des services tous les lundi matins à 4h pour sauvegarde.
|
||||
</p>
|
||||
<div class="col--1-1-1">
|
||||
<a class="box box__link" href="https://status.netig.net/status/services" target="_blank">État des
|
||||
services
|
||||
en
|
||||
temps réel</a>
|
||||
<a class="box box__link" href="https://list.netig.net/archive" target="_blank">Maintenances et
|
||||
incidents
|
||||
signalés</a>
|
||||
<a class="box box__link" href="https://list.netig.net/subscription/form" target="_blank">Recevoir
|
||||
les
|
||||
notifications par mail</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -1,4 +1,9 @@
|
||||
+++
|
||||
title = "Success"
|
||||
template = "success.html"
|
||||
title = "C'est fait !"
|
||||
slug = "success"
|
||||
template = "page.html"
|
||||
+++
|
||||
|
||||
<div class="content">
|
||||
<p class="success">Message envoyé, retourner à la <a href="/#">page d'accueil</a> !</p>
|
||||
</div>
|
||||
@@ -1 +1 @@
|
||||
@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}body{margin:0px}body,html{font-family:TitilliumWeb,sans-serif;font-size:1.2rem;color:#fff;scroll-behavior:smooth}main{min-height:calc(100vh - 142.4px)}article{padding-bottom:100px}.anchor{height:40px}.content{padding:20px}li{color:#fff}body{background:rgb(15 25 50/var(--tw-bg-opacity, 1))}a{color:#00c8be;text-decoration:none}a:hover{color:#00c8be}h1,h2,h3,h4{font-family:"TitilliumWeb",sans-serif;font-weight:bold;text-align:left;color:#fff}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.6rem;line-height:2.6rem;margin-bottom:100px}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}.from-left{position:relative;animation-name:from-left;animation-duration:1s}@keyframes from-left{0%{left:-500px}100%{left:0}}.from-right{position:relative;animation-name:from-right;animation-duration:1s}@keyframes from-right{0%{right:-500px}100%{right:0}}.topbar{text-align:left;background:rgb(30 40 85/var(--tw-bg-opacity, 1));padding-left:20px}.topbar a{padding:20px}.menu_icon_sidenav{z-index:2;width:fit-content;height:auto;background-color:#fc970b;padding:10px;margin:10px;cursor:pointer;position:fixed;top:0;right:0;box-shadow:0 0 10px #010101;border-radius:100%}.line1,.line2,.line3{width:40px;height:4px;margin:10px 8px;background-color:#fff;border-radius:50px;transition:.2s}.active .line1{transform:translate(0px, 15px) rotate(45deg)}.active .line2{opacity:0}.active .line3{transform:translate(0px, -15px) rotate(-45deg)}.sidenav{width:fit-content;background-color:#010101;position:fixed;text-align:center;z-index:1;right:-500px;pointer-events:none;transition:.3s;top:0;box-shadow:0 0 10px #010101;overflow:scroll}.sidenav nav{padding-top:80px;margin-right:40px}.sidenav nav ul li{list-style:none;margin-bottom:20px;transition:.2s}.sidenav nav ul li:hover{background-color:rgb(15 25 50/var(--tw-bg-opacity, 1));border-radius:50px}.sidenav nav ul li a{font-size:1.2rem;padding:10px 30px;display:block;text-decoration:none;text-align:center}.active_sidenav{right:0px;pointer-events:fill;position:fixed;top:0;height:100vh;max-width:100%}.gap__20{height:20px}.gap__40{height:40px}.gap__80{height:80px}.box{display:flex;margin-top:80px;padding:20px;padding-bottom:40px;border:2px solid #fff;box-shadow:0 0 5px rgba(255,255,255,.2),0 4px 4px rgba(0,0,0,.08);flex-direction:column;justify-content:space-between}.box img{max-width:96px;margin-left:auto;margin-right:auto;display:block}.box__title{width:fit-content;padding:10px;margin-top:0;margin-bottom:0;background:rgb(15 25 50/var(--tw-bg-opacity, 1));border:0px solid #fff;translate:0px -55px;text-align:left}.box__link{text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 1080px) and (max-resolution: 1x){.box__link:hover{transform:scale(1.1);transition:all .2s}}.logo img{width:100%;max-width:500px}@media screen and (min-width: 1080px) and (max-resolution: 1x){.logo img:hover{transform:scale(1.02);transition:all .4s}}header{position:relative;color:#fff;text-align:left}header p{font-size:1.6rem}header::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:-1}header h1{text-align:left;font-size:4rem}.article-services{position:relative;color:#fff;text-align:center}.article-services::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}footer{background-color:#010101;padding:40px;box-shadow:0 0 20px #010101}.botbar{width:100%;display:flex;font-size:1rem;justify-content:space-between;flex-wrap:wrap;text-align:center;color:#fff}.botbar p{margin-left:auto;margin-right:auto}.article-about{position:relative;color:#fff;text-align:center}.article-about ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(5 100 115/var(--tw-bg-opacity, 1));z-index:-1}.article-about h3{text-align:center}.article-hosting{position:relative;color:#fff;text-align:left}.article-hosting ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}.contact-form{margin-right:20px;font-size:.8rem;font-weight:bold}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-size:1rem;padding:10px;border:0;flex:1 1 auto;margin:10px 0}.contact-form>*{display:flex;font-family:TitilliumWeb,sans-serif}.contact-form textarea{min-height:150px;max-width:100%;box-shadow:0 0 10px #010101}input:focus,textarea:focus{outline:none}.submit{width:calc(100% + 22px) !important;color:#fff;background-color:#00c8be}.submit:hover{cursor:pointer}svg{display:flex;align-items:center;justify-content:Line truncated
|
||||
@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}body{margin:0px}body,html{font-family:TitilliumWeb,sans-serif;font-size:1.2rem;color:#fff;scroll-behavior:smooth}main{min-height:calc(100vh - 142.4px)}article{padding-bottom:100px}.anchor{height:0px}.content{padding:20px}li{color:#fff}body{background:rgb(15 25 50/var(--tw-bg-opacity, 1))}a{color:#00c8be;text-decoration:none}a:hover{color:#00c8be}h1,h2,h3,h4{font-family:"TitilliumWeb",sans-serif;font-weight:bold;text-align:left;color:#fff}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.6rem;line-height:2.6rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}.from-left{position:relative;animation-name:from-left;animation-duration:1s}@keyframes from-left{0%{left:-500px}100%{left:0}}.from-right{position:relative;animation-name:from-right;animation-duration:1s}@keyframes from-right{0%{right:-500px}100%{right:0}}.topbar{display:flex;flex-wrap:wrap;align-items:center;text-align:left;background:rgb(30 40 85/var(--tw-bg-opacity, 1))}.topbar a{padding-left:20px}.menu_icon_sidenav{z-index:2;width:fit-content;height:auto;background-color:#fc970b;padding:10px;margin:10px;cursor:pointer;position:fixed;top:0;right:0;box-shadow:0 0 10px #010101;border-radius:100%}.line1,.line2,.line3{width:40px;height:4px;margin:10px 8px;background-color:#fff;border-radius:50px;transition:.2s}.active .line1{transform:translate(0px, 15px) rotate(45deg)}.active .line2{opacity:0}.active .line3{transform:translate(0px, -15px) rotate(-45deg)}.sidenav{width:fit-content;background-color:#010101;position:fixed;text-align:center;z-index:1;right:-500px;pointer-events:none;transition:.3s;top:0;box-shadow:0 0 10px #010101;overflow:scroll}.sidenav nav{padding-top:80px;margin-right:40px}.sidenav nav ul li{list-style:none;margin-bottom:20px;transition:.2s}.sidenav nav ul li:hover{background-color:rgb(15 25 50/var(--tw-bg-opacity, 1));border-radius:50px}.sidenav nav ul li a{font-size:1.2rem;padding:10px 30px;display:block;text-decoration:none;text-align:center}.active_sidenav{right:0px;pointer-events:fill;position:fixed;top:0;height:100vh;max-width:100%}.gap__20{height:20px}.gap__40{height:40px}.gap__80{height:80px}.box{display:flex;margin-top:80px;padding:20px;padding-bottom:40px;border:2px solid #fff;box-shadow:0 0 5px rgba(255,255,255,.2),0 4px 4px rgba(0,0,0,.08);flex-direction:column;justify-content:space-between}.box img{max-width:96px;margin-left:auto;margin-right:auto;display:block}.box__title{width:fit-content;padding:10px;margin-top:0;margin-bottom:0;background:rgb(15 25 50/var(--tw-bg-opacity, 1));border:0px solid #fff;translate:0px -55px;text-align:left}.box__link{text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 1080px) and (max-resolution: 1x){.box__link:hover{transform:scale(1.1);transition:all .2s}}.logo img{width:100%;max-width:500px}@media screen and (min-width: 1080px) and (max-resolution: 1x){.logo img:hover{transform:scale(1.02);transition:all .4s}}.logo--min img{max-width:48px}header{position:relative;color:#fff;text-align:left}header p{font-size:1.6rem}header::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:-1}header h1{text-align:left;font-size:4rem}.article-services{position:relative;color:#fff;text-align:center}.article-services::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}footer{background-color:#010101;padding:40px;box-shadow:0 0 20px #010101}.botbar{width:100%;display:flex;font-size:1rem;justify-content:space-between;flex-wrap:wrap;text-align:center;color:#fff}.botbar p{margin-left:auto;margin-right:auto}.article-about{position:relative;color:#fff;text-align:center}.article-about ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(5 100 115/var(--tw-bg-opacity, 1));z-index:-1}.article-about h3{text-align:center}.article-hosting{position:relative;color:#fff;text-align:left}.article-hosting ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}.contact-form{margin-right:20px;font-size:.8rem;font-weight:bold}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-size:1rem;padding:10px;border:0;flex:1 1 auto;margin:10px 0}.contact-form>*{display:flex;font-family:TitilliumWeb,sans-serif}.contact-form textarea{min-height:150px;max-width:100%;box-shadow:0 0 10px #010101}input:focus,textarea:focus{outline:none}.submit{width:calc(100% + 22px) !important;color:#fff;background-color:#00c8be}.submit:hover{cursor:pointer}svg{displLine truncated
|
||||
+35
-5
@@ -51,7 +51,7 @@ article {
|
||||
}
|
||||
|
||||
.anchor {
|
||||
height: 40px;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
|
||||
@@ -105,7 +105,7 @@ h1 {
|
||||
h2 {
|
||||
font-size: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
margin-bottom: 100px;
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
@@ -157,12 +157,14 @@ h4 {
|
||||
------------------------------------------------------------------------ */
|
||||
|
||||
.topbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
background: $color__ternary;
|
||||
padding-left: 20px;
|
||||
|
||||
a {
|
||||
padding: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -255,7 +257,6 @@ h4 {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* Gaps
|
||||
------------------------------------------------------------------------ */
|
||||
|
||||
@@ -333,6 +334,12 @@ h4 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--min {
|
||||
img {
|
||||
max-width: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Header
|
||||
@@ -518,6 +525,22 @@ svg {
|
||||
background-color: #185833;
|
||||
}
|
||||
|
||||
/* Docnav
|
||||
------------------------------------------------------------------------ */
|
||||
|
||||
.docnav {
|
||||
background: rgb(5 100 115/var(--tw-bg-opacity, 1));
|
||||
|
||||
@media screen and (min-width: 1080px) and (max-resolution: 1x) {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.doc ul {
|
||||
margin-top: 0;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Responsive 1080px
|
||||
------------------------------------------------------------------------ */
|
||||
@@ -537,6 +560,13 @@ svg {
|
||||
align-items: normal;
|
||||
}
|
||||
|
||||
.col--1-4 {
|
||||
display: grid;
|
||||
gap: 40px;
|
||||
grid-template-columns: 1fr 4fr;
|
||||
align-items: normal;
|
||||
}
|
||||
|
||||
.col--1-1-1 {
|
||||
display: grid;
|
||||
gap: 40px;
|
||||
|
||||
+7
-61
@@ -3,53 +3,16 @@
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index, follow">
|
||||
<title>NETig</title>
|
||||
<meta name="description"
|
||||
content="Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos données aux GAFAM ? Vous êtes au bon endroit !">
|
||||
<link rel="canonical" href="https://netig.net/">
|
||||
<link rel="icon" type="image/x-icon" href="{{ get_url(path="images/favicon.webp") }}">
|
||||
<link rel="stylesheet" href="{{ get_url(path="css/style.css") }}">
|
||||
{% include "partials/head.html" %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="">
|
||||
<div class="topbar">
|
||||
<a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
|
||||
<a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
|
||||
<a class="" href="https://git.netig.net" target="_blank">NETgit</a>
|
||||
|
||||
</div>
|
||||
<div class="menu_icon_sidenav">
|
||||
<div class="line1"></div>
|
||||
<div class="line2"></div>
|
||||
<div class="line3"></div>
|
||||
</div>
|
||||
<div class="sidenav">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/#">Accueil</a></li>
|
||||
<li><a href="/#services">Services</a></li>
|
||||
<li><a href="/#about">À propos</a></li>
|
||||
<li><a href="/#hosting">Hébergement</a></li>
|
||||
<li><a href="/maintenance#report">Maintenance et incidents</a></li>
|
||||
<li><a href="/contact#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="content col--1-2">
|
||||
<div>
|
||||
<a class="logo" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}"
|
||||
alt="Logo"></a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/#"><h1>NETig</h1></a>
|
||||
<p><strong>Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos
|
||||
données aux GAFAM ? Vous êtes au bon endroit !</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
{% if page %}
|
||||
{% include "partials/header-page.html" %}
|
||||
{% else %}
|
||||
{% include "partials/header.html" %}
|
||||
{% endif %}
|
||||
</header>
|
||||
<main>
|
||||
<div>
|
||||
@@ -57,24 +20,7 @@
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="botbar">
|
||||
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
|
||||
rel="cc:attributionURL" href="https://netig.net">NETig website</a> by <span
|
||||
property="cc:attributionName">Julien Debrousse</span> is licensed under <a
|
||||
href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank"
|
||||
rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
|
||||
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img
|
||||
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""></a></p>
|
||||
<p>
|
||||
<a href="/legal">Mentions Légales</a>
|
||||
</p>
|
||||
<p>
|
||||
Made with ❤️ with <a href="https://www.getzola.org/" target="_blank">Zola</a> !
|
||||
</p>
|
||||
</div>
|
||||
<script src="{{ get_url(path="js/sidenav.js") }}"></script>
|
||||
{% include "partials/footer.html" %}
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,28 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<div class="anchor" id="contact"></div>
|
||||
<h2>{{ page.title }}</h2>
|
||||
<article class="article-contact">
|
||||
<div class="col--1-1">
|
||||
<div>
|
||||
<p>Vous avez un projet en tête ? Un service vous intéresse ? Ou simplement une question ? Ce formulaire
|
||||
est
|
||||
là pour ça !</p>
|
||||
</div>
|
||||
<form action="https://p2e.netig.net/" method="post" class="contact-form">
|
||||
<input type="hidden" name="REDIRECT" value="https://netig.net/success" />
|
||||
<input type="email" name="REPLY_TO" placeholder="Email" class="contact-form-input" required>
|
||||
<input type="hidden" name="Source" value="Formulaire de contact" />
|
||||
<input type="text" name="Nom" maxlength="128" placeholder="Nom" class="contact-form-input" required>
|
||||
<input type="text" name="SUBJECT" maxlength="256" placeholder="Objet" class="contact-form-input"
|
||||
required>
|
||||
<textarea name="Message" cols="40" rows="10" placeholder="Message" class="contact-form-input"
|
||||
required></textarea>
|
||||
<input type="submit" value="Envoyer" class="submit">
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,30 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="doc col--1-4">
|
||||
<div class="docnav">
|
||||
<ul>
|
||||
<li><a href="#infrastructure">Infrastructure</a></li>
|
||||
<ul>
|
||||
<li><a href="#serveurs">Serveurs</a></li>
|
||||
<li><a href="#reseau">Réseau</a></li>
|
||||
<li><a href="#sauvegardes">Sauvegardes</a></li>
|
||||
</ul>
|
||||
<li><a href="#services">Services</a></li>
|
||||
<ul>
|
||||
<li><a href="#mail">Mail</a></li>
|
||||
</ul>
|
||||
<li><a href="#maintenance">Maintenance</a></li>
|
||||
<ul>
|
||||
<li><a href="#apk">APK</a></li>
|
||||
<li><a href="#nerdctl">Nerdctl</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="anchor" id="{{ page.slug }}"></div>
|
||||
<h2>{{ page.title }}</h2>
|
||||
{{ page.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@@ -1,24 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<div class="anchor" id="report"></div>
|
||||
<h2>{{ page.title }}</h2>
|
||||
<article class="article-report">
|
||||
<p>Information : Brève interruption de l'ensemble des services tous les lundi matins à 4h pour sauvegarde.
|
||||
</p>
|
||||
<div class="col--1-1-1">
|
||||
<a class="box box__link" href="https://status.netig.net/status/services" target="_blank">État des
|
||||
services
|
||||
en
|
||||
temps réel</a>
|
||||
<a class="box box__link" href="https://list.netig.net/archive" target="_blank">Maintenances et
|
||||
incidents
|
||||
signalés</a>
|
||||
<a class="box box__link" href="https://list.netig.net/subscription/form" target="_blank">Recevoir
|
||||
les
|
||||
notifications par mail</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<div class="anchor" id="{{ page.slug }}"></div>
|
||||
<h2>{{ page.title }}</h2>
|
||||
{{ page.content | safe }}
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="botbar">
|
||||
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
|
||||
rel="cc:attributionURL" href="https://netig.net">NETig website</a> by <span
|
||||
property="cc:attributionName">Julien Debrousse</span> is licensed under <a
|
||||
href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank"
|
||||
rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
|
||||
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img
|
||||
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""></a></p>
|
||||
<p>
|
||||
<a href="/legal">Mentions Légales</a>
|
||||
</p>
|
||||
<p>
|
||||
Made with ❤️ with <a href="https://www.getzola.org/" target="_blank">Zola</a> !
|
||||
</p>
|
||||
</div>
|
||||
<script src="{{ get_url(path="js/sidenav.js") }}"></script>
|
||||
@@ -0,0 +1,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index, follow">
|
||||
<title>NETig</title>
|
||||
<meta name="description"
|
||||
content="Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos données aux GAFAM ? Vous êtes au bon endroit !">
|
||||
<link rel="canonical" href="https://netig.net/">
|
||||
<link rel="icon" type="image/x-icon" href="{{ get_url(path="images/favicon.webp") }}">
|
||||
<link rel="stylesheet" href="{{ get_url(path="css/style.css") }}">
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="topbar">
|
||||
<a class="logo--min" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>
|
||||
<a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
|
||||
<a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
|
||||
<a class="" href="https://git.netig.net" target="_blank">NETgit</a>
|
||||
</div>
|
||||
{% include "partials/sidenav.html" %}
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="topbar">
|
||||
<a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
|
||||
<a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
|
||||
<a class="" href="https://git.netig.net" target="_blank">NETgit</a>
|
||||
|
||||
</div>
|
||||
{% include "partials/sidenav.html" %}
|
||||
<div class="content col--1-2">
|
||||
<div>
|
||||
<a class="logo" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/#">
|
||||
<h1>NETig</h1>
|
||||
</a>
|
||||
<p><strong>Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos
|
||||
données aux GAFAM ? Vous êtes au bon endroit !</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="menu_icon_sidenav">
|
||||
<div class="line1"></div>
|
||||
<div class="line2"></div>
|
||||
<div class="line3"></div>
|
||||
</div>
|
||||
<div class="sidenav">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/#">Accueil</a></li>
|
||||
<li><a href="/#services">Services</a></li>
|
||||
<li><a href="/#about">À propos</a></li>
|
||||
<li><a href="/#hosting">Hébergement</a></li>
|
||||
<li><a href="/maintenance#maintenance">Maintenance et incidents</a></li>
|
||||
<li><a href="/documentation#documentation">Documentation</a></li>
|
||||
<li><a href="/contact#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -1,8 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<p class="success">Message envoyé, retourner à la <a href="/#">page d'accueil</a> !</p>
|
||||
|
||||
</div>
|
||||
{% endblock content %}
|
||||
Reference in new issue
Block a user