feat: liste plus complete

feat: ajoute des emojis
Fixes #2
2024-02-08 20:58:13 +01:00 · 2024-02-08 20:53:49 +01:00 · 2024-02-08 20:39:22 +01:00 · 2024-02-08 20:30:20 +01:00 · 2024-02-08 20:27:51 +01:00 · 2024-02-08 20:27:39 +01:00
11 changed files with 56 additions and 52 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+package-lock.json
+node_modules/
+_site/
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@ -2,7 +2,7 @@
 layout: layouts/parent.njk
 ---
 <main id="skip">
-  <div>
+  <div class="card">
    {{ content | safe }}
  </div>
 </main>
--- a/_includes/layouts/home.njk
+++ b/_includes/layouts/home.njk
@ -2,7 +2,7 @@
 layout: layouts/parent.njk
 ---
 <main id="skip">
-  <div>
+  <div class="card">
    {{ content | safe }}
  </div>
 </main>
--- a/_includes/layouts/parent.njk
+++ b/_includes/layouts/parent.njk
@ -9,7 +9,7 @@
 		{#- Atom and JSON feeds included by default #}
 		<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
 		<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}">
-		<link rel="icon" type="image/x-icon" href="/favicon.png">
+		<link rel="icon" type="image/x-icon" href="/img/drgn_in_cup.png">

 		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
 		<meta name="generator" content="{{ eleventy.generator }}">
@ -19,23 +19,17 @@

 	</head>
 	<body>
-		<a href="#skip" class="visually-hidden">Skip to main content</a>
+		<div id="wrapper">
+			<a href="#skip" class="visually-hidden">Skip to main content</a>

-		<header>
-		  <h1>
-			  <a href="/" class="home-link">{{ metadata.title }}</a>
-			</h1>
+			<header>
+				<img src="/img/drgn_in_cup.png" alt="" height="192" width="192">
+			</header>
+				{{ content | safe }}

-			<nav>
-				<h2 class="visually-hidden">Top level navigation menu</h2>
-			</nav>
-		</header>
-		<div class="wrapper">
-		  {{ content | safe }}
+			<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
+
+			<!-- Current page: {{ page.url | htmlBaseUrl }} -->
 		</div>
-
-		<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
-
-		<!-- Current page: {{ page.url | htmlBaseUrl }} -->
 	</body>
 </html>
--- a/content/index.md
+++ b/content/index.md
@ -7,22 +7,37 @@ eleventyNavigation:

 # {{ metadata.title }}

-Bienvenue sur {{ metadata.title }} !
+Bienvenue sur {{ metadata.title }} ! <img src="/img/drgn_happy_256.png" alt="Un emoji représentant un petit dragon joyeux" height="18" width="18">

-Kobold Cafe est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre.
+Kobold Cafe est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre. 

 Faites juste attention aux kobolds qui font des bétises partout !

-## Liste des sites hébergé
+## <img src="/img/drgn_wrench_256.png" alt="" height="24" width="24"> Liste des sites hébergé 

 - [Kazhnuz.space](https://kazhnuz.space) - Blog personnel de Kazhnuz et services associé ([Vault](https://vault.kazhnuz.space/), [Shaarli](https://shaarli.kazhnuz.space/))
+  - [Erratum](https://erratum.kazhnuz.space) - Site web du JDR de Fantasy Urbaine Erratum.
 - [Portefolio de Withelias](https://wihelias.kobold.cafe/) - Le portefolio de l'artiste Withelias.
 - [Quarante-Douze](https://quarante-douze.net/) - Blog qui parle de numérique et d'informatique libre.
 - [Distant-Flare](https://distantflare.kobold.cafe/) - Un webcomics d'aventure par Withelias.
 - [Fanstuff Garden](https://fanstuff.garden) - Une série de fansites à l'anciennes, tentant d'être un peu retro.
+  - [Sonic Garden](https://sonic.fanstuff.garden) - Un fansite Sonic.
+  - [Press Garden](https://press.fanstuff.garden) - Un petit site pour ma veille informative sur Sonic.

-## Liste des services
+## <img src="/img/drgn_wrench_256.png" alt="" height="24" width="24"> Liste des services 

- [Forge Git](https://git.kobold.cafe) - Contient tout les dépots gits de projets sur kobold.city.
+- [Forge Git](https://git.kobold.cafe) - Contient tout les dépots gits de projets sur kobold.cafe.
+- [Instance GoToSocial](https://toot.kobold.cafe) - Contient des comptes fedivers potentiellement pour les membres.

-( Les services non-visibler au public ne sont pas listés ici. )
+( Les services non-visible au public ne sont pas listés ici, kobold.cafe fournis aussi mails et XMPP, grace à Yunohost )
+
+## <img src="/img/drgn_think_confused_256.png" alt="" height="24" width="24"> Pourquoi ce site ?
+
+Le but de ce site est de m'offrir un petit espace internet, et d'être mon propre provider de services numériques pour _moi et mes amis_ (pour certains services tel que Mastodon ou Matrix, j'utilise toujours des services host par d'autres personnes, a voir si ça change avec le temps). J'ai décris un peu l'idée qu'il y avait derrière ça dans deux articles sur Quarante-Douze : [https://quarante-douze.net/2023/01/hors-de-twitter-2-ode-aux-sites-personnels/](https://quarante-douze.net/2023/01/hors-de-twitter-2-ode-aux-sites-personnels/) et [Le web indépendant et le web collectif](https://quarante-douze.net/2023/09/le-web-independant-et-le-web-collaboratif/).
+
+Si vous voulez aussi faire de même, vous pouvez utiliser (comme j'utilise) le système d'exploitation [yunohost](https://yunohost.org), qui est simple à utiliser et possède une grande documentation. Cependant, je conseille aussi d'être prêt à devoir potentiellement mettre les mains dans le camboui si les choses font des leurs. En vrai, pour ce genre de chose, c'est mieux je pense de le faire en petit groupe, comme si on faisait un voisinage, des villages numériques. Et peut-être que c'est le bon descriptif de ce qu'est ce site et ces services : un petit village numérique autogéré.
+
+## <img src="/img/drgn_nom_cat_heart_256.png" alt="" height="24" width="24"> Crédits
+
+- Fond utilisant des Chipset/Tileset [EasyRPG](https://github.com/EasyRPG/RTP) par Jason sous licence CC-BY 4.0
+- Emoji [drgns v3.0](https://volpeon.ink/emojis/drgn/) créés par [Volpeon](https://volpeon.ink/) sous licence CC-BY-NC-SA 4.0
--- a/public/css/index.css
+++ b/public/css/index.css
@ -26,11 +26,10 @@
 html,
 body {
 	padding: 0;
-	margin: 0 auto;
+  margin: 0;
 	min-height:100%;
 	font-family: var(--font-family);
 	color: var(--text-color);
-	width:800px;
 }

 html {
@ -39,7 +38,7 @@ html {
   background-attachment: scroll;
   background-position: top center, top center;
   background-repeat: no-repeat, repeat-y, repeat;
-   background-color: #3c8f4b;
+   background-color: #1d2c33;
 }

 /* https://www.a11yproject.com/posts/how-to-hide-content/ */
@ -90,23 +89,9 @@ a[href].header-anchor:focus,
 	color: #aaa;
 }

-.wrapper {
-  display:flex;
-}
-
-header {
-  border-radius:3px;
-  height:224px;
-  margin:12px 12px 3px;
-  display:flex;
-  align-items: center;
-  justify-content: center;
-}
-
-header h1 {
-  text-align: center;
-  position: relative;
-  top: 48px;
+header img {
+  display:block;
+  margin: 48px auto 24px auto;
 }

 header h1 a {
@ -131,20 +116,27 @@ header h1 a {
 }

 main {
-  border:1px solid rgba(0,0,0,0.1);
-  box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.4);
-  border-radius:3px;
-  padding:12px;
-  margin:12px;
+  margin: 12px auto;
+  max-width: 800px;
+}
+
+.card {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
+  border-radius: 3px;
+  padding: 12px;
+  margin: 12px;
  background-color: var(--background-color);
  padding-left: 24px;
  padding-right: 24px;
-  line-height:1.5rem;
-  flex-grow:1;
+  line-height: 1.5rem;
+  flex-grow: 1;
 }

 footer {
  text-align:right;
-  margin:12px;
+  margin: 12px auto;
+  padding: 0 12px;
+  max-width: 800px;
 }

--- a/public/img/drgn_happy_256.png
+++ b/public/img/drgn_happy_256.png
--- a/public/img/drgn_in_cup.png
+++ b/public/img/drgn_in_cup.png
--- a/public/img/drgn_nom_cat_heart_256.png
+++ b/public/img/drgn_nom_cat_heart_256.png
--- a/public/img/drgn_think_confused_256.png
+++ b/public/img/drgn_think_confused_256.png
--- a/public/img/drgn_wrench_256.png
+++ b/public/img/drgn_wrench_256.png
Author	SHA1	Message	Date
Kazhnuz	7b46e246c4	feat: liste plus complete	2024-02-08 20:58:13 +01:00
Kazhnuz	61822d57ae	feat: ajoute des emojis Fixes #2	2024-02-08 20:53:49 +01:00
Kazhnuz	5f1decc6a0	feat(css): responsive design	2024-02-08 20:39:22 +01:00
Kazhnuz	1c0ce8d821	feat: ajoute crédits	2024-02-08 20:30:20 +01:00
Kazhnuz	2ab9db4fb9	feat: ajoute section "Pourquoi ce site ?" Fixes #1	2024-02-08 20:27:51 +01:00
Kazhnuz	eb8fa047f3	chore: ajoute gitignore	2024-02-08 20:27:39 +01:00