Artciles and Uses page

src/content/uses.md

@@ -1,63 +1,79 @@
----
-title: 'My Uses — Arthur Danjou'
-description: 'This is my uses page'
----
+::uses-section{title="Computers"}
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique erat semper mi dictum, in ornare tellus dapibus. Vestibulum accumsan arcu diam, et tincidunt nisl dignissim id. Sed nec ullamcorper sem, sed consequat sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae velit nec mauris venenatis dapibus. Cras eget nulla sit amet enim condimentum pellentesque vitae et lacus. Nullam hendrerit feugiat porttitor. Praesent cursus nunc porttitor auctor ultrices.
+  :::uses-slot{title="MacBook Pro 13'"}
+    I use this for code
+  :::
 
-## Computers
+  :::uses-slot{title="Specs..."}
+    I use this for valorant
+  :::
 
-I mainly use a [MacBook Pro 13"](https://www.apple.com/macbook-pro-13/) for conding and I also use a custom computer for gaming and Windows with the following configuration:
+::
 
-| Name | Detail |
-| :----- | -----: |
-| OS | Windows 11 Pro 64-bit |
-| Processor | Intel Core i5-10400F |
-| RAM | 16Go DDR4 |
-| GPU | RTX 2060 |
+::uses-section{title="Peripherals"}
 
-## Peripherals
+  :::uses-slot{title="MacBook Pro 13'"}
+    I use this for code
+  :::
 
-| Name | Detail |
-| :----- | -----: |
-| Phone | [Iphone XR](https://www.apple.com/iphone-xr/) |
-| Tablet | [Ipad Air](https://www.apple.com/ipad-air/) |
-| Wireless Headphone | [Airpods 3rd Gen](https://www.apple.com/airpods/) |
-| Desktop Headphone | [Beats Studio 3](https://www.beatsbydre.com/headphones/studio3-wireless) |
-| Microphone | xxx |
+  :::uses-slot{title="My gaming computer"}
+    Windows 11, Intel Core i5-10400F, 16Go DDR4, RTX 2060
+  :::
 
-## Editors
+  :::uses-slot{title="Phone, Sound & Other"}
+    Iphone 14 Pro, Ipad Air, AirPods Pro, Beats Studio 3
+  :::
 
-| Name | Detail |
-| :----- | -----: |
-| Coding | [Visual Studio Code](https://code.visualstudio.com/) |
-| Font | [JetBrains Mono](https://www.jetbrains.com/lp/mono/) |
-| Settings | [Warp](https://www.warp.dev/) |
-| Extensions | [Beats Studio 3](https://www.beatsbydre.com/headphones/studio3-wireless) |
+::
 
-## Software and Applications
+::uses-section{title="Editors"}
 
-| Name | Detail |
-| :----- | -----: |
-| Terminal | [Warp](https://www.warp.dev/) |
-| Mail Client | [Apple Mail](https://www.apple.com/macos/mail/) |
-| Calendar | [Apple Calendar](https://www.apple.com/macos/calendar/) |
-| Reminders | [Apple Reminders](https://www.apple.com/macos/reminders/) |
-| Notes | [Notion](https://notion.so/) |
-| Main Browser | [Google Chrome](https://www.google.com/chrome/) |
-| Second Brower | [Arc](https://arc.net/) |
-| Chat Client | [Discord](https://discordapp.com/) |
-| Music Player | [Spotify](https://www.spotify.com/) |
-| Launcher | [RayCast](https://raycast.com/) | 
+  :::uses-slot{title="Visual Studio Code"}
+    I use this for code
+  :::
 
-## Favorite Stack
+  :::uses-slot{title="JetBrains Mono"}
+    I use this for valorant
+  :::
 
-| Name | Detail |
-| :----- | -----: |
-| Main language for Front & Back | [Typescript](https://www.typescriptlang.org/) |
-| Frontend Framework | [Vue 3](https://vuejs.org/) with [Nuxt 3](https://v3.nuxtjs.org/)|
-| CSS Framework | [TailwindCss](https://tailwindcss.com/) |
-| Main ORM | [Prisma](https://www.prisma.io/) |
-| Backend Framework | [AdonisJS](https://adonisjs.com/) |
-| Auth Manager | [Supabase](https://supabase.io/) |
-| End-to-end typesafe APIs | [TRPC.io](https://trpc.io/) |
+::
+
+::uses-section{title="Software and Applications"}
+
+  :::uses-slot{title="Warp"}
+    I use this for code
+  :::
+
+  :::uses-slot{title="Apple Apps"}
+    Music, mail, reminders, calendar
+  :::
+
+  :::uses-slot{title="Notion"}
+    I use this for valorant
+  :::
+  
+  :::uses-slot{title="Google Chrome & Arc"}
+    I use this for valorant
+  :::
+
+  :::uses-slot{title="Discord"}
+    I use this for valorant
+  :::
+
+  :::uses-slot{title="RayCast"}
+    I use this for valorant
+  :::
+
+::
+
+::uses-section{title="Favorite Stack"}
+
+  :::uses-slot{title="FrontEnd"}
+    TS, Vue 3 with Nuxt 3, TailwindCss, Nuxt UI
+  :::
+
+  :::uses-slot{title="BackEnd"}
+    Prisma, AdonisJs, Supabase, TRPC.io
+  :::
+
+::