Improve repositories

README.md

@@ -48,3 +48,6 @@ All commands are run from the root of the project, from a terminal:
 ## 👀 Want to learn more?
 
 Check out [Starlight’s docs](https://starlight.astro.build/), read [the Astro documentation](https://docs.astro.build), or jump into the [Astro Discord server](https://astro.build/chat).
+
+## TODO
+- Improve lightning css configuration

astro.config.mjs

@@ -73,6 +73,11 @@ export default defineConfig({
 			}
 		}),
 	],
+	vite: {
+		css: {
+			transformer: 'lightningcss'
+		}
+	},
 	server: {
 		port: 4444,
 		host: true

package.json

@@ -10,10 +10,11 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/check": "^0.9.2",
     "@astrojs/starlight": "^0.25.4",
     "astro": "^4.10.2",
+    "lightningcss": "^1.26.0",
     "sharp": "^0.32.5",
-    "@astrojs/check": "^0.9.2",
     "typescript": "^5.5.4"
   },
   "devDependencies": {

src/components/starlight/Head.astro

@@ -1,23 +1,51 @@
 ---
-import type { Props } from '@astrojs/starlight/props';
-import StarlightHead from '@astrojs/starlight/components/Head.astro';
-import VtbotStarlight from 'astro-vtbot/components/starlight/Base.astro';
-import LoadingIndicator from 'astro-vtbot/components/LoadingIndicator.astro';
-import ProgressBar from 'astro-vtbot/components/ProgressBar.astro';
+import type { Props } from "@astrojs/starlight/props";
+import StarlightHead from "@astrojs/starlight/components/Head.astro";
+import VtbotStarlight from "astro-vtbot/components/starlight/Base.astro";
+import LoadingIndicator from "astro-vtbot/components/LoadingIndicator.astro";
+import ProgressBar from "astro-vtbot/components/ProgressBar.astro";
 ---
 
 <VtbotStarlight {...Astro.props}>
-  <StarlightHead {...Astro.props}><slot /></StarlightHead>
+    <StarlightHead {...Astro.props}><slot /></StarlightHead>
 </VtbotStarlight>
 <LoadingIndicator />
 <ProgressBar />
 
-<!-- <style is:global>
-    html.loading {
+<style is:global lang="scss">
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        img {
+            transition: all 0.2s;
+            border-radius: 100%;
+            margin-left: 0.25rem;
+            width: 1.6rem;
+            display: inline-block !important;
+            transform: translateY(0rem);
+        }
+    }
+
+    html[data-theme="dark"] {
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            img {
+                filter: invert(1);
+            }
+        }
+    }
+    /* html.loading {
         cursor: pointer;
         user-select: none;
     }
     html.loading * {
         pointer-events: none;
-    }
-</style> -->
+    } */
+</style>

src/content/docs/developper/introduction.md

@@ -0,0 +1,13 @@
+---
+title: Introduction Developper
+description: Introduction for developpers
+sidebar:
+    order: 0
+---
+
+Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.
+Writing a good guide requires thinking about what your users are trying to do.
+
+## Further reading
+
+- Read [about how-to guides](https://diataxis.fr/how-to-guides/) in the Diátaxis framework

src/content/docs/developper/repositories.md

@@ -12,16 +12,30 @@ Each component deals only with a specific aspect of the project, and the depende
 All components are hosted on _GitHub_ in the [Selenite organization](https://github.com/orgs/Selenite-GEOS).
 ### Commons [![repo](@assets/github.svg)](https://github.com/Selenite-GEOS/commons)
 Commons contains the core classes and interfaces.
-### [Graph Editor](https://github.com/Selenite-GEOS/graph-editor)
+### Graph Editor [![repo](@assets/github.svg)](https://github.com/Selenite-GEOS/graph-editor)
 #### Dependencies
 - [Commons](#commons)
-### [Backend](https://github.com/Selenite-GEOS/backend)
-### [Simplified Interface]()
+### Backend [![repo](@assets/github.svg)](https://github.com/Selenite-GEOS/backend)
+### Simplified Interface [![repo](@assets/github.svg)]()
 #### Dependencies
 - [Commons](#commons)
 - [Graph Editor](#graph-editor)
-### [Advanced Interface](https://github.com/Selenite-GEOS/advanced-interface)
-The advanced interface is a web based appplication 
+- [Astro](https://astro.build/)
+- [Svelte 5](https://svelte-5-preview.vercel.app/docs/introduction) 
+### Advanced Interface [![repo](@assets/github.svg)](https://github.com/Selenite-GEOS/advanced-interface)
+The advanced interface is a web based appplication, which can also be installed as a desktop application.
 #### Dependencies
 - [Commons](#commons)
-- [Graph Editor](#graph-editor)
+- [Graph Editor](#graph-editor)
+- [Svelte 5](https://svelte-5-preview.vercel.app/docs/introduction)
+- [SvelteKit](https://kit.svelte.dev)
+- [Tauri](https://v2.tauri.app)
+
+### Docs [![repo](@assets/github.svg)](https://github.com/Selenite-GEOS/docs)
+The documentation you are currently reading!
+
+It is based on [Starlight](https://starlight.astro.build), a documentation template built with [Astro](https://astro.build/), a static site generator that builds faster websites with less client-side JavaScript.
+
+
+#### Dependencies
+- [Astro](https://astro.build/)