diff --git a/src/content/contact.md b/src/content/contact.md index fb2fd4b..0b70baa 100644 --- a/src/content/contact.md +++ b/src/content/contact.md @@ -1,4 +1,25 @@ +++ title = "Contact" -template = "contact.html" +slug = "contact" +template = "page.html" +++ + +
+
+
+

Vous avez un projet en tête ? Un service vous intéresse ? Ou simplement une question ? Ce formulaire + est + là pour ça !

+
+
+ + + + + + + +
+
+
\ No newline at end of file diff --git a/src/content/documentation.md b/src/content/documentation.md new file mode 100644 index 0000000..9647328 --- /dev/null +++ b/src/content/documentation.md @@ -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. \ No newline at end of file diff --git a/src/content/maintenance.md b/src/content/maintenance.md index 8f5c2d6..a1b8194 100644 --- a/src/content/maintenance.md +++ b/src/content/maintenance.md @@ -1,4 +1,22 @@ +++ title = "Maintenance et incidents" -template = "maintenance.html" +slug = "maintenance" +template = "page.html" +++ + +
+

Information : Brève interruption de l'ensemble des services tous les lundi matins à 4h pour sauvegarde. +

+
+ État des + services + en + temps réel + Maintenances et + incidents + signalés + Recevoir + les + notifications par mail +
+
\ No newline at end of file diff --git a/src/content/success.md b/src/content/success.md index 7b65526..e3df138 100644 --- a/src/content/success.md +++ b/src/content/success.md @@ -1,4 +1,9 @@ +++ -title = "Success" -template = "success.html" +title = "C'est fait !" +slug = "success" +template = "page.html" +++ + +
+

Message envoyé, retourner à la page d'accueil !

+
\ No newline at end of file diff --git a/src/public/css/style.css b/src/public/css/style.css index 4740040..012c449 100644 --- a/src/public/css/style.css +++ b/src/public/css/style.css @@ -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:left;height:64px;width:auto}.success{padding:20px;background-color:#185833}@media screen and (min-width: 1080px) and (max-resolution: 1x){.col--1-1{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:normal}.col--1-2{display:grid;gap:40px;grid-template-columns:1fr 2fr;align-items:normal}.col--1-1-1{display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;align-items:normal}.col--1-1-2{display:grid;gap:40px;grid-template-columns:1fr 1fr 2fr;align-items:normal}}@media screen and (min-width: 1200px) and (max-resolution: 1x){.content{width:1200px;margin-left:auto;margin-right:auto}} \ No newline at end of file +@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{display:flex;align-items:center;justify-content:left;height:64px;width:auto}.success{padding:20px;background-color:#185833}.docnav{background:rgb(5 100 115/var(--tw-bg-opacity, 1))}@media screen and (min-width: 1080px) and (max-resolution: 1x){.docnav{min-height:100vh}}.doc ul{margin-top:0;padding-top:20px;padding-bottom:20px}@media screen and (min-width: 1080px) and (max-resolution: 1x){.col--1-1{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:normal}.col--1-2{display:grid;gap:40px;grid-template-columns:1fr 2fr;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;grid-template-columns:1fr 1fr 1fr;align-items:normal}.col--1-1-2{display:grid;gap:40px;grid-template-columns:1fr 1fr 2fr;align-items:normal}}@media screen and (min-width: 1200px) and (max-resolution: 1x){.content{width:1200px;margin-left:auto;margin-right:auto}} \ No newline at end of file diff --git a/src/sass/css/style.scss b/src/sass/css/style.scss index 020f7c4..0e2dc49 100644 --- a/src/sass/css/style.scss +++ b/src/sass/css/style.scss @@ -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; diff --git a/src/templates/base.html b/src/templates/base.html index e0ca24e..170c9ac 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -3,53 +3,16 @@ - - - - NETig - - - - + {% include "partials/head.html" %}
-
- NETmail - NETcloud - NETgit - -
-
-
-
-
-
-
- -
-
-
- -
-
-

NETig

 -

Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos - données aux GAFAM ? Vous êtes au bon endroit !

-
-
+ {% if page %} + {% include "partials/header-page.html" %} + {% else %} + {% include "partials/header.html" %} + {% endif %}
@@ -57,24 +20,7 @@
diff --git a/src/templates/contact.html b/src/templates/contact.html deleted file mode 100644 index 9fc9995..0000000 --- a/src/templates/contact.html +++ /dev/null @@ -1,28 +0,0 @@ -{% extends "base.html" %} - -{% block content %} -
-
-

{{ page.title }}

-
-
-
-

Vous avez un projet en tête ? Un service vous intéresse ? Ou simplement une question ? Ce formulaire - est - là pour ça !

-
-
- - - - - - - -
-
-
-
-{% endblock content %} \ No newline at end of file diff --git a/src/templates/documentation.html b/src/templates/documentation.html new file mode 100644 index 0000000..2686b0f --- /dev/null +++ b/src/templates/documentation.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} + +{% block content %} +
+
+ +
+
+
+

{{ page.title }}

+ {{ page.content | safe }} +
+
+{% endblock content %} \ No newline at end of file diff --git a/src/templates/maintenance.html b/src/templates/maintenance.html deleted file mode 100644 index bf330ef..0000000 --- a/src/templates/maintenance.html +++ /dev/null @@ -1,24 +0,0 @@ -{% extends "base.html" %} - -{% block content %} -
-
-

{{ page.title }}

-
-

Information : Brève interruption de l'ensemble des services tous les lundi matins à 4h pour sauvegarde. -

-
- État des - services - en - temps réel - Maintenances et - incidents - signalés - Recevoir - les - notifications par mail -
-
-
-{% endblock content %} \ No newline at end of file diff --git a/src/templates/page.html b/src/templates/page.html index 3676bcf..c552e21 100644 --- a/src/templates/page.html +++ b/src/templates/page.html @@ -2,6 +2,7 @@ {% block content %}
+

{{ page.title }}

{{ page.content | safe }}
diff --git a/src/templates/partials/footer.html b/src/templates/partials/footer.html new file mode 100644 index 0000000..28a5039 --- /dev/null +++ b/src/templates/partials/footer.html @@ -0,0 +1,18 @@ +
+

NETig website by Julien Debrousse is licensed under CC BY 4.0

+

+ Mentions Légales +

+

+ Made with ❤️ with Zola ! +

+
+ \ No newline at end of file diff --git a/src/templates/partials/head.html b/src/templates/partials/head.html new file mode 100644 index 0000000..2f0eb36 --- /dev/null +++ b/src/templates/partials/head.html @@ -0,0 +1,9 @@ + + + +NETig + + + + \ No newline at end of file diff --git a/src/templates/partials/header-page.html b/src/templates/partials/header-page.html new file mode 100644 index 0000000..ffc0b67 --- /dev/null +++ b/src/templates/partials/header-page.html @@ -0,0 +1,7 @@ +
+ + NETmail + NETcloud + NETgit +
+{% include "partials/sidenav.html" %} \ No newline at end of file diff --git a/src/templates/partials/header.html b/src/templates/partials/header.html new file mode 100644 index 0000000..536daff --- /dev/null +++ b/src/templates/partials/header.html @@ -0,0 +1,19 @@ +
+ NETmail + NETcloud + NETgit + +
+{% include "partials/sidenav.html" %} +
+
+ +
+
+ +

NETig

+ +

Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos + données aux GAFAM ? Vous êtes au bon endroit !

+
+
\ No newline at end of file diff --git a/src/templates/partials/sidenav.html b/src/templates/partials/sidenav.html new file mode 100644 index 0000000..e176da5 --- /dev/null +++ b/src/templates/partials/sidenav.html @@ -0,0 +1,18 @@ +
+
+
+
+
+
+ +
\ No newline at end of file diff --git a/src/templates/success.html b/src/templates/success.html deleted file mode 100644 index c58ba2a..0000000 --- a/src/templates/success.html +++ /dev/null @@ -1,8 +0,0 @@ -{% extends "base.html" %} - -{% block content %} -
-

Message envoyé, retourner à la page d'accueil !

- -
-{% endblock content %} \ No newline at end of file