diff --git a/.github/workflows/zola.yml b/.github/workflows/zola.yml
new file mode 100644
index 0000000..22ee04f
--- /dev/null
+++ b/.github/workflows/zola.yml
@@ -0,0 +1,23 @@
+name: Zola
+
+on:
+  push:
+    branches: [ main ]
+  workflow_dispatch:
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - uses: actions/checkout@v3
+      
+    - name: Build and deploy
+      uses: shalzz/zola-deploy-action@master
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f4990ed
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+public/
+.direnv
\ No newline at end of file
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..2786ed9
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "themes/apollo"]
+	path = themes/apollo
+	url = https://github.com/not-matthias/apollo
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..373cac2
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,31 @@
+base_url = "example.com"
+title = "mathias-aparicio"
+build_search_index = true
+generate_feeds = true
+minify_html = true
+
+theme = "apollo"
+taxonomies = [{ name = "tags" }]
+
+[markdown]
+highlight_code = true
+highlight_theme = "ayu-light"
+
+[extra]
+use_cdn = false
+theme = "toggle"
+
+menu = [
+    { name = "/posts", url = "/posts", weight = 1 },
+    { name = "/projects", url = "/projects", weight = 3 },
+    { name = "/about", url = "/about", weight = 5 },
+]
+
+socials = [
+    { name = "github", url = "https://github.com/mathias-aparicio", icon = "github" },
+    {name="linkedin", url = "https://linkedin.com/in/mathias-aparicio/", icon = "linkedin"  }
+]
+
+[extra.analytics]
+enabled = true
+
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..59b0539
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,4 @@
++++
+[extra]
+section_path = "posts/_index.md"
++++
diff --git a/content/about.md b/content/about.md
new file mode 100644
index 0000000..ea11803
--- /dev/null
+++ b/content/about.md
@@ -0,0 +1,13 @@
++++
+title = "About"
+path = "about"
++++
+
+Hello my name is Mathias APARICIO and I am a french enginner student in computer student at [Enseirb-matmeca](https://enseirb-matmeca.bordeaux-inp.fr/fr). 
+
+I am currently working toward building solid skills in rust.
+
+# Contact
+
+Github: [https://github.com/mathias-aparicio](https://github.com/mathias-aparicio) <br />
+LinkedIn: [https://www.linkedin.com/in/mathias-aparicio/](https://www.linkedin.com/in/mathias-aparicio/) <br />
diff --git a/content/posts/_index.md b/content/posts/_index.md
new file mode 100644
index 0000000..9a57a8e
--- /dev/null
+++ b/content/posts/_index.md
@@ -0,0 +1,5 @@
++++
+title = "Posts"
+transparent = true
+sort_by = "date"
++++
\ No newline at end of file
diff --git a/content/posts/tailwind_deno.md b/content/posts/tailwind_deno.md
new file mode 100644
index 0000000..e1888d4
--- /dev/null
+++ b/content/posts/tailwind_deno.md
@@ -0,0 +1,62 @@
++++
+title = "Import custom fonts with Tailwind CSS fresh"
+date = "2024-09-22"
+
+[taxonomies]
+tags=["deno", "tailwind"]
++++
+# Prologue
+
+I was working in a project that used [deno](https://deno.com/) as javascript runtime alongside [fresh](https://fresh.deno.dev/) as web framework. And I couldn't find easly how to import a front.
+
+## Prerequisites
+This post assumes you are working on a fresh project and use Tailwind CSS for styling library. 
+### 1. Find Your Font
+
+
+To choose your font you can go to [Google Fonts](https://fonts.google.com) and search the one you want, for the sake of this tutorial we will be looking for the [Fredoka](https://fonts.google.com/?query=fredoka) font.
+### 2. Get the Embed Code
+
+Once you have chosen your font:
+- Click on the font.
+- Hit the `Get font` then `Get embed code` button
+- Navigate to the "Get embed code" section
+- Select `@import`.
+- Copy the `@import url('https::/fonts/googleapis.com ... display=swap');` code  snippets
+
+### 3. Edit tailwind configuration
+
+Open your `tailwind.config.ts` file and add the following:
+
+```typescript
+import { type Config } from "tailwindcss";
+
+export default {
+  content: [
+    "{routes,islands,components}/**/*.{ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        'fredoka': ['"Fredoka"', 'sans-serif'],
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;
+```
+
+
+### 4. Import the Font
+
+Finally, open your `styles.css` file and add the following line:
+
+```css
+@import url('https://fonts.googleapis.com/css2?family=Fredoka&display=swap');
+```
+
+
+
+## Conclusion
+
+You now can add your font to you tsx 🚀!
\ No newline at end of file
diff --git a/content/projects/_index.md b/content/projects/_index.md
new file mode 100644
index 0000000..9b00a12
--- /dev/null
+++ b/content/projects/_index.md
@@ -0,0 +1,5 @@
++++
+title = "Projects"
+sort_by = "weight"
+template = "cards.html"
++++
diff --git a/content/projects/nemesis.md b/content/projects/nemesis.md
new file mode 100644
index 0000000..e71ac13
--- /dev/null
+++ b/content/projects/nemesis.md
@@ -0,0 +1,10 @@
++++
+title = "Simple preavis"
+description = "Un template typst pour créer des lettres de préavis"
+weight = 100
+# date = "2024-21-09"
+
+[extra]
+link_to = "https://github.com/mathias-aparicio/simple-preavis"
++++
+
diff --git a/templates/.gitkeep b/templates/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/themes/apollo b/themes/apollo
new file mode 160000
index 0000000..4d3e2d2
--- /dev/null
+++ b/themes/apollo
@@ -0,0 +1 @@
+Subproject commit 4d3e2d2433bcca9c25135a09ed9037c7a7e82bb2