Commit c9cb5906 authored by siick's avatar siick
Browse files

Ajout lien pour retour en haut de page et modification page des statuts

parent decb8fd1
Pipeline #748 passed with stage
in 19 seconds
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<!-- Banner --> <!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. --> <!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2"> <section id="banner" class="style2">
<div class="inner"> <div class="inner" id="top">
<span class="image"> <span class="image">
<img src="images/pic07.jpg" alt="" /> <img src="images/pic07.jpg" alt="" />
</span> </span>
...@@ -137,7 +137,12 @@ ...@@ -137,7 +137,12 @@
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul> --> </ul> -->
<ul class="copyright"> <ul class="copyright">
<li>CC BY-SA 4.0</li><li>Services libres pour personnes désireuses de l'être</li><li><a href="technique.html">Informations techniques</a></li><li><a href="mentions.html">Mentions légales</a></li><li><a href="cgu.html">CGU</a></li> <li>CC BY-SA 4.0</li>
<li>Services libres pour personne désireuses de l'êtres</li>
<li><a href="technique.html">Informations techniques</a></li>
<li><a href="mentions.html">Mentions légales</a></li>
<li><a href="cgu.html">CGU</a></li>
<li><a href="#top"><span class="icon solid alt fa-arrow-up"></span></a></li>
</ul> </ul>
</div> </div>
</footer> </footer>
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<!-- Banner --> <!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. --> <!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2"> <section id="banner" class="style2">
<div class="inner"> <div class="inner" id="top">
<span class="image"> <span class="image">
<img src="images/pic07.jpg" alt="" /> <img src="images/pic07.jpg" alt="" />
</span> </span>
...@@ -307,7 +307,12 @@ ...@@ -307,7 +307,12 @@
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul> --> </ul> -->
<ul class="copyright"> <ul class="copyright">
<li>CC BY-SA 4.0</li><li>Services libres pour personnes désireuses de l'être</li><li><a href="technique.html">Informations techniques</a></li><li><a href="mentions.html">Mentions légales</a></li><li><a href="cgu.html">CGU</a></li> <li>CC BY-SA 4.0</li>
<li>Services libres pour personne désireuses de l'êtres</li>
<li><a href="technique.html">Informations techniques</a></li>
<li><a href="mentions.html">Mentions légales</a></li>
<li><a href="cgu.html">CGU</a></li>
<li><a href="#top"><span class="icon solid alt fa-arrow-up"></span></a></li>
</ul> </ul>
</div> </div>
</footer> </footer>
......
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<!-- Note: The "styleN" class below should match that of the header element. --> <!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2"> <section id="banner" class="style2">
<div class="inner"> <div class="inner" id="top">
<span class="image"> <span class="image">
<img src="images/pic07.jpg" alt="" /> <img src="images/pic07.jpg" alt="" />
</span> </span>
...@@ -97,7 +97,12 @@ ...@@ -97,7 +97,12 @@
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul> --> </ul> -->
<ul class="copyright"> <ul class="copyright">
<li>CC BY-SA 4.0</li><li>Services libres pour personne désireuses de l'êtres</li><li><a href="technique.html">Informations techniques</a></li><li><a href="mentions.html">Mentions légales</a></li><li><a href="cgu.html">CGU</a></li> <li>CC BY-SA 4.0</li>
<li>Services libres pour personne désireuses de l'êtres</li>
<li><a href="technique.html">Informations techniques</a></li>
<li><a href="mentions.html">Mentions légales</a></li>
<li><a href="cgu.html">CGU</a></li>
<li><a href="#top"><span class="icon solid alt fa-arrow-up"></span></a></li>
</ul> </ul>
</div> </div>
</footer> </footer>
......
...@@ -45,17 +45,18 @@ ...@@ -45,17 +45,18 @@
<!-- Note: The "styleN" class below should match that of the header element. --> <!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2"> <section id="banner" class="style2">
<div class="inner"> <div class="inner" id="top">
<span class="image"> <span class="image">
<img src="images/pic07.jpg" alt="" /> <img src="images/pic07.jpg" alt="" />
</span> </span>
<header class="major"> <header class="major">
<h1>Siick's Services</h1> <h1>Siick's Services - Statuts des services</h1>
</header> </header>
<div class="content"> <div class="content">
<img src="images/logo_chatons.png" height="20%" width="20%"> <img src="images/logo_chatons.png" height="50px" width="50px">
<p> <p align="center">
Bienvenue sur mon site recensant les services que je mets à disposition du public, le tout avec des logiciels libres et aucune surveillance sur vos données. <a href="https://framagit.org/framasoft/CHATONS/blob/master/docs/Manifesto-fr.md" target="_blank">Le manifeste des CHATONS</a> résume très bien mon positionnement par rapport à la concentration des services et sur pourquoi je donne l'accès à ces services. <a href="#one" class="button">Statuts des services</a>
<a href="#two" class="button">Listing des interventions</a>
</p> </p>
</div> </div>
</div> </div>
...@@ -66,13 +67,6 @@ ...@@ -66,13 +67,6 @@
<!-- One.1 --> <!-- One.1 -->
<section id="one"> <section id="one">
<div class="inner"> <div class="inner">
<p align="center">
<a href="#one" class="button">Statuts des services</a>
<a href="#two" class="button">Listing des interventions</a>
</p>
<header class="major">
<h2>Statuts des services</h2>
</header>
<p> <p>
<iframe src="https://status.siick.fr/" height="1200px" width="100%"></iframe> <iframe src="https://status.siick.fr/" height="1200px" width="100%"></iframe>
</p> </p>
...@@ -120,7 +114,12 @@ ...@@ -120,7 +114,12 @@
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul> --> </ul> -->
<ul class="copyright"> <ul class="copyright">
<li>CC BY-SA 4.0</li><li>Services libres pour personne désireuses de l'êtres</li><li><a href="technique.html">Informations techniques</a></li><li><a href="mentions.html">Mentions légales</a></li><li><a href="cgu.html">CGU</a></li> <li>CC BY-SA 4.0</li>
<li>Services libres pour personne désireuses de l'êtres</li>
<li><a href="technique.html">Informations techniques</a></li>
<li><a href="mentions.html">Mentions légales</a></li>
<li><a href="cgu.html">CGU</a></li>
<li><a href="#top"><span class="icon solid alt fa-arrow-up"></span></a></li>
</ul> </ul>
</div> </div>
</footer> </footer>
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<!-- Banner --> <!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. --> <!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2"> <section id="banner" class="style2">
<div class="inner"> <div class="inner" id="top">
<span class="image"> <span class="image">
<img src="images/pic07.jpg" alt="" /> <img src="images/pic07.jpg" alt="" />
</span> </span>
...@@ -133,7 +133,12 @@ ...@@ -133,7 +133,12 @@
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul> --> </ul> -->
<ul class="copyright"> <ul class="copyright">
<li>CC BY-SA 4.0</li><li>Services libres pour personnes désireuses de l'être</li><li><a href="technique.html">Informations techniques</a></li><li><a href="mentions.html">Mentions légales</a></li><li><a href="cgu.html">CGU</a></li> <li>CC BY-SA 4.0</li>
<li>Services libres pour personne désireuses de l'êtres</li>
<li><a href="technique.html">Informations techniques</a></li>
<li><a href="mentions.html">Mentions légales</a></li>
<li><a href="cgu.html">CGU</a></li>
<li><a href="#top"><span class="icon solid alt fa-arrow-up"></span></a></li>
</ul> </ul>
</div> </div>
</footer> </footer>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment