commit 2ea2f958f1e263b979210c2300915c91a6b02c41 Author: Rémi Borfigat Date: Mon Aug 16 12:13:24 2021 +0200 créer le répertoire diff --git a/LICENCE.txt b/LICENCE.txt new file mode 100644 index 0000000..a7fea9c --- /dev/null +++ b/LICENCE.txt @@ -0,0 +1,9 @@ +MIT License + +Copyright (c) 2021 Rémi Borfigat + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..13365cf --- /dev/null +++ b/README.md @@ -0,0 +1,20 @@ + +# Code source du site de Rémi Borfigat + +On trouvera les fichiers sources du site (HTML, CSS et Atom) sous forme de gabarit. Les fichiers de contenu tels que les images ou la favicon sont vides pour garder intact la structure. + +Le paquet Fork Awesome n’est pas inclus. Il n’est pas obligatoire si vous souhaitez utiliser un CDN plutôt que de l’héberger directement. Consulter les [instructions sur leur site](https://forkaweso.me/Fork-Awesome/get-started/). + +## Comment utiliser ce gabarit pour votre site ? + +1. Cloner le répertoire sur votre machine avec git : + + git clone git.borfigat.org + +2. Dans le cas où vous souhaitez héberger les fichiers de Fork Awesome, il faut télécharger le paquet `fork-awesome` depuis [leur site](https://forkaweso.me/Fork-Awesome/) et placer son contenu dans `styles/`. +3. Modifier le gabarit pour l’adapter à votre contenu. +4. Poussez l’ensemble de votre répertoire sur la machine de votre hébergeur. + +## Licence + +Consulter le fichier LICENCE.txt de ce répertoire. diff --git a/blog/articles/article.html b/blog/articles/article.html new file mode 100644 index 0000000..4e61c0c --- /dev/null +++ b/blog/articles/article.html @@ -0,0 +1,58 @@ + + + + + + Titre de l’article + + + + + + + + + + + + + + + +
+
+
+

Titre de l’article

+ +

Publié le

+
+ +

Texte d’introduction.

+ +

Titre de deuxième niveau

+ +

Contenu du paragraphe.

+
+ + +
+ + + + diff --git a/blog/flux.atom b/blog/flux.atom new file mode 100644 index 0000000..e74b71a --- /dev/null +++ b/blog/flux.atom @@ -0,0 +1,38 @@ + + + Titre du site + tag:nomdedomaine,AAAA-MM-JJ:blog/ + AAAA-MM-DDTHH:MM:SSZ + + + Nom de l’auteur + Adresse électronique de l’auteur + + + + + /favicon.png + +
Notice de la licence du site.
+
+ + + Titre de l’article + tag:nomdedomaine,AAAA-MM-JJ:blog/uri/de/l’article + AAAA-MM-DDTHH:MM:SSZ + + + Résumé de l’article + AAAA-MM-DDTHH:MM:SSZ + + + + Titre du deuxième article + tag:nomdedomaine,AAAA-MM-JJ:blog/uri/de/l’article + AAAA-MM-DDTHH:MM:SSZ + + + Résumé de l’article + AAAA-MM-DDTHH:MM:SSZ + +
diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..935919d --- /dev/null +++ b/blog/index.html @@ -0,0 +1,47 @@ + + + + + + Index du blog + + + + + + + + + + + + + + + +
+

Index du blog

+ +

Texte d’introduction.

+ + +
+ + + + diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..e69de29 diff --git a/images/profil-150w.jpg b/images/profil-150w.jpg new file mode 100644 index 0000000..e69de29 diff --git a/images/profil-150w.webp b/images/profil-150w.webp new file mode 100644 index 0000000..e69de29 diff --git a/images/profil-200w.jpg b/images/profil-200w.jpg new file mode 100644 index 0000000..e69de29 diff --git a/images/profil-200w.webp b/images/profil-200w.webp new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..2a6ee4d --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + Tite du site + + + + + + + + + + + + + + + +
+

Nom du site Web

+ +

Texte d’introduction.

+ +
+

Articles les plus récents

+ + + +

Consulter la liste de tous les articles du blog.

+
+
+ + + + diff --git a/pages/droit-d’auteur.html b/pages/droit-d’auteur.html new file mode 100644 index 0000000..25334d0 --- /dev/null +++ b/pages/droit-d’auteur.html @@ -0,0 +1,61 @@ + + + + + + Droit d’auteur + + + + + + + + + + + + + + + +
+

Droit d’auteur

+ +
+

Code informatique

+ +

Texte.

+
+ +
+

Images

+ +

Texte.

+
+ +
+

Police de caractères

+ +

Texte.

+
+ +
+

Textes

+ +

Texte.

+
+
+ + + + diff --git a/pages/mentions-légales.html b/pages/mentions-légales.html new file mode 100644 index 0000000..f8459a3 --- /dev/null +++ b/pages/mentions-légales.html @@ -0,0 +1,50 @@ + + + + + + Mentions légales + + + + + + + + + + + + + + + +
+

Mentions légales

+ +

Texte des mentions légales.

+ +
+

Hébergeur

+ +
+

Adresse
+ de l’hébergeur

+ +

Tél. XX XX XX XX XX

+
+
+
+ + + + diff --git a/pages/politique-de-confidentialité.html b/pages/politique-de-confidentialité.html new file mode 100644 index 0000000..1b022f6 --- /dev/null +++ b/pages/politique-de-confidentialité.html @@ -0,0 +1,51 @@ + + + + + + Politique de confidentialité + + + + + + + + + + + + + + + +
+

Politique de confidentialité

+ +

Texte d’introduction.

+ +
+

Titre de la première section

+ +

Texte.

+
+ +
+

Titre de la deuxième section

+ +

Texte.

+
+
+ + + + diff --git a/pages/à-propos.html b/pages/à-propos.html new file mode 100644 index 0000000..e8dd92c --- /dev/null +++ b/pages/à-propos.html @@ -0,0 +1,53 @@ + + + + + + À propos + + + + + + + + + + + + + + + +
+

À propos

+ +
+

Titre de la première section

+ + + + + Texte alternatif de l’image. + +
+ +
+

Titre de la deuxième section

+ +

Texte.

+
+
+ + + + diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..19e96cf --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,135 @@ +/* Général */ + +body { + width: 80vw; + margin: auto; + color: black; + background-color: white; + font-family: sans-serif; +} + +/* Outils */ + +.fa { + margin-right: 5px; +} + +.nav-link { + text-decoration: none; +} + +.nav-link:link { + color: black; +} + +.nav-link:visited { + color: inherit; +} + +.nav-link:hover { + text-decoration: underline; +} + +/* En-tête */ + +#nav-header { + margin-bottom: 5vh; + border-bottom: 2px solid; + padding: 1em 0; +} + +#nav-header nav { + display: flex; + justify-content: space-evenly; + font-size: 0.8rem; +} + +/* Contenu principal */ + +main { + font-size: 1.2rem; +} + +h1 { + font-size: 2.1rem; + text-align: center; +} + +article header { + margin-bottom: 5vh; +} + +#article-title { + font-size: 2.5rem; + text-align: left; +} + +#published { + font-style: oblique; +} + +#profil { + display: block; + margin: auto; + border: 2px solid black; +} + +/* Pied de page */ + +footer { + font-size: 0.8rem; + text-align: center; + margin-top: 5vh; + border-top: 2px solid; + padding: 1em 0; +} + +/* Réglages pour tout écran */ + +@media only screen and (min-width: 500px) { /* Mettre la photo de profil à droite */ + #profil { + float: right; + margin-left: 1vw; + } + + #nav-header nav { + font-size: 1rem; + } +} + +@media only screen and (min-width: 800px) { /* Agrandir la largeur de la colonne */ + body { + width: 70vw; + } +} + +@media only screen and (min-width: 1100px) { /* Fixer la largeur pour limiter la longeur des lignes */ + body { + width: 900px; + } +} + +/* Réglages du mode nuit */ + +@media (prefers-color-scheme: dark) { + body { + color: #fff; + background-color: #222; + } + + #profil { + border-color: #fff; + } + + a:link { + color: #62a4d4; + } + + a:visited { + color: #ab57ec; + } + + .nav-link:link { + color: #fff; + } +}