doc: improve css + add audio

docs/.vitepress/config.ts

@@ -63,6 +63,9 @@ export default defineConfig({
             { text: 'Events', collapsed: true, items: [
               { text: 'Keyboard', link: '/guide/events/keyboard' },
             ] },
+            { text: 'Audio', collapsed: true, items: [
+              { text: 'Introduction', link: '/guide/audio/introduction' },
+            ] },
           ],
         },
         {

docs/.vitepress/theme/custom.css

@@ -3,6 +3,7 @@
   --fibbo-yellow: #F5EA70;
   --fibbo-black: #0A0901;
   --fibbo-black-300: #1A151E;
+  --fibbo-black-600: #2A252C;
   --fibbo-secondary: #FFFBE4;
   --fibbo-secondary-300: #f4eecc;
 
@@ -29,6 +30,12 @@
   /* Sidebar */
   --vp-sidebar-bg-color: var(--fibbo-secondary);
 
+  /* Grey Code Background */
+  --vp-code-bg: var(--fibbo-secondary-300);
+
+  /* Divider */
+  --vp-c-divider: var(--fibbo-secondary-300);
+
   /* Black */
   --vp-c-black: #0E0317;
 }
@@ -62,6 +69,12 @@
   /* Sidebar */
   --vp-sidebar-bg-color: var(--fibbo-black);
 
+  /* Grey Code Background */
+  --vp-code-bg: var(--fibbo-black-300);
+
+  /* Divider */
+  --vp-c-divider: var(--fibbo-black-600);
+
   /* White */
   --vp-c-white: var(--fibbo-secondary);
 }

docs/guide/3d/models.md

@@ -2,7 +2,9 @@
 
 ## Introduction
 
-Models are the core of any 3D application. They are the objects that are rendered in the scene. They can be simple shapes like cubes or spheres, but most of the time, they are complex 3D models that are created in a 3D modeling software like [Blender](https://www.blender.org/).
+Models are the core of any 3D application. They are the objects that are rendered in the scene.
+
+They can be simple shapes like cubes or spheres ; but in Fibbo, we will use the term to refer to complex 3D models that are created in a 3D modeling software like [Blender](https://www.blender.org/).
 
 Here is a brief overview of the most common 3D models file formats :
 - [.fbx](https://en.wikipedia.org/wiki/FBX) : A proprietary file format developed by Autodesk. It is widely used in the game industry.

docs/guide/audio/introduction.md

@@ -0,0 +1,11 @@
+# Audio <Badge type="warning" text="work in progress" />
+
+Audio is still not supported natively in Fibbo, so for now, you should consider using third-party libraries to manage audio in your Fibbo application.
+
+Here are some libraries that you can use to manage audio on the web :
+
+- [Howler.js](https://github.com/goldfire/howler.js)
+- [Tone.js](https://github.com/Tonejs/Tone.js)
+- [Pizzicato.js](https://github.com/alemangui/pizzicato)
+
+You can find more libraries on the [awesome-audio](https://github.com/notthetup/awesome-webaudio) list.