Merge pull request #1 from vadim-soude/svelte

Commit with reworked css and star conf for github page

Author: vadim-soude

.idea/.name

@@ -12,6 +12,7 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
+		"@sveltejs/adapter-static": "^3.0.1",
 		"@sveltejs/adapter-vercel": "^2.2.0",
 		"@sveltejs/kit": "^1.5.0",
 		"@typescript-eslint/eslint-plugin": "^5.45.0",

.idea/sveltekit-markdown-blog.iml .idea/Portfolio.iml

@@ -135,10 +135,30 @@ body {
 html {
 	color: var(--text-1);
 	accent-color: var(--link);
+	padding-left: var(--size-3);
 	background-image: var(--background);
 	background-attachment: fixed;
+
+}
+
+::-webkit-scrollbar {
+	height: 0.5rem;
+	width: 0.5rem;
+}
+
+::-webkit-scrollbar-track {
+	background-color: var(--surface-2);
 }
 
+::-webkit-scrollbar-thumb {
+	--tw-border-opacity: 1;
+	background-color: var(--text-2);
+	border-color: var(--text-2);
+	border-radius: 9999px;
+	border-width: 1px;
+}
+
+
 img {
 	border-radius: var(--radius-3);
 }
@@ -176,14 +196,16 @@ li {
 .prose :is(h2, h3, h4, h5, h6) {
 	margin-top: var(--size-8);
 	margin-bottom: var(--size-3);
+	max-inline-size: 80%;
 }
 
 .prose p:not(:is(h2, h3, h4, h5, h6) + p) {
 	margin-top: var(--size-7);
+	max-inline-size: 80%;
 }
 
 .prose :is(ul, ol) {
-	list-style-type: '🔥';
+	list-style-type: '•';
 	padding-left: var(--size-5);
 }
 
@@ -192,9 +214,17 @@ li {
 	padding-inline-start: var(--size-2);
 }
 
+blockquote{
+	max-inline-size: 100%;
+	padding-top: 0;
+}
+
 .prose pre {
 	max-inline-size: 100%;
-	padding: var(--size-3);
+	max-width: 80%;
+	overflow-x: auto;
+	overflow-block: hidden;
+	padding: var(--size-2);
 	border-radius: 8px;
 	tab-size: 2;
 }

.idea/modules.xml

@@ -1,6 +1,4 @@
 <script context="module" lang="ts">
-	import { img } from '$lib/components/custom'
-	export { img }
 </script>
 
 <slot />

package-lock.json

@@ -0,0 +1,20 @@
+---
+title: TODO
+description: TODO liste des articles en écriture.
+date: '2024-1-1'
+categories:
+  - TODO
+published: false
+---
+- [ ] MVC - C#
+- [ ] EntityFramework - C#
+- [ ] Angular
+- [ ] Clone disque
+- [ ] Back-up crontab - unix
+- [ ] Setup wireguard - unix
+- [ ] Setup jenkins - unix
+- [ ] Setup gitea - unix
+- [ ] Setup autobuild - jenkins
+- [ ] Setup traefik - unix
+- [x] Rédaction Markdown
+> Vadim Soudé, Janvier 2024 

package.json

@@ -1,13 +1,13 @@
 ---
-title: Comment rédiger en Markdown
+title: Comment rédiger en Markdown.
 description: Comment ecrire du texte/documentation en Markdown.
 date: '2024-1-20'
 categories:
   - howto
 published: true
 ---
 
-Cet article a pour but de vous apprendre à écrire en [Markdown](https://fr.wikipedia.org/wiki/Markdown) pour la rédaction de vos documentation, de prise de note ou de première mise au propre d'écrit divers.
+Cet article a pour but de vous apprendre à écrire en [Markdown](https://fr.wikipedia.org/wiki/Markdown) pour la rédaction de vos documentations, de prise de note ou de première mise au propre d'écrit divers.
 
 Je serais donc concis afin de pouvoir utiliser cet article comme d’un aide-mémoire.
 
@@ -17,7 +17,7 @@ Je serais donc concis afin de pouvoir utiliser cet article comme d’un aide-mé
 
 Le symbole `#` permet de définir vos titres / headers.
 
-Le nombre d' `#` permet de définir la taille de votre titre, un seul permet d'obtenir un grand titre comme en haut de cette article et cela est possible jusqu'à cinq `#` pour obtenir un titre comme suivant :
+Le nombre d' `#` permet de définir la taille de votre titre, un seul permet d'obtenir un grand titre comme en haut de cet article et cela est possible jusqu'à cinq `#` pour obtenir un titre comme suivant :
 
 `##### Exemple titre`
 
@@ -64,9 +64,9 @@ Des options de formatage de texte classique sont disponibles en markdown.
 
 ### Block de code
 
-` ```python `
-` def awesome(): `
-`  print('awesome!')`
+` ```python `<br>
+` def awesome(): `<br>
+`  print('awesome!')`<br>
 ` awesome()``` `
 
 ```python
@@ -83,8 +83,8 @@ awesome()
 
 ### Listes ordonées
 
-`1. Premier élément`
-`2. Second élément`
+`1. Premier élément`<br>
+`2. Second élément`<br>
 `3. Troisième élément`
 
 1. Premier élément
@@ -93,8 +93,8 @@ awesome()
 
 ### Listes non-ordonées
 
-`- Premier élément`
-`- Second élément`
+`- Premier élément`<br>
+`- Second élément`<br>
 `- Troisième élément`
 
 - Premier élément
@@ -105,8 +105,8 @@ awesome()
 
 ### Liste de tache
 
-`- [x] Premier élément`
-`- [ ] Second élément`
+`- [x] Premier élément`<br>
+`- [ ] Second élément`<br>
 `- [ ] Troisième élément`
 
 - [x] Premier élément
@@ -117,32 +117,18 @@ awesome()
 
 ## Les tableaux
 
-`| Categorie | Nom |`
-`| - | - |`
-`| Chat | Lopo |`
-`| Chien | Bob |`
+`| Categorie | Nom |`<br>
+`| - | - |`<br>
+`| Chat | Lopo |`<br>
+`| Chien | Bob |`<br><br>
 
-| Categorie | Nom |
+| Categorie | Nom | 
 | - | - |
 | Chat | Lopo |
 | Chien | Bob |
 
 ---
 
-## Notes de bas de page
-
-`Ce texte mérite une note [^1]`
-
-`[^1]: La note explicative.`
-
-Ce texte mérite une note [^1]
-
-[^1]: La note explicative.
-
-**Note** : La note sera généré tout en bas de la page et sera lié a l'aide du numéro unique ou non présent a coté du texte.
-
----
-
 ## Les liens
 
 ### Liens de base
@@ -183,9 +169,9 @@ Utilisations de tag html est possible et autorisé en Markdown.
 
 Cela permet notament d'utilisé les `<u></u>` pour <u>souligner</u> du texte (ce qui n'est pas possible avec le typage markdown basique)[^2].
 
-[^2]: Discord a popularisé l'utilisation de double `_` autour du texte a souligné mais cela n'est pas du markdown mais un ajout de leur part.
+[^2]: Discord a popularisé l'utilisation de double `_` autour du texte a souligné, mais cela n'est pas du markdown mais un ajout de leur part.
 
-Il est aussi possible d'utilisé du [CSS](https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade) affin d'aller encore plus loin !
+Il est aussi possible d'utiliser du [CSS](https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade) affin d'aller encore plus loin !
 
 **Exemple** : `<span style="color:#dbce14">Du jaune !</span>` : <span style="color:#dbce14">Du jaune !</span>
 
@@ -203,6 +189,5 @@ Il est aussi possible d'utilisé du [CSS](https://fr.wikipedia.org/wiki/Feuilles
 
 ---
 
-*L'entièreté de cet article est écrit en markdown puis transformé en code html en utilisant cet [outil](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced).*
+*L'entièreté de mes articles sont écrit en Markdown.*
 
-> Vadim Soudé, Janvier 2024