Pages d'erreur

This commit is contained in:
Adrien Bourmault 2022-04-18 18:51:47 +02:00
parent dbef933b56
commit e50c00c4a0
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
4 changed files with 878 additions and 0 deletions

114
erreur_403.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name='viewport' content="width=device-width, initial-scale=1.0">
<meta name='robots' content="all">
<meta name='generator' content="GSL: Statique Littérateur">
<meta name='medium' content='website'>
<meta name='revisit-after' content="3 days">
<title>Accueil - Libre en Communs</title>
<link rel="stylesheet" media="screen" href="styles_erreur.css" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<link rel='me' type='text/html' href="https://toot.a-lec.org/@a_lec">
<meta name='language' content="fr">
<meta name='reply-to' content="cominfra+www@a-lec.org">
<meta name='copyright' content="2022 Libre en Communs CC-BY-SA 4.0 sauf mention contraire">
<meta name='title' content="Accueil - Libre en Communs">
<meta name='author' content="neox">
<meta name='description' content="Bienvenue sur le site web de Libre en Communs, association française centrée sur le logiciel libre et les communs.">
<meta name='keywords' content="libre,free,communs,Logiciels Libres,Connaissance,Partage,Éducation,Solidarité">
<meta name='search_date' content="2021-07-01">
</head>
<body id="a-lec_page">
<header id="a-lec_banner">
<div id="a-lec_site-logo">
<a href="/">
<img src="./logo_a-lec.svg"
alt="Logo de Libre en Communs"
title="Logo de Libre en Communs"/>
</a>
</div>
<section id="a-lec_site-titles">
<h1 id="a-lec_site-name">
<a href="/"
title="Page d'accueil de Libre en Communs">
Libre en Communs
</a>
</h1>
<h2 id="a-lec_site-description">“Connaissance, partage, éducation et solidarité„</h2>
</section>
</header>
<section id="a-lec_page-wrapper">
<article id="a-lec_index">
<img src="./logo_403.svg" class="a-lec_image_center" alt="Erreur 403" title="Erreur 403" style="width:50%;"/>
<br/>
<b style="font-size: 200%;text-align:center;">Accès interdit</b>
</article>
<aside id="a-lec_sidebar">
<div class="a-lec_wrapper" role="navigation">
<nav id="a-lec_latest-posts">
<h1 class="a-lec_latest-posts"></h1>
<ul aria-label="Liste d'Articles">
<!--# include file="./last-posts-list.html" -->
</ul>
</nav>
</div>
</aside>
</section>
<footer id="a-lec_footer">
<div id="a-lec_infos">
<h1>À propos de Libre en Communs</h1>
<div id="a-lec_a-propos">
<p class="a-lec_paragraph">
<b>Libre en Communs</b> est une
<a title="Plus d'informations sur la page Wikipédia France"
href="https://fr.wikipedia.org/wiki/Association_loi_de_1901">
association loi 1901</a>, à but non lucratif avec pour champ
d'action le logiciel libre, tel que défini par la
<a href="https://www.fsf.org/">Free Software Foundation</a>
(Fondation pour le Logiciel Libre) et le projet
<a href="https://www.gnu.org/philosophy/free-sw.fr.html">
<abbr title="GNU's Not Unix">GNU</abbr></a>.
Pour adhérer, voir sur la
<a title="Page d'accueil du site Libre en Communs"
href="https://www.a-lec.org/">page d'accueil</a>.</p>
</div>
</div>
<div id="a-lec_copyright">
<ul>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf"
target="_blank"
title="Fichier PDF des Statuts de l'association Libre en Communs">Statuts de l'association</a>
</li>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf"
target="_blank"
title="Fichier PDF du Règlement Intérieur de l'association Libre en Communs">Règlement intérieur</a>
</li>
<li class="a-lec_list-cr">Copyright © 2021-2022 Libre en Communs</li>
<li class="a-lec_list-cr"
title="Creative Commons: Attribution-ShareAlike 4.0 International">Licence CC-BY-SA 4.0 sauf mention contraire</li>
<li class="a-lec_list-cr">Propulsé par GSL
(<a title="Code source du site a-lec.org"
href="https://git.a-lec.org/a-lec/commissions/infrastructure//site-web-www.a-lec.org"
target="_blank">voir le code</a>)
</li>
</ul>
</div>
</footer>
</body>
</html>

114
erreur_404.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name='viewport' content="width=device-width, initial-scale=1.0">
<meta name='robots' content="all">
<meta name='generator' content="GSL: Statique Littérateur">
<meta name='medium' content='website'>
<meta name='revisit-after' content="3 days">
<title>Accueil - Libre en Communs</title>
<link rel="stylesheet" media="screen" href="styles_erreur.css" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<link rel='me' type='text/html' href="https://toot.a-lec.org/@a_lec">
<meta name='language' content="fr">
<meta name='reply-to' content="cominfra+www@a-lec.org">
<meta name='copyright' content="2022 Libre en Communs CC-BY-SA 4.0 sauf mention contraire">
<meta name='title' content="Accueil - Libre en Communs">
<meta name='author' content="neox">
<meta name='description' content="Bienvenue sur le site web de Libre en Communs, association française centrée sur le logiciel libre et les communs.">
<meta name='keywords' content="libre,free,communs,Logiciels Libres,Connaissance,Partage,Éducation,Solidarité">
<meta name='search_date' content="2021-07-01">
</head>
<body id="a-lec_page">
<header id="a-lec_banner">
<div id="a-lec_site-logo">
<a href="/">
<img src="./logo_a-lec.svg"
alt="Logo de Libre en Communs"
title="Logo de Libre en Communs"/>
</a>
</div>
<section id="a-lec_site-titles">
<h1 id="a-lec_site-name">
<a href="/"
title="Page d'accueil de Libre en Communs">
Libre en Communs
</a>
</h1>
<h2 id="a-lec_site-description">“Connaissance, partage, éducation et solidarité„</h2>
</section>
</header>
<section id="a-lec_page-wrapper">
<article id="a-lec_index">
<img src="./logo_404.svg" class="a-lec_image_center" alt="Erreur 404" title="Erreur 404" style="width:50%;"/>
<br/>
<b style="font-size: 200%;text-align:center;">Page introuvable</b>
</article>
<aside id="a-lec_sidebar">
<div class="a-lec_wrapper" role="navigation">
<nav id="a-lec_latest-posts">
<h1 class="a-lec_latest-posts"></h1>
<ul aria-label="Liste d'Articles">
<!--# include file="./last-posts-list.html" -->
</ul>
</nav>
</div>
</aside>
</section>
<footer id="a-lec_footer">
<div id="a-lec_infos">
<h1>À propos de Libre en Communs</h1>
<div id="a-lec_a-propos">
<p class="a-lec_paragraph">
<b>Libre en Communs</b> est une
<a title="Plus d'informations sur la page Wikipédia France"
href="https://fr.wikipedia.org/wiki/Association_loi_de_1901">
association loi 1901</a>, à but non lucratif avec pour champ
d'action le logiciel libre, tel que défini par la
<a href="https://www.fsf.org/">Free Software Foundation</a>
(Fondation pour le Logiciel Libre) et le projet
<a href="https://www.gnu.org/philosophy/free-sw.fr.html">
<abbr title="GNU's Not Unix">GNU</abbr></a>.
Pour adhérer, voir sur la
<a title="Page d'accueil du site Libre en Communs"
href="https://www.a-lec.org/">page d'accueil</a>.</p>
</div>
</div>
<div id="a-lec_copyright">
<ul>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf"
target="_blank"
title="Fichier PDF des Statuts de l'association Libre en Communs">Statuts de l'association</a>
</li>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf"
target="_blank"
title="Fichier PDF du Règlement Intérieur de l'association Libre en Communs">Règlement intérieur</a>
</li>
<li class="a-lec_list-cr">Copyright © 2021-2022 Libre en Communs</li>
<li class="a-lec_list-cr"
title="Creative Commons: Attribution-ShareAlike 4.0 International">Licence CC-BY-SA 4.0 sauf mention contraire</li>
<li class="a-lec_list-cr">Propulsé par GSL
(<a title="Code source du site a-lec.org"
href="https://git.a-lec.org/a-lec/commissions/infrastructure//site-web-www.a-lec.org"
target="_blank">voir le code</a>)
</li>
</ul>
</div>
</footer>
</body>
</html>

114
erreur_500.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name='viewport' content="width=device-width, initial-scale=1.0">
<meta name='robots' content="all">
<meta name='generator' content="GSL: Statique Littérateur">
<meta name='medium' content='website'>
<meta name='revisit-after' content="3 days">
<title>Accueil - Libre en Communs</title>
<link rel="stylesheet" media="screen" href="styles_erreur.css" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<link rel='me' type='text/html' href="https://toot.a-lec.org/@a_lec">
<meta name='language' content="fr">
<meta name='reply-to' content="cominfra+www@a-lec.org">
<meta name='copyright' content="2022 Libre en Communs CC-BY-SA 4.0 sauf mention contraire">
<meta name='title' content="Accueil - Libre en Communs">
<meta name='author' content="neox">
<meta name='description' content="Bienvenue sur le site web de Libre en Communs, association française centrée sur le logiciel libre et les communs.">
<meta name='keywords' content="libre,free,communs,Logiciels Libres,Connaissance,Partage,Éducation,Solidarité">
<meta name='search_date' content="2021-07-01">
</head>
<body id="a-lec_page">
<header id="a-lec_banner">
<div id="a-lec_site-logo">
<a href="/">
<img src="./logo_a-lec.svg"
alt="Logo de Libre en Communs"
title="Logo de Libre en Communs"/>
</a>
</div>
<section id="a-lec_site-titles">
<h1 id="a-lec_site-name">
<a href="/"
title="Page d'accueil de Libre en Communs">
Libre en Communs
</a>
</h1>
<h2 id="a-lec_site-description">“Connaissance, partage, éducation et solidarité„</h2>
</section>
</header>
<section id="a-lec_page-wrapper">
<article id="a-lec_index">
<img src="./logo_50x.svg" class="a-lec_image_center" alt="Erreur 500" title="Erreur 500" style="width:50%;"/>
<br/>
<b style="font-size: 200%;text-align:center;">Erreur interne du serveur</b>
</article>
<aside id="a-lec_sidebar">
<div class="a-lec_wrapper" role="navigation">
<nav id="a-lec_latest-posts">
<h1 class="a-lec_latest-posts"></h1>
<ul aria-label="Liste d'Articles">
<!--# include file="./last-posts-list.html" -->
</ul>
</nav>
</div>
</aside>
</section>
<footer id="a-lec_footer">
<div id="a-lec_infos">
<h1>À propos de Libre en Communs</h1>
<div id="a-lec_a-propos">
<p class="a-lec_paragraph">
<b>Libre en Communs</b> est une
<a title="Plus d'informations sur la page Wikipédia France"
href="https://fr.wikipedia.org/wiki/Association_loi_de_1901">
association loi 1901</a>, à but non lucratif avec pour champ
d'action le logiciel libre, tel que défini par la
<a href="https://www.fsf.org/">Free Software Foundation</a>
(Fondation pour le Logiciel Libre) et le projet
<a href="https://www.gnu.org/philosophy/free-sw.fr.html">
<abbr title="GNU's Not Unix">GNU</abbr></a>.
Pour adhérer, voir sur la
<a title="Page d'accueil du site Libre en Communs"
href="https://www.a-lec.org/">page d'accueil</a>.</p>
</div>
</div>
<div id="a-lec_copyright">
<ul>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf"
target="_blank"
title="Fichier PDF des Statuts de l'association Libre en Communs">Statuts de l'association</a>
</li>
<li class="a-lec_list-cr">
<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf"
target="_blank"
title="Fichier PDF du Règlement Intérieur de l'association Libre en Communs">Règlement intérieur</a>
</li>
<li class="a-lec_list-cr">Copyright © 2021-2022 Libre en Communs</li>
<li class="a-lec_list-cr"
title="Creative Commons: Attribution-ShareAlike 4.0 International">Licence CC-BY-SA 4.0 sauf mention contraire</li>
<li class="a-lec_list-cr">Propulsé par GSL
(<a title="Code source du site a-lec.org"
href="https://git.a-lec.org/a-lec/commissions/infrastructure//site-web-www.a-lec.org"
target="_blank">voir le code</a>)
</li>
</ul>
</div>
</footer>
</body>
</html>

536
styles_erreur.css Normal file
View File

@ -0,0 +1,536 @@
/*
========================================================================
Description : CSS stylesheet
Author : echolib & neox
Website : https://a-lec.org
License : AGPL
========================================================================
*/
/*
========================================================================
ROOT VARIABLES DOCUMENT
========================================================================
*/
:root {
--a-lec_blue: #00bdff;
--a-lec_red: #b11107;
--a-lec_yellow: #ecb41a;
--a-lec_black: #2d3842;
--a-lec_white: #fefff9;
}
/*
========================================================================
Reset all:
- Inherited properties to inherit value
- Non-inherited properties to initial value
========================================================================
*/
* {
all: unset;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-decoration: none;
}
/*
========================================================================
Foundations
========================================================================
*/
title {
display: none;
}
head {
display: none;
}
style {
display:none;
}
body {
color: var(--a-lec_black);
background: var(--a-lec_white);
font-family: sans-serif;
font-size: 100%;
text-align: justify;
text-justify: auto;
background: var(--a-lec_white);
}
section#a-lec_page-wrapper {
display: flex;
margin: 0 25px;
}
article,
aside {
margin: 7px;
background-color: var(--a-lec_white);
background-repeat: repeat;
padding: 10px;
min-height: 62vh;
}
article {
flex-basis: 70%;
}
aside {
margin: 10px;
flex-basis: 30%;
}
/*
========================================================================
HEADER / BANNER
========================================================================
*/
header {
background: #2d4b63; /* old IE fallback */
background-attachment: fixed;
background-image: url(./electronic.png);
background-position: 0 0;
background-repeat: cover;
background-size: auto;
}
#a-lec_banner,
#a-lec_footer {
display: flex;
height: auto;
width: auto;
padding: 20px 25px;
}
#a-lec_site-logo img {
display: flex;
flex-direction: column;
align-items: start;
width: 160px;
height: 160px;
place-content: baseline center;
}
#a-lec_site-logo a {
background-color: unset;
place-content: baseline center;
}
#a-lec_site-titles {
display: flex;
flex-direction: column;
align-items: center;
place-content: baseline center;
}
#a-lec_site-titles h2 {
font-weight: normal;
color: #FFF;
font-size: 130%;
margin-top: 15px;
}
#a-lec_site-name a {
color: #FFF;
font-weight: bold;
font-size: 300%;
padding-left: 50px;
}
#a-lec_site-name a:hover {
background-color: unset;
font-weight: bold;
font-size: 300%;
background-color: unset;
}
/*
========================================================================
FOOTER
========================================================================
*/
footer {
background: #2d4b63; /* old IE fallback */
background-attachment: fixed;
background-image: url(./electronic.png);
background-position: 0 0;
background-repeat: cover;
background-size: auto;
}
#a-lec_footer h1 {
font-size: 130%;
color: #FFF;
font-weight: bold;
margin-top: 0px;
margin-left: 0px;
}
#a-lec_footer {
color: #FFF;
height: 100%;
}
#a-lec_footer a {
color: var(--a-lec_yellow);
}
#a-lec_footer a:hover {
color: #000;
}
#a-lec_footer b {
color: var(--a-lec_blue);
}
div#a-lec_copyright {
font-size: 90%;
flex-basis: 30%;
margin-left: -100px;
text-align: right;
}
div#a-lec_infos {
flex-basis: 70%;
font-size: 100%;
margin: 0px 110px 0px 0px;
}
.a-lec_list-cr {
display: block;
margin: 0 0 5px 25px;
}
/*
========================================================================
SIDEBAR
========================================================================
*/
aside#a-lec_sidebar {
padding-left: 40px;
}
.a-lec_latest-posts {
color: var(--a-lec_yellow);
font-style: italic;
}
.a-lec_list-post-title {
display: block;
padding: 15px;
background-color: var(--a-lec_yellow);
color: var(--a-lec_white);
font-weight: bold;
padding: 10px;
margin: 10px 0px 0px 0px;
}
.a-lec_list-post-metas {
display: block;
padding: 15px;
background-color: #FDF1B8;
color: var(--a-lec_red);;
font-size: 80%;
padding: 10px;
font-weight: bold;
}
.a-lec_list-post-info {
display: block;
background-color: #FDF1B8;
font-size: 80%;
padding: 10px;
padding-top: unset;
display: block;
color: var(--chalec_black);
font-weight: normal;
display: block;
font-size: 80%;
padding: 10px;
padding-top: unset;
display: block;
}
.a-lec_list-post-link {
color: var(--a-lec_white);
}
.a-lec_list-post-link:hover {
color: var(--a-lec_white);
}
/*
========================================================================
ARTICLE
========================================================================
*/
/*
* Sticky Author Date
*/
/*
* Basic texts
*/
strong {
color: #454545;
font-weight: bold;
}
b {
color: #676767;
font-weight: bold;
}
i {
font-style: italic;
}
abbr {
text-transform: uppercase;
}
.a-lec_paragraph-2 {
display: block;
margin: 30px;
}
/*
* Links
*/
a {
color: var(--a-lec_red);
padding: 0 2px;
font-weight: bold;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
a:hover {
padding: 0 2px;
background-color: var(--a-lec_blue);
color: #000;
cursor: pointer;
}
a:active {
text-decoration: underline;
cursor: progress;
}
a.a-lec_file-link {
background-color: #FFF;
}
a.a-lec_file-link:hover {
background-color: var(--a-lec_yellow);
color: #000;
cursor: pointer;
}
/*
* Paragraphs
*/
p.a-lec_paragraph {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
div.a-lec_content-p1{
display: block;
}
div.a-lec_content-p2{
display: block;
}
div.a-lec_content-p3{
display: block;
}
div.a-lec_content-p4{
display: block;
}
div.a-lec_content-p5{
display: block;
}
div.a-lec_content-p6{
display: block;
}
/*
A-lec images
*/
.a-lec_image_center {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
article {
text-align: center;
}
/*
========================================================================
HEADINGS
========================================================================
*/
h1,h2,h3,h4,h5,h6 {
display: inline-block;
color: #000;
font-weight: bold;
text-align: center;
}
h1 {
font-size: 130%;
margin-top: 30px;
margin-bottom: 5px;
}
h2 {
font-size: 125%;
margin-top: 30px;
margin-bottom: 5px;
color: #454545;
}
h3 {
font-size: 120%;
margin-top: 30px;
margin-bottom: 5px;
color: #505050;
}
h4 {
font-size: 115%;
color: #606060;
}
h5 {
font-size: 110%;
color: #707070;
}
h6 {
font-size: 105%;
color: #808080;
}
/*
========================================================================
LITTLE SCREENS
========================================================================
*/
@media screen and (max-width: 700px) {
section#a-lec_page-wrapper {
display: block;
margin: 10px 25px;
}
aside#a-lec_sidebar {
background: none;
padding-left: 40px;
}
.a-lec_latest-posts {
margin-left: -35px;
}
div#a-lec_metas {
margin: 0px -10px 0px 0px;
}
article {
margin-top: 20px;
}
article#a-lec_index {
margin-top: -10px;
}
#a-lec_footer {
display: block;
padding: 5px;
}
#a-lec_footer .a-lec_paragraph{
margin-bottom: 30px;
font-size: 90%;
border: 2px solid var(--a-lec_blue);
border-top : unset;
border-left: unset;
border-right: unset;
padding: 15px;
}
#a-lec_footer h1 {
margin-top: 10px;
font-size: 115%;
padding: 15px;
margin-bottom: -20px;
font-size: 120%
}
#a-lec_footer li {
text-align: center;
}
#a-lec_banner,
#a-lec_footer {
display: block;
}
#a-lec_site-logo img {
all: unset;
display: inline-block;
width: 100%;
height: 160px;
}
#a-lec_site-name a {
margin-top: -30px;
margin-bottom: -20px;
position: relative;
float: left;
font-size: 3rem;
padding-left: 0px;
}
#chalec_site-titles h2 {
font-weight: normal;
color: var(--chalec_white);
font-size: 130%;
margin-top: 15px;
margin-bottom: 5px;
}
#a-lec_site-name a:hover {
float: left;
font-size: 3rem;
}
#a-lec_site-description {
all: unset;
margin-top: 15px;
position: relative;
float: left;
font-size: 1rem;
text-align: center;
}
}