111 changed files with 99532 additions and 1204 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -0,0 +1,11 @@
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
--- a/.eslintignore
+++ b/.eslintignore
@ -0,0 +1 @@
+node_modules
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -0,0 +1,30 @@
+{
+    "env": {
+      "browser": true,
+      "commonjs": true,
+      "es6": true,
+      "node": true
+    },
+    "extends": "eslint:recommended",
+    "globals": {
+      "bootstrap": "readonly"
+    },
+    "parserOptions": {
+      "ecmaVersion": 2018,
+      "sourceType": "module"
+    },
+    "rules": {
+      "no-console": 0,
+      "quotes": ["error", "single"],
+      "comma-dangle": [
+        "error",
+        {
+          "arrays": "always-multiline",
+          "objects": "always-multiline",
+          "imports": "always-multiline",
+          "exports": "always-multiline",
+          "functions": "ignore"
+        }
+      ]
+    }
+  }
--- a/.gitignore
+++ b/.gitignore
@ -1,39 +1,7 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+hugo_stats.json
+.hugo_build.lock
+resources
+public
+assets/jsconfig.json

-# dependencies
-node_modules
-.pnp
-.pnp.js
-
-# testing
-coverage
-
-# next.js
-.next/
-out/
-build
-.swc/
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# turbo
-.turbo
-
-# ui
-dist/
-
-# bun
-bun.lockb
+node_modules
--- a/.npmrc
+++ b/.npmrc
@ -1 +0,0 @@
-auto-install-peers = true
--- a/.stylelintignore
+++ b/.stylelintignore
@ -0,0 +1 @@
+node_modules
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@ -0,0 +1,48 @@
+{
+    "extends": "stylelint-config-standard-scss",
+    "rules": {
+      "no-empty-source": null,
+      "scss/comment-no-empty": null,
+      "max-line-length": null,
+      "scss/at-extend-no-missing-placeholder": null,
+      "scss/dollar-variable-colon-space-after": null,
+      "scss/dollar-variable-empty-line-before": null,
+      "media-feature-range-notation": null,
+      "color-function-notation": null,
+      "alpha-value-notation": null,
+      "selector-id-pattern": null,
+      "selector-class-pattern": null,
+      "scss/no-global-function-names": null,
+      "number-max-precision": null,
+      "hue-degree-notation": null,
+      "value-no-vendor-prefix": null,
+      "property-no-vendor-prefix": null,
+      "at-rule-no-unknown": [
+        true,
+        {
+          "ignoreAtRules": [
+            "extend",
+            "at-root",
+            "debug",
+            "warn",
+            "error",
+            "if",
+            "else",
+            "for",
+            "each",
+            "while",
+            "mixin",
+            "include",
+            "content",
+            "return",
+            "function",
+            "tailwind",
+            "apply",
+            "responsive",
+            "variants",
+            "screen"
+          ]
+        }
+      ]
+    }
+  }
--- a/README.md
+++ b/README.md
@ -1,51 +1,3 @@
-# Turborepo Tailwind CSS starter
+# P4Pillon

-This is an official starter Turborepo.
-
-## Using this example
-
-Run the following command:
-
-```sh
-npx create-turbo@latest -e with-tailwind
-```
-
-## What's inside?
-
-This Turborepo includes the following packages/apps:
-
-### Apps and Packages
-
- `docs`: a [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)
- `web`: another [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)
- `ui`: a stub React component library with [Tailwind CSS](https://tailwindcss.com/) shared by both `web` and `docs` applications
- `eslint-config-custom`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
- `tsconfig`: `tsconfig.json`s used throughout the monorepo
-
-Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
-
-### Building packages/ui
-
-This example is setup to build `packages/ui` and output the transpiled source and compiled styles to `dist/`. This was chosen to make sharing one `tailwind.config.js` as easy as possible, and to ensure only the CSS that is used by the current application and its dependencies is generated.
-
-Another option is to consume `packages/ui` directly from source without building. If using this option, you will need to update your `tailwind.config.js` to be aware of your package locations, so it can find all usages of the `tailwindcss` class names.
-
-For example, in [tailwind.config.js](packages/tailwind-config/tailwind.config.js):
-
-```js
-  content: [
-    // app content
-    `src/**/*.{js,ts,jsx,tsx}`,
-    // include packages if not transpiling
-    "../../packages/**/*.{js,ts,jsx,tsx}",
-  ],
-```
-
-### Utilities
-
-This Turborepo has some additional tools already setup for you:
-
- [Tailwind CSS](https://tailwindcss.com/) for styles
- [TypeScript](https://www.typescriptlang.org/) for static type checking
- [ESLint](https://eslint.org/) for code linting
- [Prettier](https://prettier.io) for code formatting
+Vous trouverez ici les sources du site WEB de P4Pillon
--- a/apps/docs/.eslintrc.js
+++ b/apps/docs/.eslintrc.js
@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["custom/next"],
-};
--- a/apps/docs/.gitignore
+++ b/apps/docs/.gitignore
@ -1,34 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# vercel
-.vercel
--- a/apps/docs/README.md
+++ b/apps/docs/README.md
@ -1,28 +0,0 @@
-## Getting Started
-
-First, run the development server:
-
-```bash
-yarn dev
-```
-
-Open [http://localhost:3001](http://localhost:3001) with your browser to see the result.
-
-You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
-
-To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3001/api/hello](http://localhost:3001/api/hello).
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/apps/docs/next-env.d.ts
+++ b/apps/docs/next-env.d.ts
@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
--- a/apps/docs/next.config.js
+++ b/apps/docs/next.config.js
@ -1,3 +0,0 @@
-module.exports = {
-  reactStrictMode: true,
-};
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@ -1,30 +0,0 @@
-{
-  "name": "docs",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --port 3001",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "^13.4.19",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "ui": "*"
-  },
-  "devDependencies": {
-    "@next/eslint-plugin-next": "^13.4.19",
-    "@types/node": "^18.11.17",
-    "@types/react": "^18.2.5",
-    "@types/react-dom": "^18.2.4",
-    "autoprefixer": "^10.4.13",
-    "eslint-config-custom": "*",
-    "postcss": "^8.4.20",
-    "tailwind-config": "*",
-    "tailwindcss": "^3.2.4",
-    "tsconfig": "*",
-    "typescript": "^5.1.6"
-  }
-}
--- a/apps/docs/postcss.config.js
+++ b/apps/docs/postcss.config.js
@ -1,9 +0,0 @@
-// If you want to use other PostCSS plugins, see the following:
-// https://tailwindcss.com/docs/using-with-preprocessors
-
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
--- a/apps/docs/public/circles.svg
+++ b/apps/docs/public/circles.svg
@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" width="614" height="614">
-  <defs xmlns="http://www.w3.org/2000/svg">
-		<radialGradient id="radial" gradientUnits="userSpaceOnUse">
-			<stop offset="0" stop-color="#fff"></stop>
-			<stop offset="60%" stop-color="#fff" stop-opacity="0"></stop>
-		</radialGradient>
-	</defs>
-	<circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
-		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite"></animate>
-	</circle>
-  <circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:url(#radial); fill-opacity:.1;">
-		<animate attributeName="opacity" values="1;0.5;0.5;1" dur="3s" repeatCount="indefinite"></animate>
-	</circle><circle cx="50" cy="50" r="45" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
-		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite"></animate>
-	</circle>
-</svg>
--- a/apps/docs/public/next.svg
+++ b/apps/docs/public/next.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/apps/docs/public/turborepo.svg
+++ b/apps/docs/public/turborepo.svg
@ -1,32 +0,0 @@
-<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1_17)">
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.64"/>
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="url(#paint0_linear_1_17)" fill-opacity="0.15"/>
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.5"/>
-<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint1_radial_1_17)" stroke-opacity="0.15"/>
-<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint2_linear_1_17)" stroke-opacity="0.5"/>
-<path d="M51.8878 37.9262C44.1892 37.9262 37.9258 44.1896 37.9258 51.8882C37.9258 59.5868 44.1892 65.8502 51.8878 65.8502C59.5864 65.8502 65.8498 59.5868 65.8498 51.8882C65.8498 44.1896 59.5864 37.9262 51.8878 37.9262ZM51.8878 59.1136C47.8968 59.1136 44.6624 55.8792 44.6624 51.8882C44.6624 47.8972 47.8968 44.6628 51.8878 44.6628C55.8788 44.6628 59.1132 47.8972 59.1132 51.8882C59.1132 55.8792 55.8788 59.1136 51.8878 59.1136Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M53.0581 35.633V30.42C64.3889 31.0258 73.3901 40.4066 73.3901 51.8882C73.3901 63.3698 64.3889 72.748 53.0581 73.3564V68.1434C61.5029 67.5402 68.1901 60.4838 68.1901 51.8882C68.1901 43.2926 61.5029 36.2362 53.0581 35.633ZM39.5745 62.5482C37.3359 59.9638 35.8929 56.6722 35.6355 53.0582H30.4199C30.6903 58.1152 32.7131 62.7042 35.8825 66.2376L39.5719 62.5482H39.5745ZM50.7182 73.3564V68.1434C47.1016 67.886 43.81 66.4456 41.2256 64.2044L37.5362 67.8938C41.0722 71.0658 45.6612 73.086 50.7156 73.3564H50.7182Z" fill="url(#paint3_linear_1_17)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_1_17" x1="52" y1="-8" x2="52" y2="112" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3286F1"/>
-<stop offset="1" stop-color="#C43AC4"/>
-</linearGradient>
-<radialGradient id="paint1_radial_1_17" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(52 -7.99999) rotate(90) scale(154.286 154.286)">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white"/>
-</radialGradient>
-<linearGradient id="paint2_linear_1_17" x1="-8" y1="-8" x2="18.25" y2="40.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1_17" x1="53.9007" y1="33.4389" x2="32.7679" y2="54.5717" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0096FF"/>
-<stop offset="1" stop-color="#FF1E56"/>
-</linearGradient>
-<clipPath id="clip0_1_17">
-<rect width="104" height="104" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/apps/docs/public/vercel.svg
+++ b/apps/docs/public/vercel.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
--- a/apps/docs/src/app/favicon.ico
+++ b/apps/docs/src/app/favicon.ico
--- a/apps/docs/src/app/globals.css
+++ b/apps/docs/src/app/globals.css
@ -1,27 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
--- a/apps/docs/src/app/layout.tsx
+++ b/apps/docs/src/app/layout.tsx
@ -1,23 +0,0 @@
-import "./globals.css";
-import "ui/styles.css";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "Create Turborepo",
-  description: "Generated by create turbo",
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}): JSX.Element {
-  return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  );
-}
--- a/apps/docs/src/app/page.tsx
+++ b/apps/docs/src/app/page.tsx
@ -1,138 +0,0 @@
-import Image from "next/image";
-import { Card } from "ui";
-
-function Gradient({
-  conic,
-  className,
-  small,
-}: {
-  small?: boolean;
-  conic?: boolean;
-  className?: string;
-}): JSX.Element {
-  return (
-    <span
-      className={`absolute mix-blend-normal will-change-[filter] rounded-[100%] ${
-        small ? "blur-[32px]" : "blur-[75px]"
-      } ${conic ? "bg-glow-conic" : ""} ${className}`}
-    />
-  );
-}
-
-const LINKS = [
-  {
-    title: "Docs",
-    href: "https://turbo.build/repo/docs",
-    description: "Find in-depth information about Turborepo features and API.",
-  },
-  {
-    title: "Learn",
-    href: "https://turbo.build/repo/docs/handbook",
-    description: "Learn more about monorepos with our handbook.",
-  },
-  {
-    title: "Templates",
-    href: "https://turbo.build/repo/docs/getting-started/from-example",
-    description: "Choose from over 15 examples and deploy with a single click.",
-  },
-  {
-    title: "Deploy",
-    href: "https://vercel.com/new",
-    description:
-      " Instantly deploy your Turborepo to a shareable URL with Vercel.",
-  },
-];
-
-export default function Page(): JSX.Element {
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed px-4 left-0 top-0 flex w-full justify-center border-b bg-gradient-to-b pb-6 pt-8 backdrop-blur-2xl border-neutral-800 bg-zinc-800/30 from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:bg-zinc-800/30">
-          examples/with-tailwind -&nbsp;
-          <code className="font-mono font-bold">docs</code>
-        </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-black via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
-          <a
-            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
-            href="https://vercel.com?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            By{" "}
-            <Image
-              alt="Vercel Logo"
-              className="invert"
-              height={24}
-              priority
-              src="/vercel.svg"
-              width={100}
-            />
-          </a>
-        </div>
-      </div>
-
-      <div className="relative flex place-items-center ">
-        <div className="font-sans w-auto pb-16 pt-[48px] md:pb-24 lg:pb-32 md:pt-16 lg:pt-20 flex justify-between gap-8 items-center flex-col relative z-0">
-          <div className="z-50 flex items-center justify-center w-full">
-            <div className="absolute min-w-[614px] min-h-[614px]">
-              <Image
-                alt="Turborepo"
-                height={614}
-                src="circles.svg"
-                width={614}
-              />
-            </div>
-            <div className="absolute z-50 flex items-center justify-center w-64 h-64">
-              <Gradient
-                className="opacity-90 w-[120px] h-[120px]"
-                conic
-                small
-              />
-            </div>
-
-            <div className="w-[120px] h-[120px] z-50">
-              <Image
-                alt=""
-                height={120}
-                priority
-                src="turborepo.svg"
-                width={120}
-              />
-            </div>
-          </div>
-          <Gradient
-            className="top-[-500px] opacity-[0.15] w-[1000px] h-[1000px]"
-            conic
-          />
-          <div className="z-50 flex flex-col items-center justify-center gap-5 px-6 text-center lg:gap-6">
-            <svg
-              className="w-[160px] md:w-[200px] fill-white"
-              viewBox="0 0 506 50"
-              width={200}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <title>Turborepo logo</title>
-              <path d="M53.7187 12.0038V1.05332H0.945312V12.0038H20.8673V48.4175H33.7968V12.0038H53.7187Z" />
-              <path d="M83.5362 49.1431C99.764 49.1431 108.67 40.8972 108.67 27.3081V1.05332H95.7401V26.0547C95.7401 33.6409 91.7821 37.9287 83.5362 37.9287C75.2904 37.9287 71.3324 33.6409 71.3324 26.0547V1.05332H58.4029V27.3081C58.4029 40.8972 67.3084 49.1431 83.5362 49.1431Z" />
-              <path d="M128.462 32.7174H141.325L151.484 48.4175H166.327L154.848 31.3321C161.313 29.0232 165.271 23.8778 165.271 16.8853C165.271 6.72646 157.685 1.05332 146.141 1.05332H115.532V48.4175H128.462V32.7174ZM128.462 22.4925V11.8719H145.481C150.033 11.8719 152.54 13.8509 152.54 17.2152C152.54 20.3816 150.033 22.4925 145.481 22.4925H128.462Z" />
-              <path d="M171.287 48.4175H205.128C215.683 48.4175 221.752 43.404 221.752 35.0262C221.752 29.419 218.189 25.593 213.967 23.8778C216.87 22.4925 220.432 19.1942 220.432 13.9828C220.432 5.60502 214.495 1.05332 204.006 1.05332H171.287V48.4175ZM183.689 19.59V11.542H202.687C206.249 11.542 208.228 12.9273 208.228 15.566C208.228 18.2047 206.249 19.59 202.687 19.59H183.689ZM183.689 29.2871H203.875C207.371 29.2871 209.284 31.0022 209.284 33.5749C209.284 36.1476 207.371 37.8628 203.875 37.8628H183.689V29.2871Z" />
-              <path d="M253.364 0.261719C236.806 0.261719 224.866 10.6185 224.866 24.7354C224.866 38.8523 236.806 49.2091 253.364 49.2091C269.922 49.2091 281.796 38.8523 281.796 24.7354C281.796 10.6185 269.922 0.261719 253.364 0.261719ZM253.364 11.4761C262.072 11.4761 268.602 16.6215 268.602 24.7354C268.602 32.8493 262.072 37.9947 253.364 37.9947C244.656 37.9947 238.126 32.8493 238.126 24.7354C238.126 16.6215 244.656 11.4761 253.364 11.4761Z" />
-              <path d="M300.429 32.7174H313.292L323.451 48.4175H338.294L326.815 31.3321C333.28 29.0232 337.238 23.8778 337.238 16.8853C337.238 6.72646 329.652 1.05332 318.108 1.05332H287.499V48.4175H300.429V32.7174ZM300.429 22.4925V11.8719H317.448C322 11.8719 324.507 13.8509 324.507 17.2152C324.507 20.3816 322 22.4925 317.448 22.4925H300.429Z" />
-              <path d="M343.254 1.05332V48.4175H389.299V37.467H355.92V29.7489H385.539V19.0622H355.92V12.0038H389.299V1.05332H343.254Z" />
-              <path d="M408.46 33.3111H425.677C437.221 33.3111 444.807 27.7699 444.807 17.2152C444.807 6.59453 437.221 1.05332 425.677 1.05332H395.53V48.4175H408.46V33.3111ZM408.46 22.5585V11.8719H424.951C429.569 11.8719 432.076 13.8509 432.076 17.2152C432.076 20.5135 429.569 22.5585 424.951 22.5585H408.46Z" />
-              <path d="M476.899 0.261719C460.341 0.261719 448.401 10.6185 448.401 24.7354C448.401 38.8523 460.341 49.2091 476.899 49.2091C493.456 49.2091 505.33 38.8523 505.33 24.7354C505.33 10.6185 493.456 0.261719 476.899 0.261719ZM476.899 11.4761C485.606 11.4761 492.137 16.6215 492.137 24.7354C492.137 32.8493 485.606 37.9947 476.899 37.9947C468.191 37.9947 461.66 32.8493 461.66 24.7354C461.66 16.6215 468.191 11.4761 476.899 11.4761Z" />
-            </svg>
-          </div>
-        </div>
-      </div>
-
-      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
-        {LINKS.map(({ title, href, description }) => (
-          <Card href={href} key={title} title={title}>
-            {description}
-          </Card>
-        ))}
-      </div>
-    </main>
-  );
-}
--- a/apps/docs/tailwind.config.ts
+++ b/apps/docs/tailwind.config.ts
@ -1,10 +0,0 @@
-// tailwind config is required for editor support
-
-import type { Config } from "tailwindcss";
-import sharedConfig from "tailwind-config/tailwind.config.ts";
-
-const config: Pick<Config, "presets"> = {
-  presets: [sharedConfig],
-};
-
-export default config;
--- a/apps/docs/tsconfig.json
+++ b/apps/docs/tsconfig.json
@ -1,8 +0,0 @@
-{
-  "extends": "tsconfig/nextjs.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }]
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
--- a/apps/web/.eslintrc.js
+++ b/apps/web/.eslintrc.js
@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["custom/next"],
-};
--- a/apps/web/.gitignore
+++ b/apps/web/.gitignore
@ -1,34 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# vercel
-.vercel
--- a/apps/web/README.md
+++ b/apps/web/README.md
@ -1,28 +0,0 @@
-## Getting Started
-
-First, run the development server:
-
-```bash
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
-
-To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3000/api/hello](http://localhost:3000/api/hello).
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/apps/web/next-env.d.ts
+++ b/apps/web/next-env.d.ts
@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@ -1,3 +0,0 @@
-module.exports = {
-  reactStrictMode: true,
-};
--- a/apps/web/package.json
+++ b/apps/web/package.json
@ -1,30 +0,0 @@
-{
-  "name": "web",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "^13.4.19",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "ui": "*"
-  },
-  "devDependencies": {
-    "@next/eslint-plugin-next": "^13.4.19",
-    "@types/node": "^18.11.17",
-    "@types/react": "^18.2.5",
-    "@types/react-dom": "^18.2.4",
-    "autoprefixer": "^10.4.13",
-    "eslint-config-custom": "*",
-    "postcss": "^8.4.20",
-    "tailwind-config": "*",
-    "tailwindcss": "^3.2.4",
-    "tsconfig": "*",
-    "typescript": "^5.1.6"
-  }
-}
--- a/apps/web/postcss.config.js
+++ b/apps/web/postcss.config.js
@ -1,9 +0,0 @@
-// If you want to use other PostCSS plugins, see the following:
-// https://tailwindcss.com/docs/using-with-preprocessors
-
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
--- a/apps/web/public/circles.svg
+++ b/apps/web/public/circles.svg
@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" width="614" height="614">
-  <defs xmlns="http://www.w3.org/2000/svg">
-		<radialGradient id="radial" gradientUnits="userSpaceOnUse">
-			<stop offset="0" stop-color="#fff"></stop>
-			<stop offset="60%" stop-color="#fff" stop-opacity="0"></stop>
-		</radialGradient>
-	</defs>
-	<circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
-		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite"></animate>
-	</circle>
-  <circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:url(#radial); fill-opacity:.1;">
-		<animate attributeName="opacity" values="1;0.5;0.5;1" dur="3s" repeatCount="indefinite"></animate>
-	</circle><circle cx="50" cy="50" r="45" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
-		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite"></animate>
-	</circle>
-</svg>
--- a/apps/web/public/next.svg
+++ b/apps/web/public/next.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/apps/web/public/turborepo.svg
+++ b/apps/web/public/turborepo.svg
@ -1,32 +0,0 @@
-<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1_17)">
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.64"/>
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="url(#paint0_linear_1_17)" fill-opacity="0.15"/>
-<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.5"/>
-<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint1_radial_1_17)" stroke-opacity="0.15"/>
-<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint2_linear_1_17)" stroke-opacity="0.5"/>
-<path d="M51.8878 37.9262C44.1892 37.9262 37.9258 44.1896 37.9258 51.8882C37.9258 59.5868 44.1892 65.8502 51.8878 65.8502C59.5864 65.8502 65.8498 59.5868 65.8498 51.8882C65.8498 44.1896 59.5864 37.9262 51.8878 37.9262ZM51.8878 59.1136C47.8968 59.1136 44.6624 55.8792 44.6624 51.8882C44.6624 47.8972 47.8968 44.6628 51.8878 44.6628C55.8788 44.6628 59.1132 47.8972 59.1132 51.8882C59.1132 55.8792 55.8788 59.1136 51.8878 59.1136Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M53.0581 35.633V30.42C64.3889 31.0258 73.3901 40.4066 73.3901 51.8882C73.3901 63.3698 64.3889 72.748 53.0581 73.3564V68.1434C61.5029 67.5402 68.1901 60.4838 68.1901 51.8882C68.1901 43.2926 61.5029 36.2362 53.0581 35.633ZM39.5745 62.5482C37.3359 59.9638 35.8929 56.6722 35.6355 53.0582H30.4199C30.6903 58.1152 32.7131 62.7042 35.8825 66.2376L39.5719 62.5482H39.5745ZM50.7182 73.3564V68.1434C47.1016 67.886 43.81 66.4456 41.2256 64.2044L37.5362 67.8938C41.0722 71.0658 45.6612 73.086 50.7156 73.3564H50.7182Z" fill="url(#paint3_linear_1_17)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_1_17" x1="52" y1="-8" x2="52" y2="112" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3286F1"/>
-<stop offset="1" stop-color="#C43AC4"/>
-</linearGradient>
-<radialGradient id="paint1_radial_1_17" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(52 -7.99999) rotate(90) scale(154.286 154.286)">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white"/>
-</radialGradient>
-<linearGradient id="paint2_linear_1_17" x1="-8" y1="-8" x2="18.25" y2="40.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1_17" x1="53.9007" y1="33.4389" x2="32.7679" y2="54.5717" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0096FF"/>
-<stop offset="1" stop-color="#FF1E56"/>
-</linearGradient>
-<clipPath id="clip0_1_17">
-<rect width="104" height="104" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/apps/web/public/vercel.svg
+++ b/apps/web/public/vercel.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
--- a/apps/web/src/app/favicon.ico
+++ b/apps/web/src/app/favicon.ico
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@ -1,27 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@ -1,23 +0,0 @@
-import "./globals.css";
-import "ui/styles.css";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "Create Turborepo",
-  description: "Generated by create turbo",
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}): JSX.Element {
-  return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  );
-}
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@ -1,138 +0,0 @@
-import Image from "next/image";
-import { Card } from "ui";
-
-function Gradient({
-  conic,
-  className,
-  small,
-}: {
-  small?: boolean;
-  conic?: boolean;
-  className?: string;
-}): JSX.Element {
-  return (
-    <span
-      className={`absolute mix-blend-normal will-change-[filter] rounded-[100%] ${
-        small ? "blur-[32px]" : "blur-[75px]"
-      } ${conic ? "bg-glow-conic" : ""} ${className}`}
-    />
-  );
-}
-
-const LINKS = [
-  {
-    title: "Docs",
-    href: "https://turbo.build/repo/docs",
-    description: "Find in-depth information about Turborepo features and API.",
-  },
-  {
-    title: "Learn",
-    href: "https://turbo.build/repo/docs/handbook",
-    description: "Learn more about monorepos with our handbook.",
-  },
-  {
-    title: "Templates",
-    href: "https://turbo.build/repo/docs/getting-started/from-example",
-    description: "Choose from over 15 examples and deploy with a single click.",
-  },
-  {
-    title: "Deploy",
-    href: "https://vercel.com/new",
-    description:
-      " Instantly deploy your Turborepo to a shareable URL with Vercel.",
-  },
-];
-
-export default function Page(): JSX.Element {
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed px-4 left-0 top-0 flex w-full justify-center border-b bg-gradient-to-b pb-6 pt-8 backdrop-blur-2xl border-neutral-800 bg-zinc-800/30 from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:bg-zinc-800/30">
-          examples/with-tailwind -&nbsp;
-          <code className="font-mono font-bold">web</code>
-        </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-black via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
-          <a
-            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
-            href="https://vercel.com?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            By{" "}
-            <Image
-              alt="Vercel Logo"
-              className="invert"
-              height={24}
-              priority
-              src="/vercel.svg"
-              width={100}
-            />
-          </a>
-        </div>
-      </div>
-
-      <div className="relative flex place-items-center ">
-        <div className="font-sans w-auto pb-16 pt-[48px] md:pb-24 lg:pb-32 md:pt-16 lg:pt-20 flex justify-between gap-8 items-center flex-col relative z-0">
-          <div className="z-50 flex items-center justify-center w-full">
-            <div className="absolute min-w-[614px] min-h-[614px]">
-              <Image
-                alt="Turborepo"
-                height={614}
-                src="circles.svg"
-                width={614}
-              />
-            </div>
-            <div className="absolute z-50 flex items-center justify-center w-64 h-64">
-              <Gradient
-                className="opacity-90 w-[120px] h-[120px]"
-                conic
-                small
-              />
-            </div>
-
-            <div className="w-[120px] h-[120px] z-50">
-              <Image
-                alt=""
-                height={120}
-                priority
-                src="turborepo.svg"
-                width={120}
-              />
-            </div>
-          </div>
-          <Gradient
-            className="top-[-500px] opacity-[0.15] w-[1000px] h-[1000px]"
-            conic
-          />
-          <div className="z-50 flex flex-col items-center justify-center gap-5 px-6 text-center lg:gap-6">
-            <svg
-              className="w-[160px] md:w-[200px] fill-white"
-              viewBox="0 0 506 50"
-              width={200}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <title>Turborepo logo</title>
-              <path d="M53.7187 12.0038V1.05332H0.945312V12.0038H20.8673V48.4175H33.7968V12.0038H53.7187Z" />
-              <path d="M83.5362 49.1431C99.764 49.1431 108.67 40.8972 108.67 27.3081V1.05332H95.7401V26.0547C95.7401 33.6409 91.7821 37.9287 83.5362 37.9287C75.2904 37.9287 71.3324 33.6409 71.3324 26.0547V1.05332H58.4029V27.3081C58.4029 40.8972 67.3084 49.1431 83.5362 49.1431Z" />
-              <path d="M128.462 32.7174H141.325L151.484 48.4175H166.327L154.848 31.3321C161.313 29.0232 165.271 23.8778 165.271 16.8853C165.271 6.72646 157.685 1.05332 146.141 1.05332H115.532V48.4175H128.462V32.7174ZM128.462 22.4925V11.8719H145.481C150.033 11.8719 152.54 13.8509 152.54 17.2152C152.54 20.3816 150.033 22.4925 145.481 22.4925H128.462Z" />
-              <path d="M171.287 48.4175H205.128C215.683 48.4175 221.752 43.404 221.752 35.0262C221.752 29.419 218.189 25.593 213.967 23.8778C216.87 22.4925 220.432 19.1942 220.432 13.9828C220.432 5.60502 214.495 1.05332 204.006 1.05332H171.287V48.4175ZM183.689 19.59V11.542H202.687C206.249 11.542 208.228 12.9273 208.228 15.566C208.228 18.2047 206.249 19.59 202.687 19.59H183.689ZM183.689 29.2871H203.875C207.371 29.2871 209.284 31.0022 209.284 33.5749C209.284 36.1476 207.371 37.8628 203.875 37.8628H183.689V29.2871Z" />
-              <path d="M253.364 0.261719C236.806 0.261719 224.866 10.6185 224.866 24.7354C224.866 38.8523 236.806 49.2091 253.364 49.2091C269.922 49.2091 281.796 38.8523 281.796 24.7354C281.796 10.6185 269.922 0.261719 253.364 0.261719ZM253.364 11.4761C262.072 11.4761 268.602 16.6215 268.602 24.7354C268.602 32.8493 262.072 37.9947 253.364 37.9947C244.656 37.9947 238.126 32.8493 238.126 24.7354C238.126 16.6215 244.656 11.4761 253.364 11.4761Z" />
-              <path d="M300.429 32.7174H313.292L323.451 48.4175H338.294L326.815 31.3321C333.28 29.0232 337.238 23.8778 337.238 16.8853C337.238 6.72646 329.652 1.05332 318.108 1.05332H287.499V48.4175H300.429V32.7174ZM300.429 22.4925V11.8719H317.448C322 11.8719 324.507 13.8509 324.507 17.2152C324.507 20.3816 322 22.4925 317.448 22.4925H300.429Z" />
-              <path d="M343.254 1.05332V48.4175H389.299V37.467H355.92V29.7489H385.539V19.0622H355.92V12.0038H389.299V1.05332H343.254Z" />
-              <path d="M408.46 33.3111H425.677C437.221 33.3111 444.807 27.7699 444.807 17.2152C444.807 6.59453 437.221 1.05332 425.677 1.05332H395.53V48.4175H408.46V33.3111ZM408.46 22.5585V11.8719H424.951C429.569 11.8719 432.076 13.8509 432.076 17.2152C432.076 20.5135 429.569 22.5585 424.951 22.5585H408.46Z" />
-              <path d="M476.899 0.261719C460.341 0.261719 448.401 10.6185 448.401 24.7354C448.401 38.8523 460.341 49.2091 476.899 49.2091C493.456 49.2091 505.33 38.8523 505.33 24.7354C505.33 10.6185 493.456 0.261719 476.899 0.261719ZM476.899 11.4761C485.606 11.4761 492.137 16.6215 492.137 24.7354C492.137 32.8493 485.606 37.9947 476.899 37.9947C468.191 37.9947 461.66 32.8493 461.66 24.7354C461.66 16.6215 468.191 11.4761 476.899 11.4761Z" />
-            </svg>
-          </div>
-        </div>
-      </div>
-
-      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
-        {LINKS.map(({ title, href, description }) => (
-          <Card href={href} key={title} title={title}>
-            {description}
-          </Card>
-        ))}
-      </div>
-    </main>
-  );
-}
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@ -1,10 +0,0 @@
-// tailwind config is required for editor support
-
-import type { Config } from "tailwindcss";
-import sharedConfig from "tailwind-config/tailwind.config.ts";
-
-const config: Pick<Config, "presets"> = {
-  presets: [sharedConfig],
-};
-
-export default config;
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@ -1,8 +0,0 @@
-{
-  "extends": "tsconfig/nextjs.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }]
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
--- a/assets/scripts/annuaire.js
+++ b/assets/scripts/annuaire.js
@ -0,0 +1,180 @@
+import { createOrUpdateMspInfo } from "./directus.js"
+import { initMap, updateLayers, zoomIn, zoomOut } from "./leaflet.js"
+
+const columns = {
+    finessET: 0,
+    name: 1,
+    name_long: 2,
+    dep: 3,
+    adresse: 4,
+    tel: 5,
+    categetab: 6,
+    siret: 7,
+    x: 8,
+    y: 9,
+}
+
+let dataCache;
+async function getDataP4Pillon() {
+    if (dataCache) {
+        return dataCache
+    }
+    const data = await fetch('/data_p4pillon.json')
+    dataCache = data.json()
+    return dataCache
+}
+async function getData() {
+    const data = await fetch('/data.json')
+    return data.json()
+}
+function getName(msp, dataP4Pillon) {
+    return dataP4Pillon ? dataP4Pillon[0] : (msp[columns.name_long] ? msp[columns.name_long] : msp[columns.name])
+}
+
+function showInfo() {
+    const element = document.getElementById("info")
+    element.classList.remove("hidden")
+}
+
+function setTitle(title) {
+    const elements = document.getElementsByClassName("title")
+    for (const element of elements) {
+        element.innerHTML = title
+    }
+}
+
+function setContent(content) {
+    const element = document.getElementById("content")
+    element.innerHTML = content
+}
+
+function setPhone(phone) {
+    const element = document.getElementById("phone")
+    if (phone) {
+        element.href = "tel:" + phone
+        element.title = phone
+        element.classList.remove('hidden')
+    } else {
+        element.classList.add('hidden')
+    }
+}
+
+function setMail(mail) {
+    const element = document.getElementById("mail")
+    if (mail) {
+        element.href = "mailto:" + mail
+        element.title = mail
+        element.classList.remove('hidden')
+    } else {
+        element.classList.add('hidden')
+    }
+}
+
+function setWebsite(website) {
+    const element = document.getElementById("website")
+    if (website) {
+        element.href = website
+        element.title = website
+        element.classList.remove('hidden')
+    } else {
+        element.classList.add('hidden')
+    }
+}
+
+function getContent(msp, dataP4Pillon) {
+    return "Établissement FINESS N°" + msp[columns.finessET] +
+    (msp[columns.siret] != null ? "<br>SIREN : <a rel='noreferrer' target='_blank' href='https://data.inpi.fr/entreprises/" + msp[columns.siret].substring(0, 9) + "'>" + msp[columns.siret].substring(0, 9) + "</a>" : "") +
+    (dataP4Pillon ? "<br>" +
+        (dataP4Pillon[1] || dataP4Pillon[2] ? "<br>Leader : " + dataP4Pillon[1] + " " + dataP4Pillon[2] : "") +
+        (dataP4Pillon[3] ? "<br>Adhérent à l'association AVEC Santé : ✅" : "") +
+        (dataP4Pillon[4] ? "<br>Accord conventionnel interprofessionnel : ✅" : "")
+    : "")
+}
+const editLayoutElement = document.getElementById("editLayout")
+function displayInfo(msp, dataP4Pillon) {
+    editLayoutElement.classList.add("hidden")
+    setTitle(getName(msp, dataP4Pillon))
+    setContent(getContent(msp, dataP4Pillon))
+    setPhone(msp[columns.tel])
+    setMail(msp[columns.mail])
+    setWebsite(msp[columns.web])
+    showInfo()
+}
+
+const layerMSPElement = document.getElementById("layerMSP")
+const layerPharmacieElement = document.getElementById("layerPharmacie")
+
+const mspData = {
+    nofinesset: document.getElementById("msp-nofinesset"),
+    nom: document.getElementById("msp-nom"),
+    prenom_leader: document.getElementById("msp-prenom_leader"),
+    nom_leader: document.getElementById("msp-nom_leader"),
+    avec_sante: document.getElementById("msp-avec_sante"),
+    accord_conventionnel_interprofessionnel: document.getElementById("msp-accord_conventionnel_interprofessionnel"),
+}
+
+window.displayLayout = async (id) => {
+    if (id == "editLayout") {
+        const dataP4Pillon = await getDataP4Pillon()
+        const msp = window.msp
+        const data = dataP4Pillon[msp[columns.finessET]]
+
+        console.log(dataP4Pillon)
+        console.log(msp)
+        console.log(data)
+
+        mspData.nofinesset.value = window.msp[columns.finessET]
+        mspData.nom.value = getName(msp, data)
+        mspData.prenom_leader.value = data ? data[1] : ""
+        mspData.nom_leader.value = data ? data[2] : ""
+        mspData.avec_sante.checked = data ? data[3] : false
+        mspData.accord_conventionnel_interprofessionnel.checked = data ? data[4] : false
+    }
+    document.getElementById(id).classList.remove('hidden')
+}
+
+function initZoomBtn() {
+    document.getElementById("btnMore").addEventListener('click', () => zoomIn())
+    document.getElementById("btnLess").addEventListener('click', () => zoomOut())
+}
+
+function initCloseLayoutBtn() {
+    [...document.getElementsByClassName("btnClose")].forEach(btnCloseElement => {
+        btnCloseElement.addEventListener('click', () => {
+            btnCloseElement.parentNode.parentNode.classList.add("hidden")
+            console.log(btnCloseElement.parentNode.parentNode.id)
+            if (btnCloseElement.parentNode.parentNode.id == "info") {
+                editLayoutElement.classList.add("hidden")
+            }
+        })
+    });
+}
+
+async function initForms() {
+    document.getElementById("formInfo").addEventListener('submit', async (event) => {
+        event.preventDefault();
+
+        try {
+            const formData = new FormData(event.target)
+            const response = await createOrUpdateMspInfo(formData);
+            console.log(response)
+        } catch (error) {
+            console.error(error);
+        }
+    })
+}
+
+async function launchAnnuaire() {
+    var data = await getData()
+    var dataP4Pillon = await getDataP4Pillon()
+    layerMSPElement.addEventListener('change', () => updateLayers(layerMSPElement.checked, layerPharmacieElement.checked));
+    layerPharmacieElement.addEventListener('change', () => updateLayers(layerMSPElement.checked, layerPharmacieElement.checked));
+
+    initMap(data, dataP4Pillon, columns, getName, displayInfo, layerMSPElement.checked, layerPharmacieElement.checked)
+    initZoomBtn()
+    initCloseLayoutBtn()
+
+    initForms()
+}
+
+launchAnnuaire()
--- a/assets/scripts/directus.js
+++ b/assets/scripts/directus.js
@ -0,0 +1,64 @@
+import { Directus, EmptyParamError } from '@directus/sdk';
+
+const directus = new Directus('https://formulaire.p4pillon.org');
+const mspInfo = directus.items('MSP_INFO');
+
+export async function login() {
+	// AUTHENTICATION
+
+	let authenticated = false;
+
+	// Try to authenticate with token if exists
+	await directus.auth
+		.refresh()
+		.then(() => {
+			authenticated = true;
+		})
+		.catch(() => {});
+
+	// Let's login in case we don't have token or it is invalid / expired
+	while (!authenticated) {
+		const email = window.prompt('Email:');
+		const password = window.prompt('Password:');
+
+		await directus.auth
+			.login({ email, password })
+			.then(() => {
+				authenticated = true;
+			})
+			.catch(() => {
+				window.alert('Invalid credentials');
+			});
+	}
+}
+
+export async function createOrUpdateMspInfo(formData) {
+    try {
+        return await mspInfo.createOne({
+            nofinesset: formData.get("nofinesset"),
+            nom: formData.get("nom"),
+            prenom_leader: formData.get("prenom_leader"),
+            nom_leader: formData.get("nom_leader"),
+            avec_sante: formData.get("avec_sante"),
+            accord_conventionnel_interprofessionnel: formData.get("accord_conventionnel_interprofessionnel")
+        })
+    } catch (error) {
+        console.log(error)
+    }
+    const nofinesset = formData.get("nofinesset")
+    console.log(nofinesset)
+    try {
+        const msp = await mspInfo.readOne(nofinesset)
+        return await mspInfo.updateOne(nofinesset, formData)
+    } catch (error) {
+        if (error instanceof EmptyParamError) {
+            console.error("Le nofinesset est obligatoire.")
+            throw error
+        }
+        if (error.message == "You don't have permission to access this.") {
+            console.log("createOne")
+            console.log(formData)
+            return await mspInfo.createOne(formData)
+        }
+    }
+}
--- a/assets/scripts/finess.js
+++ b/assets/scripts/finess.js
--- a/assets/scripts/leaflet.js
+++ b/assets/scripts/leaflet.js
@ -0,0 +1,133 @@
+
+
+//
+// Map
+//
+
+var map = L.map('map', { 
+    zoomControl: false,
+    attributionControl: false
+})
+
+
+//
+// Icons
+// doc : https://onestepcode.com/leaflet-markers-svg-icons/
+//
+
+const mspIcon = L.divIcon({
+    html: `
+        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4453 6.16795C16.7812 5.94402 17.2188 5.94402 17.5547 6.16795L23.5547 10.1679C23.8329 10.3534 24 10.6656 24 11V19C24 19.5523 23.5523 20 23 20H11C10.4477 20 10 19.5523 10 19V11C10 10.6656 10.1671 10.3534 10.4453 10.1679L16.4453 6.16795ZM16 18H18V14H16V18ZM20 18V13C20 12.4477 19.5523 12 19 12H15C14.4477 12 14 12.4477 14 13V18H12V11.5352L17 8.20185L22 11.5352V18H20Z" fill="currentColor"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M34.4961 12.1318C34.1887 11.9561 33.8113 11.9561 33.5039 12.1318L26.5039 16.1318C26.1923 16.3098 26 16.6411 26 17V27C26 27.5523 26.4477 28 27 28H41C41.5523 28 42 27.5523 42 27V17C42 16.6411 41.8077 16.3098 41.4961 16.1318L34.4961 12.1318ZM37 26H40V17.5803L34 14.1518L28 17.5803V26H31V20C31 19.4477 31.4477 19 32 19H36C36.5523 19 37 19.4477 37 20V26ZM35 26V21H33V26H35Z" fill="currentColor"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4472 28.1056L15.4472 24.1056C15.1657 23.9648 14.8343 23.9648 14.5528 24.1056L6.55279 28.1056C6.214 28.275 6 28.6212 6 29V41C6 41.5523 6.44772 42 7 42H23C23.5523 42 24 41.5523 24 41V29C24 28.6212 23.786 28.275 23.4472 28.1056ZM16 34V40H14V34H16ZM18 33V40H22V29.618L15 26.118L8 29.618V40H12V33C12 32.4477 12.4477 32 13 32H17C17.5523 32 18 32.4477 18 33Z" fill="currentColor"/>
+        </svg>
+    `,
+    className: "",
+    iconSize: [48, 48],
+    iconAnchor: [12, 40],
+});
+const pharmacyIcon = L.divIcon({
+    html: `
+        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.8708 16.5029L26.5001 16.5029C27.0523 16.5029 27.5001 16.0552 27.5001 15.5029C27.5001 14.9506 27.0523 14.5029 26.5001 14.5029L23.8708 14.5029C23.5214 14.503 23.1149 14.56 22.7209 14.7523C21.2959 15.4476 20.4893 16.6497 20.0467 17.8209C19.8971 18.2165 19.786 18.6158 19.7045 19.0029H21.7622C21.8068 18.8436 21.8583 18.6846 21.9175 18.528C22.2394 17.6764 22.7625 16.9573 23.5979 16.5497C23.6444 16.527 23.7301 16.5029 23.8708 16.5029ZM18.0001 20.0029C17.4478 20.0029 16.9874 20.4588 17.1366 20.9906C17.7143 23.05 20.0631 24.6522 23.0001 24.9523V26.5105C22.3051 26.5275 21.5829 26.5829 20.9705 26.7612C20.492 26.9005 19.9849 27.1393 19.5969 27.575C19.1907 28.0312 19 28.6074 19 29.25C19 29.8932 19.1902 30.47 19.5958 30.9272C19.9836 31.3641 20.4906 31.6038 20.9696 31.7437C21.2897 31.8372 21.6397 31.897 22 31.9353V29.9217C21.8289 29.8972 21.6722 29.8653 21.5305 29.8239C21.2595 29.7448 21.1415 29.6558 21.0918 29.5997C21.0599 29.5638 21 29.4833 21 29.25C21 29.0191 21.0594 28.9401 21.0907 28.905C21.1402 28.8493 21.2581 28.7605 21.5296 28.6814C21.9135 28.5697 22.4074 28.5277 23.0001 28.5121V29.9938L23 31.9954L23.0001 34.0029H20.0001V36.0029H28.0001V34.0029H25.0001V28.4661C26.1018 28.3797 26.9948 28.1376 27.6667 27.7046C28.6123 27.0953 29 26.1881 29 25.2252C29 24.7019 28.8853 24.199 28.6292 23.7536C29.754 23.0448 30.5574 22.0819 30.8635 20.9906C31.0127 20.4588 30.5523 20.0029 30.0001 20.0029H18.0001ZM26.5833 26.0235C26.3 26.2061 25.8089 26.3795 25.0001 26.4584V24.9523C25.6205 24.8889 26.2147 24.7674 26.7715 24.5957C26.9363 24.7528 27 24.9436 27 25.2252C27 25.5956 26.8878 25.8272 26.5833 26.0235Z" fill="currentColor"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M32 32H42V16H32V6H16V16H6V32H16V42H32V32ZM30 40V30H40V18H30V8H18V18H8V30H18V40H30Z" fill="currentColor"/>
+        </svg>
+    `,
+    className: "",
+    iconSize: [48, 48],
+    iconAnchor: [12, 40],
+});
+
+//
+// Markers
+//
+
+const markersMSP = new L.MarkerClusterGroup({ chunkedLoading: true });
+const markersPharmacy = new L.MarkerClusterGroup({ chunkedLoading: true });
+
+export function updateLayers(layerMSPChecked, layerPharmacieChecked) {
+    // MSP
+    if (layerMSPChecked && !map.hasLayer(markersMSP)) {
+        map.addLayer(markersMSP)
+    } else if (!layerMSPChecked && map.hasLayer(markersMSP)) {
+        map.removeLayer(markersMSP)
+    }
+
+    //Pharmacy
+    if (layerPharmacieChecked && !map.hasLayer(markersPharmacy)) {
+        map.addLayer(markersPharmacy)
+    } else if (!layerPharmacieChecked && map.hasLayer(markersPharmacy)) {
+        map.removeLayer(markersPharmacy)
+    }
+}
+
+export function initMap(data, dataP4Pillon, columns, getName, displayInfo, layerMSPChecked, layerPharmacieChecked) {
+    for (const msp of data) {
+        if (msp[columns.x] && msp[columns.y]) {
+            const isMSP = msp[columns.categetab] == "603"
+            const marker = L.marker([msp[columns.x], msp[columns.y]], {
+                title: getName(msp, dataP4Pillon[msp[columns.finessET]]),
+                icon: isMSP ? mspIcon : pharmacyIcon
+            })
+            .on("click", (e)=> {
+                window.msp = msp
+                displayInfo(msp, dataP4Pillon[msp[columns.finessET]])
+            });
+            isMSP ? markersMSP.addLayer(marker) : markersPharmacy.addLayer(marker)
+        }
+    }
+    if (layerMSPChecked) {
+        map.addLayer(markersMSP)
+    }
+    if (layerPharmacieChecked) {
+        map.addLayer(markersPharmacy)
+    }
+}
+
+// tileLayer
+
+var tileLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
+    maxZoom: 19,
+    subdomains: 'abcd',
+    attribution: ''
+})
+map.addLayer(tileLayer)
+
+// Localisation
+
+function getMapLocation() {
+    const mapLocation = L.Permalink.getMapLocation();
+    const mapLocationDefaultCenter = [52.26869,-113.81034]
+    const defaultCenter = [46.55886, 3.21924]
+    const defaultZoom = 6
+
+    function isDefaultCenter() {
+        return JSON.stringify(mapLocation.center) == JSON.stringify(defaultCenter)
+    }
+
+    return {
+        getCenter : () => {
+            return isDefaultCenter() ? defaultCenter : mapLocation.center
+        },
+        getZoom : () => {
+            return isDefaultCenter() ? defaultZoom : mapLocation.zoom
+        },
+    }
+}
+const mapLocation = getMapLocation();
+map.setView(mapLocation.getCenter(), mapLocation.getZoom())
+
+// Zoom
+
+export function zoomIn() {
+    map.zoomIn()
+}
+
+export function zoomOut() {
+    map.zoomOut()
+}
+
+// Changement d'URL
+
+L.Permalink.setup(map);
--- a/assets/scripts/main.js
+++ b/assets/scripts/main.js
@ -0,0 +1,19 @@
+function menu() {
+    const menuElement = document.getElementById("menu")
+    const menuOpenElement = document.getElementById("menuOpen")
+    const menuCloseElement = document.getElementById("menuClose")
+    menuOpenElement.addEventListener('click', function () {
+        console.log("open")
+        menuElement.classList.toggle('hidden')
+    })
+    menuCloseElement.addEventListener('click', function () {
+        console.log("close")
+        menuElement.classList.toggle('hidden')
+    })
+}
+
+function launch() {
+    menu()
+}
+
+launch()
--- a/assets/styles/components/all.css
+++ b/assets/styles/components/all.css
@ -0,0 +1 @@
+@import "buttons.css";
--- a/assets/styles/components/buttons.css
+++ b/assets/styles/components/buttons.css
--- a/assets/styles/styles.css
+++ b/assets/styles/styles.css
@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import "components/all.css";
+
+html {
+  font-size: 14px;
+}
+
+@screen md {
+  html {
+    font-size: 16px;
+  }
+}
+
+@layer components {
+  .btn-primary {
+    @apply rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
+  }
+}
--- a/config/_default/config.yml
+++ b/config/_default/config.yml
@ -0,0 +1,24 @@
+baseURL: https://p4pillon.org
+disableKinds:
+  - taxonomy
+  - term
+module:
+  hugoVersion:
+    extended: false
+    min: 0.112.0
+  mounts:
+    - source: assets
+      target: assets
+    - source: hugo_stats.json
+      target: assets/watching/hugo_stats.json
+build:
+  writeStats: true
+  cachebusters:
+    - source: assets/watching/hugo_stats\.json
+      target: styles\.css
+    - source: (postcss|tailwind)\.config\.js
+      target: css
+    - source: assets/.*\.(js|ts|jsx|tsx)
+      target: js
+    - source: assets/.*\.(.*)$
+      target: $1
--- a/config/staging/config.yml
+++ b/config/staging/config.yml
@ -0,0 +1,7 @@
+baseURL: https://staging.p4pillon.org/
+
+deployment:
+  targets:
+    - name: staging
+      URL: >-
+        s3://staging.p4pillon.org?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true&region=garage
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,7 @@
+---
+title: Pour une santé en commun et des communs en santé
+---
+
+P4Pillon.org est une association loi 1901 qui préfigure d'une [société coopérative d'intérêt collectif](https://fr.wikipedia.org/wiki/Soci%C3%A9t%C3%A9_coop%C3%A9rative_d%27int%C3%A9r%C3%AAt_collectif) ayant pour objet la création et la mise à disposition de [communs informationnels](https://fr.wikipedia.org/wiki/Biens_communs_informationnels) aux citoyens, patients et professionnels qui œuvrent sur un même territoire de santé.
+
+P4Pillon investigue 4 thématiques interdépendantes : les organisations humaines en santé, les technologies de l'information et de la communication, les pratiques professionnelles, et la santé communautaire et planétaire.
--- a/content/annuaire/_index.md
+++ b/content/annuaire/_index.md
@ -0,0 +1,6 @@
+---
+title: Annuaire
+section: annuaire
+---
+
+test
--- a/content/footer.md
+++ b/content/footer.md
@ -0,0 +1,12 @@
+---
+headless: true
+---
+
+## P4PILLON
+
+P4Pillon est une initiative de recherche et développement en santé et en soins de premiers recours
+
+- [Mentions légales](/mentions-legales/)
+- [Politique de confidentialité](/politique-de-confidentialite/)
+- Site éco-conçu 🪶 par [Weko](https://weko.io)
+- Hébergé avec sobriété ⚡ par [RésiLien](https://resilien.fr)
--- a/content/notre-histoire.md
+++ b/content/notre-histoire.md
@ -0,0 +1,35 @@
+---
+title: Notre histoire
+draft: false
+---
+
+# Notre histoire
+
+## L'origine
+
+Dès 2009, les professionnels de santé installés sur la montagne limousine ont pris conscience des enjeux de soutenabilité et de résilience de l'offre de soins vis à vis d'une désertification médicale annoncée par les projections démographiques.
+
+## La contrainte forge l'innovation
+
+Ce territoire est marqué par des contraintes géographiques (zone de moyenne montagne et habitat dispersé), démographiques (population âgée et fragile) et épidémiologiques (forte prévalence des maladies chroniques et des besoins en prévention). Ainsi, il nous semblait être un terrain idéal pour expérimenter et identifier des leviers d’adaptation du système de santé aux enjeux de notre société.
+
+## Agir en communauté de pensée, penser en communauté d'action
+
+En 2014, les professionnels se sont constitués en équipe coordonnée en santé dans la ligne politique portée par l'association AVEC Santé. Cette démarche correspond à la définition ou la création de différents communs :
+
+- définition d'un périmètre d'action commun : cette étape permet d'analyser les caractéristiques du territoire en terme de besoins afin d'y adapter une offre de soins. Dans notre cas, c'est l'exercice dit "multi-sites" ou décentralisé qui a été choisi pour des questions de contraintes géographiques.
+- adoption d'un projet de santé commun à l'équipe : suite au diagnostic territorial, un projet de santé prenant en compte les données de santé publique est rédigé puis signé par les différents professionnels de santé ou intervenants. Dans notre cas, l'accent est mis sur la prise en charge des pathologies chroniques, la prévention et l'organisation des soins non programmés (urgences)
+- partage de lieux d'exercice communs : plusieurs cabinets médicaux sont mis à disposition et partagés entre professionnels de santé afin qu'il puissent répartir leur offre de soins sur tout le territoire.
+- création d'un commun juridique : la constitution en Société Interprofessionnelle de Soins Ambulatoires (SISA) créé une personne morale porteuse du projet de santé ce qui facilite les règles d'accès aux dossiers médicaux et la mise en place d'une fonction de coordination de l'équipe.
+- attribution de financement communs : suite à l'acceptation du projet de santé par l'agence régionale de santé, la SISA peut bénéficier de financements commun via la signature d'une convention avec l'assurance maladie. Ces financements viennent rompre avec la logique historique du financement à l'activité des professionnel de santé, ils sont attribués à une équipe pluriprofessionnelle en fonction de la taille de sa patientèle (financement par capitation).
+- acquisition d'un système d'information partagé permettant la création d'un commun informationnel : ces logiciels hébergent les dossiers médicaux et permettent une coordination des différents professionnels autour du patient. L'accès à une information partagé implique une production participative de l'information et donc la création d'un commun informationnel reflétant l'état de santé du territoire d'action de l'équipe.
+
+## Particularité pharmaceutique du projet
+
+En 2016, la pharmacie de Bugeat est reprise par Antoine Prioux, actuellement président de l'association P4Pillon. Dans son travail de thèse soutenu en 2013, il jetait les base d'une intégration des pharmaciens d'officine au sein de l'équipe coordonnée afin d'améliorer la prise en charge pharmaco-thérapeutique des patients.
+
+Quelques mois plus tard il est rejoint par Eliza Castagné, pharmacienne clinicienne ayant travaillé sur la iatrogénie médicamenteuse et Julien Misiak, ingénieur en informatique et créateur d'un logiciel de gestion d'officine. Cette étape marque le point de départ de l'expérimentation en vie réelle qui aboutira après quelques années à plusieurs preuves de concept autour du design des systèmes d'information et du traitement de données de santé à des fins de maintien en bonne santé de la population.
+
+## Objectif : h4cker le système
+
+P4Pillon collabore et interagit actuellement avec de nombreuses personnes et associations militantes afin de construire et éprouver un récit de transition où la santé au sens large (planétaire) serait le principal argument pour composer une société soutenable et résiliente basée sur les communs et la justice sociale.
--- a/content/qui-sommes-nous.md
+++ b/content/qui-sommes-nous.md
@ -0,0 +1,13 @@
+---
+title: Qui sommes nous ?
+---
+
+# Qui sommes nous ?
+
+La volonté de transformation du système de santé portée par P4Pillon émane de la détermination d'une équipe coordonnée en santé : le pôle Millesoins.
+
+Juridiquement constituée en Société Interprofessionnelle de Soins Ambulatoires (SISA), cette structure adhère au mouvement AVEC Santé qui plaide pour une refondation des soins de premier recours par un exercice pluriprofessionnel coordonné et un partenariat fort avec la population du territoire (santé communautaire).
+
+Cette équipe est composée de médecins généralistes, de pharmacien.ne.s, et d'infirmier.e.s qui collaborent avec des chercheur.se.s pluridisciplinaires, des ingénieur.e.s et diverses associations militantes dans les champs du logiciel libre, de la médecine sociale et de la santé planétaire.
+
+P4Pillon est une association à but non lucratif qui préfigure d'une Société Coopérative d'Intérêt Collectif (SCIC) dont la principale mission est de promouvoir et créer des communs numériques en santé (logiciels libres et bases de données autogérées).
--- a/content/se-connecter/_index.md
+++ b/content/se-connecter/_index.md
@ -0,0 +1,4 @@
+---
+---
+
+En cours de développement
--- a/layouts/404.html
+++ b/layouts/404.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+    {{ partial "head.html" . }}
+    <body class="h-full">
+        <main class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
+            <div class="text-center">
+                <p class="text-base font-semibold text-indigo-600">
+                    404
+                </p>
+                <h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">
+                    Page non trouvée
+                </h1>
+                <p class="mt-6 text-base leading-7 text-gray-600">
+                    Désolé la page que vous cherchez n'existe pas ou a changé de place.
+                </p>
+                <div class="mt-10 flex items-center justify-center gap-x-6">
+                <a href="/" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                    Revenir à la page d'accueil
+                </a>
+                <a href="mailto:support@p4pillon.org" class="text-sm font-semibold text-gray-900">
+                    Contacter le support <span aria-hidden="true">&rarr;</span>
+                </a>
+                </div>
+            </div>
+        </main>
+    </body>
+</html>
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="fr" class="h-full">
+  <head>
+    {{ partial "head.html" . }}
+  </head>
+  <body class="h-full">
+    <div class="container mx-auto">
+      <div class="bg-white">
+        {{ partial "header.html" . }}
+      </div>
+      {{ block "main" . }}{{ end }}
+    </div>
+    {{ partial "footer.html" . }}
+    {{ partial "scripts.html" . }}
+  </body>
+</html>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@ -0,0 +1,8 @@
+{{ define "main" }}
+  {{ .Content }}
+  <ul>
+  {{ range .Pages }}
+    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+  {{ end }}
+  </ul>
+{{ end }}
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -0,0 +1,9 @@
+{{ define "main" }}
+<div class="relative w-full bg-white my-20 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
+    <div class="mx-auto max-w-prose lg:text-lg">
+      <article class="prose prose-slate mx-auto lg:prose-xl">
+        {{ .Content }}
+      </article>
+    </div>
+</div>
+{{ end }}
--- a/layouts/annuaire/annuaire.html
+++ b/layouts/annuaire/annuaire.html
@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="fr" class="h-full">
+  <head>
+    {{ partial "head.html" . }}
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" crossorigin=""/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" crossorigin=""/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
+    <script src="https://unpkg.com/leaflet@1.9.1/dist/leaflet.js" integrity="sha256-NDI0K41gVbWqfkkaHj15IzU7PtMoelkzyKp8TOaFQ3s=" crossorigin=""></script>
+    <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js" crossorigin=""></script>
+    <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
+	<script src="/leaflet.permalink.js"></script>
+  </head>
+  <body class="h-full relative">
+      <div class="bg-white">
+        {{ partial "header.html" . }}
+      </div>
+        <div class="absolute sm:bg-opacity-80 left-0 bottom-0 right-0 h-14 w-full max-w-none sm:w-80 sm:right-auto sm:left-4 sm:bottom-4 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg shadow-2xl p-4 text-center">
+            <label class="inline-flex items-center mr-4">
+                <input class="text-green-700" id="layerMSP" type="checkbox" checked="">
+                <span class="ml-2">Maison de santé</span>
+            </label>
+            <label class="inline-flex items-center">
+                <input class="text-green-700" id="layerPharmacie" type="checkbox">
+                <span class="ml-2">Officine</span>
+            </label>
+        </div>
+
+        <div id="info" class="hidden sm:bg-opacity-80 absolute left-0 bottom-14 sm:bottom-24 right-0 sm:right-auto sm:left-4 w-full max-w-none sm:w-80 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
+        <!-- Modal content -->
+            <!-- Modal header -->
+            <div class="flex items-center justify-between p-4 border-b rounded-t-lg">
+                <h4 class="title text-xl font-semibold text-gray-900 my-0">
+                  MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
+                </h4>
+                <button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
+                    <svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
+                </button>
+            </div>
+            <!-- Modal body -->
+            <div class="p-4 space-y-6">
+                <p id="content" class="text-base leading-relaxed text-gray-500 my-0">
+                  Établissement FINESS N°480002732<br>
+                  SIREN : 837840933
+                </p>
+            </div>
+            <!-- Modal footer -->
+            <div id="contact" class="flex justify-center items-center p-4 space-x-4 border-t border-gray-200 rounded-b-lg">
+              <a id="phone" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
+                </svg>
+              </a>
+              <a id="mail" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
+                </svg>
+              </a>
+              <a id="website" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
+                </svg>
+              </a>
+              <button id="edit" onclick="displayLayout('editLayout')" title="Éditer" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
+                </svg>
+              </button>
+            </div>
+        </div>
+
+        <div id="editLayout" class="hidden overflow-auto layout absolute sm:bg-opacity-90 left-0 sm:left-80 lg:left-auto sm:ml-8 top-20 bottom-14 sm:bottom-4 right-0 sm:right-4 lg:right-16 w-full sm:w-auto max-w-none lg:max-w-md z-30 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
+          <div class="flex items-center justify-between p-4 border-b rounded-t-lg">
+            <h4 class="title text-xl font-semibold text-gray-900 my-0">
+              MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
+            </h4>
+            <button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
+                <svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
+            </button>
+          </div>
+          <!-- Modal body -->
+          <div class="p-4 space-y-6">
+            <form id="formInfo" method="POST" action="https://formulaire.p4pillon.org/items/MSP_INFO">
+              <div class="grid grid-cols-1 gap-6">
+                <label class="block">
+                  <span class="text-gray-700">Nofinesset</span>
+                  <input id="msp-nofinesset" type="text" name="nofinesset" class="mt-1 block w-full" placeholder="">
+                </label>
+                <label class="block">
+                  <span class="text-gray-700">Nom</span>
+                  <input id="msp-nom" type="text" name="nom" class="mt-1 block w-full" placeholder="">
+                </label>
+                <label class="block">
+                  <span class="text-gray-700">Prénom Leader</span>
+                  <input id="msp-prenom_leader" type="text" name="prenom_leader" class="mt-1 block w-full" placeholder="">
+                </label>
+                <label class="block">
+                  <span class="text-gray-700">Nom Leader</span>
+                  <input id="msp-nom_leader" type="text" name="nom_leader" class="mt-1 block w-full" placeholder="">
+                </label>
+                <div class="block">
+                  <label class="inline-flex items-center">
+                    <input id="msp-avec_sante" type="checkbox" checked="" name="avec_sante">
+                    <span class="ml-2">Avec santé</span>
+                  </label>
+                </div>
+                <div class="block">
+                  <label class="inline-flex items-center">
+                    <input id="msp-accord_conventionnel_interprofessionnel" type="checkbox" checked="" name="accord_conventionnel_interprofessionnel">
+                    <span class="ml-2">Accord Conventionnel Interprofessionnel</span>
+                  </label>
+                </div>
+              </div>
+              <div class="block">
+                <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Envoyer</button>
+              </div>
+
+            </form>
+
+
+
+            <fieldset class="hidden">
+              <legend>informations générales</legend>
+              <label for="noms">Nom de la structure :</label>
+              <input type="text" name="structure" placeholder="nom de la SISA" required="required">
+              <label for="ville">Ville :</label>
+              <input type="text" name="structure" placeholder="ville" required="required">
+              <label for="code">Code postal :</label>
+              <input type="text" name="structure" placeholder="Ex: 87000" required="required">
+              <label for="rue"> Rue :</label>
+              <input type="text" name="structure" placeholder="Ex: " required="required">
+
+
+
+            <!-- A mettre : dans un premier temps pouvoir mettre un chiffre puis dans un second temps le ventiullé sur le type de praticien -->
+            <label for="npro">Nombre professionnels</label>
+            <select>
+              <option selected>Choisissez</option>
+              <option>moins de 16 professionnels</option>
+              <option>plus de 16 professionnels</option>
+            </select>
+
+            <div class="open">
+              <!-- A mettre -->
+              <label for="ipa">Présence d'un IPA dans l'équipe</label>
+              <label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
+                type="radio" name="no" id="no" />
+            </div>
+
+
+            <div class="open">
+              <!-- A mettre -->
+              <label for="ipam">Formation des jeunes professionnels de santé</label>
+              <label for="prof_sant_yes">Oui</label><input type="radio" name="prof_sant" value="true"
+                id="prof_sant_yes" /><label for="no">Non</label><input type="radio" name="no" id="no" />
+            </div>
+
+
+            <div class="open">
+              <!-- A mettre + champ pour citer le logiciel utilisé (il faut la liste) -->
+              <!-- Système d'information labellisé :  -->
+              <!-- https://esante.gouv.fr/offres-services/label-esante/solutions-labellisees -->
+              <label for="sina">Système d'information labellisé niveau avancé (ASIP Santé)</label>
+              <label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
+                type="radio" name="no" id="no" />
+            </div>
+
+            <input type="submit" name="submit" value="ENVOYER">
+            </fieldset>
+          </div>
+        </div>
+
+        <div id="zoom" class="hidden sm:flex flex-col-reverse items-center justify-between absolute bottom-4 right-4 w-8 h-16 z-20 sm:shadow-2xl">
+          <button id="btnLess" type="button" class="p-1.5 bg-white border rounded-b-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
+            <svg class="w-full h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
+            </svg>
+          </button>
+          <button id="btnMore" type="button" class="p-1.5 bg-white border-t border-x rounded-t-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
+            <svg class="w-full h-5"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+            </svg>
+          </button>
+        </div>
+
+        <div class="absolute w-screen h-screen bottom-0 left-0 top-0 right-0 z-10">
+            <div id="map" style="width: 100%; height: 100%;" class=""></div>
+        </div>
+    {{ $js := resources.Get "scripts/annuaire.js" }}
+    {{ with $js }}
+    {{ $secureJS := . | js.Build }}
+    {{ if not $.Site.Params.debug }}
+    {{ $secureJS = $secureJS | minify }}
+    {{ end }}
+    {{ $secureJS = $secureJS | fingerprint }}
+    <script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
+    {{ end }}
+    {{ partial "scripts.html" . }}
+  </body>
+</html>
--- a/layouts/index.html
+++ b/layouts/index.html
@ -0,0 +1,11 @@
+{{ define "main" }}
+  {{ partial "heroe" . }}
+  <div class="relative w-full bg-white mb-32 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
+    <div class="mx-auto max-w-prose lg:text-lg">
+      <article class="prose prose-slate mx-auto lg:prose-xl">
+        {{ .Content }}
+      </article>
+    </div>
+  </div>
+  {{ partial "newsletter.html" . }}
+{{ end }}
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -0,0 +1,36 @@
+<!--
+  Heads up! 👋
+
+  This component comes with some `rtl` classes. Please remove them if they are not needed in your project.
+-->
+
+<footer class="bg-white">
+    <div class="mx-auto max-w-screen-xl px-4 pb-6 pt-6 sm:px-6 lg:px-8">
+      <div class="border-gray-100">
+        <div class="text-center sm:flex sm:justify-between sm:text-left">
+          <p class="text-sm text-gray-500">
+            <a
+              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
+              href="/"
+            >
+            Politique de confidentialité
+            </a>
+  
+            <span>&middot;</span>
+  
+            <a
+              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
+              href="/"
+            >
+            Mentions légales
+            </a>
+          </p>
+  
+          <p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">
+            &copy; 2023 P4Pillon
+          </p>
+        </div>
+      </div>
+    </div>
+  </footer>
+  
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -0,0 +1,16 @@
+<meta charset="utf-8" />
+<title>
+    {{ .Title }}
+</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="{{ .Description }}" />
+{{/* styles */}}
+{{ $options := dict "inlineImports" true }}
+{{ $styles := resources.Get "styles/styles.css" }}
+{{ $styles = $styles | resources.PostCSS $options }}
+{{ if hugo.IsProduction }}
+    {{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
+{{/*  {{ else }}
+<link href="/tailwindcss.css" rel="stylesheet" />  */}}
+{{ end }}
+<link href="{{ $styles.RelPermalink }}" rel="stylesheet" />
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -0,0 +1,57 @@
+<header class="absolute inset-x-0 top-0 z-50">
+    <nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
+      <div class="flex lg:flex-1">
+        <a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
+          <img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
+          <span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
+        </a>
+      </div>
+      <div class="flex lg:hidden">
+        <button id="menuOpen" type="button" class="-m-2.5 border border-emerald-700 bg-white shadow-2xl inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
+          <span class="sr-only">Open main menu</span>
+          <svg class="h-6 w-6 stroke-emerald-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+          </svg>
+        </button>
+      </div>
+      <div class="hidden lg:flex lg:gap-x-12">
+        <a href="/notre-histoire/" class="text-sm font-semibold leading-6 text-green-700">Histoire</a>
+        <a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-green-700">We 4re</a>
+        <a href="/annuaire/" class="text-sm font-semibold leading-6 text-green-700">Annuaire</a>
+      </div>
+      <div class="hidden lg:flex lg:flex-1 lg:justify-end">
+        <a href="/se-connecter/" class="text-sm font-semibold leading-6 text-green-700">Se connecter <span aria-hidden="true">&rarr;</span></a>
+      </div>
+    </nav>
+    <!-- Mobile menu, show/hide based on menu open state. -->
+    <div id="menu" class="hidden" role="dialog" aria-modal="true">
+      <!-- Background backdrop, show/hide based on slide-over state. -->
+      <div class="fixed inset-0 z-50"></div>
+      <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
+        <div class="flex items-center justify-between">
+          <a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
+            <img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
+            <span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
+          </a>
+          <button id="menuClose" type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700 border border-white hover:border-green-700">
+            <span class="sr-only">Close menu</span>
+            <svg class="h-6 w-6 stroke-green-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+        <div class="mt-6 flow-root">
+          <div class="-my-6 divide-y divide-gray-500/10">
+            <div class="space-y-2 py-6">
+              <a href="/notre-histoire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Histoire</a>
+              <a href="/qui-sommes-nous/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">We 4re</a>
+              <a href="/annuaire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Annuaire</a>
+            </div>
+            <div class="py-6">
+              <a href="/se-connecter/" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Se connecter</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
--- a/layouts/partials/heroe.html
+++ b/layouts/partials/heroe.html
@ -0,0 +1,28 @@
+<div class="bg-white">  
+    <div class="relative isolate px-6 pt-14 lg:px-8">
+      <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
+        <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+      </div>
+      <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
+        <div class="hidden sm:mb-8 sm:flex sm:justify-center">
+          <div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
+            Prenez connaissance de l'historique du projet. <a href="/notre-histoire/" class="font-semibold text-indigo-600"><span class="absolute inset-0" aria-hidden="true"></span> <span aria-hidden="true">&rarr;</span></a>
+          </div>
+        </div>
+        <div class="text-center">
+          <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">{{ .Title }}</h1>
+          <p class="mt-6 text-lg leading-8 text-gray-600">
+            P4Pillon est une initiative de recherche et développement en santé et en soins de premiers recours située sur la Montagne Limousine, au cœur du Parc Naturel Régional du Plateau de Millevaches.
+        </p>
+          <div class="mt-10 flex items-center justify-center gap-x-6">
+            <a href="/annuaire/" class="btn-primary">Voir l'annuaire</a>
+            <a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-gray-900">Qui somme-nous <span aria-hidden="true">?</span></a>
+          </div>
+        </div>
+      </div>
+      <div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
+        <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+      </div>
+    </div>
+  </div>
+  
--- a/layouts/partials/newsletter.html
+++ b/layouts/partials/newsletter.html
@ -0,0 +1,38 @@
+</div>
+<div class="relative isolate overflow-hidden bg-gray-900 py-16 sm:py-24 lg:py-32">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
+        <div class="max-w-xl lg:max-w-lg">
+          <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Lettre d'information</h2>
+          <p class="mt-4 text-lg leading-8 text-gray-300">Pour rester informer de notre évolution, nos différents avancées n'hésitez pas à vous inscrire.</p>
+          <div class="mt-6 flex max-w-md gap-x-4">
+            <label for="email-address" class="sr-only">Email address</label>
+            <input id="email-address" name="email" type="email" autocomplete="email" required class="min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6" placeholder="Entrer votre mail">
+            <button type="submit" class="flex-none rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">S'inscrire</button>
+          </div>
+        </div>
+        <dl class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:pt-2">
+          <div class="flex flex-col items-start">
+            <div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
+              <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z" />
+              </svg>
+            </div>
+            <dt class="mt-4 font-semibold text-white">Un mail tous les semestres</dt>
+            <dd class="mt-2 leading-7 text-gray-400">Vous recevrez une lettre d'information tous les semestres</dd>
+          </div>
+          <div class="flex flex-col items-start">
+            <div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
+              <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M10.05 4.575a1.575 1.575 0 10-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 013.15 0v1.5m-3.15 0l.075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 013.15 0V15M6.9 7.575a1.575 1.575 0 10-3.15 0v8.175a6.75 6.75 0 006.75 6.75h2.018a5.25 5.25 0 003.712-1.538l1.732-1.732a5.25 5.25 0 001.538-3.712l.003-2.024a.668.668 0 01.198-.471 1.575 1.575 0 10-2.228-2.228 3.818 3.818 0 00-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0116.35 15m.002 0h-.002" />
+              </svg>
+            </div>
+            <dt class="mt-4 font-semibold text-white">Pas de spam</dt>
+            <dd class="mt-2 leading-7 text-gray-400">Nous ne communiquons les mails à aucun partenaire, et vous pouvez vous désinscrire à chaque mail</dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+    <div class="absolute left-1/2 top-0 -z-10 -translate-x-1/2 blur-3xl xl:-top-6" aria-hidden="true">
+      <div class="aspect-[1155/678] w-[72.1875rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+    </div>
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@ -0,0 +1,9 @@
+{{ $js := resources.Get "scripts/main.js" }}
+{{ with $js }}
+{{ $secureJS := . | js.Build }}
+{{ if not $.Site.Params.debug }}
+{{ $secureJS = $secureJS | minify }}
+{{ end }}
+{{ $secureJS = $secureJS | fingerprint }}
+<script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
+{{ end }}
--- a/layouts/se-connecter/se-connecter.html
+++ b/layouts/se-connecter/se-connecter.html
@ -0,0 +1,39 @@
+{{ define "main" }}
+<div class="absolu top-0 left-0 right-0 bottom-0 flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+    <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+      <img class="mx-auto h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company">
+      <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Connectez vous à votre compte</h2>
+    </div>
+    <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
+      <form class="space-y-6" action="#" method="POST">
+        <div>
+          <label for="email" class="block text-sm font-medium leading-6 text-gray-900">Adresse mail</label>
+          <div class="mt-2">
+            <input id="email" name="email" type="email" autocomplete="email" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+          </div>
+        </div>
+  
+        <div>
+          <div class="flex items-center justify-between">
+            <label for="password" class="block text-sm font-medium leading-6 text-gray-900">Mot de passe</label>
+            <div class="text-sm">
+              <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Mot de passe oublié ?</a>
+            </div>
+          </div>
+          <div class="mt-2">
+            <input id="password" name="password" type="password" autocomplete="current-password" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+          </div>
+        </div>
+  
+        <div>
+          <button type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Se connecter</button>
+        </div>
+      </form>
+  
+      <p class="mt-10 text-center text-sm text-gray-500">
+        Not a member?
+        <a href="#" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Start a 14 day free trial</a>
+      </p>
+    </div>
+  </div>
+{{ end }}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,22 +1,25 @@
 {
-  "private": true,
+  "name": "p4pillon.org",
+  "version": "1.0.0",
+  "description": "Vous trouverez ici les sources du site WEB de P4Pillon",
+  "main": "index.js",
  "scripts": {
-    "build": "turbo build",
-    "dev": "turbo dev",
-    "lint": "turbo lint",
-    "clean": "turbo clean",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\""
+    "lint": "npm run -s lint:styles",
+    "lint:scripts": "eslint assets/scripts",
+    "lint:styles": "stylelint \"assets/styles/**/*.{css,sass,scss,sss,less}\"",
+    "test": "npm run -s lint"
  },
+  "author": "",
+  "license": "AGPL-3.0",
  "devDependencies": {
-    "eslint": "^8.48.0",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.3",
-    "tsconfig": "*",
-    "turbo": "latest"
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.24",
+    "postcss-cli": "^10.1.0",
+    "tailwindcss": "^3.3.2"
  },
-  "packageManager": "bun@1.0.11",
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ]
+  "dependencies": {
+    "@directus/sdk": "^10.3.3"
+  }
 }
--- a/packages/eslint-config-custom/README.md
+++ b/packages/eslint-config-custom/README.md
@ -1,3 +0,0 @@
-# `@turbo/eslint-config`
-
-Collection of internal eslint configurations.
--- a/packages/eslint-config-custom/library.js
+++ b/packages/eslint-config-custom/library.js
@ -1,37 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * typescript packages.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/node",
-    "@vercel/style-guide/eslint/typescript",
-  ].map(require.resolve),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-      node: {
-        extensions: [".mjs", ".js", ".jsx", ".ts", ".tsx"],
-      },
-    },
-  },
-  ignorePatterns: ["node_modules/", "dist/"],
-};
--- a/packages/eslint-config-custom/next.js
+++ b/packages/eslint-config-custom/next.js
@ -1,45 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * Next.js apps.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/node",
-    "@vercel/style-guide/eslint/typescript",
-    "@vercel/style-guide/eslint/browser",
-    "@vercel/style-guide/eslint/react",
-    "@vercel/style-guide/eslint/next",
-    "eslint-config-turbo",
-  ].map(require.resolve),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-      node: {
-        extensions: [".mjs", ".js", ".jsx", ".ts", ".tsx"],
-      },
-    },
-  },
-  ignorePatterns: ["node_modules/", "dist/"],
-  // add rules configurations here
-  rules: {
-    "import/no-default-export": "off",
-  },
-};
--- a/packages/eslint-config-custom/package.json
+++ b/packages/eslint-config-custom/package.json
@ -1,10 +0,0 @@
-{
-  "name": "eslint-config-custom",
-  "license": "MIT",
-  "version": "0.0.0",
-  "private": true,
-  "devDependencies": {
-    "@vercel/style-guide": "^5.0.0",
-    "eslint-config-turbo": "^1.10.12"
-  }
-}
--- a/packages/eslint-config-custom/react.js
+++ b/packages/eslint-config-custom/react.js
@ -1,41 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use a library
- * that utilizes React.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/browser",
-    "@vercel/style-guide/eslint/typescript",
-    "@vercel/style-guide/eslint/react",
-  ].map(require.resolve),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-      node: {
-        extensions: [".mjs", ".js", ".jsx", ".ts", ".tsx"],
-      },
-    },
-  },
-  ignorePatterns: ["node_modules/", "dist/", ".eslintrc.js", "**/*.css"],
-  // add rules configurations here
-  rules: {
-    "import/no-default-export": "off",
-  },
-};
--- a/packages/tailwind-config/package.json
+++ b/packages/tailwind-config/package.json
@ -1,10 +0,0 @@
-{
-  "name": "tailwind-config",
-  "version": "0.0.0",
-  "private": true,
-  "main": "index.ts",
-  "types": "index.ts",
-  "devDependencies": {
-    "tailwindcss": "^3.2.4"
-  }
-}
--- a/packages/tailwind-config/tailwind.config.ts
+++ b/packages/tailwind-config/tailwind.config.ts
@ -1,15 +0,0 @@
-import type { Config } from "tailwindcss";
-
-const config: Config = {
-  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
-  theme: {
-    extend: {
-      backgroundImage: {
-        "glow-conic":
-          "conic-gradient(from 180deg at 50% 50%, #2a8af6 0deg, #a853ba 180deg, #e92a67 360deg)",
-      },
-    },
-  },
-  plugins: [],
-};
-export default config;
--- a/packages/tsconfig/base.json
+++ b/packages/tsconfig/base.json
@ -1,23 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
-  "compilerOptions": {
-    "composite": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "strictNullChecks": true
-  },
-  "exclude": ["node_modules"]
-}
--- a/packages/tsconfig/nextjs.json
+++ b/packages/tsconfig/nextjs.json
@ -1,20 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Next.js",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }],
-    "allowJs": true,
-    "declaration": false,
-    "declarationMap": false,
-    "incremental": true,
-    "jsx": "preserve",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
-    "resolveJsonModule": true,
-    "strict": false,
-    "target": "es5"
-  },
-  "include": ["src", "next-env.d.ts"],
-  "exclude": ["node_modules"]
-}
--- a/packages/tsconfig/package.json
+++ b/packages/tsconfig/package.json
@ -1,9 +0,0 @@
-{
-  "name": "tsconfig",
-  "version": "0.0.0",
-  "private": true,
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
-}
--- a/packages/tsconfig/react-library.json
+++ b/packages/tsconfig/react-library.json
@ -1,12 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "React Library",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "lib": ["ES2015", "DOM"],
-    "module": "ESNext",
-    "target": "ES6",
-    "jsx": "react-jsx",
-    "noEmit": true
-  }
-}
--- a/packages/ui/.eslintrc.js
+++ b/packages/ui/.eslintrc.js
@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["custom/react"],
-};
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@ -1,34 +0,0 @@
-{
-  "name": "ui",
-  "version": "0.0.0",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": "./dist",
-    "./styles.css": "./dist/index.css"
-  },
-  "license": "MIT",
-  "scripts": {
-    "build": "tsup",
-    "lint": "eslint src/",
-    "dev": "tsup --watch",
-    "check-types": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.2.5",
-    "autoprefixer": "^10.4.13",
-    "eslint-config-custom": "*",
-    "postcss": "^8.4.20",
-    "react": "^18.2.0",
-    "tailwind-config": "*",
-    "tailwindcss": "^3.2.4",
-    "tsconfig": "*",
-    "tsup": "^6.1.3",
-    "typescript": "^5.1.6"
-  }
-}
--- a/packages/ui/postcss.config.js
+++ b/packages/ui/postcss.config.js
@ -1,9 +0,0 @@
-// If you want to use other PostCSS plugins, see the following:
-// https://tailwindcss.com/docs/using-with-preprocessors
-
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
--- a/packages/ui/src/card.tsx
+++ b/packages/ui/src/card.tsx
@ -1,30 +0,0 @@
-import * as React from "react";
-
-export function Card({
-  title,
-  children,
-  href,
-}: {
-  title: string;
-  children: React.ReactNode;
-  href: string;
-}): JSX.Element {
-  return (
-    <a
-      className="ui-group ui-rounded-lg ui-border ui-border-transparent ui-px-5 ui-py-4 ui-transition-colors hover:ui-border-neutral-700 hover:ui-bg-neutral-800/30"
-      href={`${href}?utm_source=create-turbo&utm_medium=with-tailwind&utm_campaign=create-turbo"`}
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <h2 className="ui-mb-3 ui-text-2xl ui-font-semibold">
-        {title}{" "}
-        <span className="ui-inline-block ui-transition-transform group-hover:ui-translate-x-1 motion-reduce:ui-transform-none">
-          -&gt;
-        </span>
-      </h2>
-      <p className="ui-m-0 ui-max-w-[30ch] ui-text-sm ui-opacity-50">
-        {children}
-      </p>
-    </a>
-  );
-}
--- a/packages/ui/src/index.tsx
+++ b/packages/ui/src/index.tsx
@ -1,5 +0,0 @@
-// styles
-import "./styles.css";
-
-// components
-export * from "./card";
--- a/packages/ui/src/styles.css
+++ b/packages/ui/src/styles.css
@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
--- a/packages/ui/tailwind.config.ts
+++ b/packages/ui/tailwind.config.ts
@ -1,10 +0,0 @@
-// tailwind config is required for editor support
-import type { Config } from "tailwindcss";
-import sharedConfig from "tailwind-config/tailwind.config.ts";
-
-const config: Pick<Config, "prefix" | "presets"> = {
-  prefix: "ui-",
-  presets: [sharedConfig],
-};
-
-export default config;
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/react-library.json",
-  "include": ["."],
-  "exclude": ["dist", "build", "node_modules"]
-}
--- a/packages/ui/tsup.config.ts
+++ b/packages/ui/tsup.config.ts
@ -1,13 +0,0 @@
-import { defineConfig, Options } from "tsup";
-
-export default defineConfig((options: Options) => ({
-  treeshake: true,
-  splitting: true,
-  entry: ["src/**/*.tsx"],
-  format: ["esm"],
-  dts: true,
-  minify: true,
-  clean: true,
-  external: ["react"],
-  ...options,
-}));
--- a/postcss.config.js
+++ b/postcss.config.js
@ -0,0 +1,11 @@
+let tailwindConfig = process.env.HUGO_FILE_TAILWIND_CONFIG_JS || './tailwind.config.js';
+const tailwind = require('tailwindcss')(tailwindConfig);
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+	// eslint-disable-next-line no-process-env
+	plugins: [
+		tailwind, 
+		...(process.env.HUGO_ENVIRONMENT === 'production' ? [autoprefixer] : []),
+	],
+};
--- a/scripts/finess-clean.csv
+++ b/scripts/finess-clean.csv
--- a/scripts/finess-clean.py
+++ b/scripts/finess-clean.py
@ -0,0 +1,162 @@
+# -*- coding: utf-8 -*-
+# ---
+# jupyter:
+#   jupytext:
+#     formats: ipynb,py:hydrogen
+#     text_representation:
+#       extension: .py
+#       format_name: hydrogen
+#       format_version: '1.3'
+#       jupytext_version: 1.14.1
+#   kernelspec:
+#     display_name: Python 3 (ipykernel)
+#     language: python
+#     name: python3
+# ---
+
+# %% [markdown]
+# # Production d'un csv utilisable de la base FINESS
+#
+# En l'état, l'export CSV de la [base FINESS][finess] n'est pas vraiment satisfaisant et utilisable.
+#
+# - Le fichier n'est pas réellement un CSV.
+#     - Il est bizarrement découpé en deux sections qui correspondent au XML.
+#     - Les colonnes n'ont pas de nom.
+# - Le fichier est encodé au format windows.
+#
+# [finess]: https://www.data.gouv.fr/en/datasets/finess-extraction-du-fichier-des-etablissements/
+
+# %% gradient={"editing": false, "id": "4facc182", "kernelId": ""}
+import pandas as pd
+import numpy as np
+import requests
+
+# %% gradient={"editing": false, "id": "3f7b5d32", "kernelId": ""}
+dataset_api = "https://www.data.gouv.fr/api/1/datasets/finess-extraction-du-fichier-des-etablissements/"
+
+# %% gradient={"editing": false, "id": "58d641d4", "kernelId": ""}
+resources = (requests
+    .get(dataset_api)
+    .json()
+    ['resources']
+)
+
+resource_geoloc = [ r for r in resources if r['type'] == 'main' and 'géolocalisés' in r['title']][0]
+
+# %% gradient={"editing": false, "id": "13dd939b", "kernelId": ""}
+headers = [
+    'section',
+    'nofinesset',
+    'nofinessej',
+    'rs',
+    'rslongue',
+    'complrs',
+    'compldistrib',
+    'numvoie',
+    'typvoie',
+    'voie',
+    'compvoie',
+    'lieuditbp',
+    'commune',
+    'departement',
+    'libdepartement',
+    'ligneacheminement',
+    'telephone',
+    'telecopie',
+    'categetab',
+    'libcategetab',
+    'categagretab',
+    'libcategagretab',
+    'siret',
+    'codeape',
+    'codemft',
+    'libmft',
+    'codesph',
+    'libsph',
+    'dateouv',
+    'dateautor',
+    'maj',
+    'numuai'
+]
+
+# %% gradient={"editing": false, "id": "b68dac89", "kernelId": ""}
+geoloc_names = [
+    'nofinesset',
+    'coordxet',
+    'coordyet',
+    'sourcecoordet',
+    'datemaj'
+]
+
+# %% gradient={"editing": false, "id": "4492d3dd", "kernelId": ""}
+raw_df = (pd
+    .read_csv(resource_geoloc['url'],
+              sep=";", encoding="utf-8", header=None, skiprows=1,
+              dtype='str',
+              names=headers)
+    .drop(columns=['section'])
+)
+
+raw_df
+
+# %% gradient={"editing": false, "id": "2efc14bc", "kernelId": ""}
+structures = (raw_df
+    .iloc[:int(raw_df.index.size/2)]
+)
+
+structures
+
+# %% gradient={"editing": false, "id": "283be3bb", "kernelId": ""}
+geolocalisations = (raw_df
+    .iloc[int(raw_df.index.size/2):]
+    .drop(columns=raw_df.columns[5:])
+    .rename(columns=lambda x: geoloc_names[list(raw_df.columns).index(x)])
+)
+
+geolocalisations
+
+# %% gradient={"editing": false, "id": "b54e527e", "kernelId": ""}
+clean_df = (structures
+    .merge(geolocalisations, on="nofinesset", how="left")
+)
+
+clean_df
+
+# %%
+clean_df.sample().T
+
+# %%
+clean_df["siret"]
+
+# %% [markdown] gradient={"editing": false, "id": "82306369-229c-418f-9138-d753e1b71ce4", "kernelId": ""}
+# ## Vérification de la qualité des données
+
+# %% gradient={"editing": false, "id": "64975e82-5f97-4bb4-b1d3-8aed85fa37cd", "kernelId": "", "source_hidden": false} jupyter={"outputs_hidden": false}
+intersection = pd.Series(np.intersect1d(structures.nofinesset.values, geolocalisations.nofinesset.values))
+
+intersection.shape
+
+# %% gradient={"editing": false, "id": "07e3c1cb-7032-4d83-833c-0979d2592f3c", "kernelId": "", "source_hidden": false} jupyter={"outputs_hidden": false}
+only_structures = (structures
+    [ ~structures.nofinesset.isin(intersection) ]
+)
+
+only_structures
+
+# %% gradient={"editing": false, "id": "cfb13e95-b622-4d89-be56-61397dc4370e", "kernelId": "", "source_hidden": false} jupyter={"outputs_hidden": false}
+only_geolocalisations = (geolocalisations
+    [ ~geolocalisations.nofinesset.isin(intersection) ]
+)
+
+only_geolocalisations
+
+# %% gradient={"editing": false, "id": "92cd9e34-74c8-454c-96d8-3c628e7b94bd", "kernelId": "", "source_hidden": false} jupyter={"outputs_hidden": false}
+geolocalisations_missing = []
+
+# %% [markdown] gradient={"editing": false, "id": "ff24d2da-6b7e-49ca-8ac9-cc1e90d32235", "kernelId": ""}
+# ## Export final
+
+# %% gradient={"editing": false, "id": "8f6f3c73-4c14-4e82-ac63-cdf9ab8e4b21", "kernelId": "", "source_hidden": false} jupyter={"outputs_hidden": false}
+clean_df.to_csv('finess-clean.csv', encoding='utf-8')
+
+# %%
--- a/scripts/finess-sisa.py
+++ b/scripts/finess-sisa.py
@ -0,0 +1,104 @@
+# import pandas with shortcut 'pd'
+import pandas as pd  
+import os
+from pyproj import Transformer, transform
+
+transformer = Transformer.from_crs(2154, 4326)
+
+headers = [
+    'section',
+    'nofinesset',
+    'nofinessej',
+    'rs',
+    'rslongue',
+    'complrs',
+    'compldistrib',
+    'numvoie',
+    'typvoie',
+    'voie',
+    'compvoie',
+    'lieuditbp',
+    'commune',
+    'departement',
+    'libdepartement',
+    'ligneacheminement',
+    'telephone',
+    'telecopie',
+    'categetab',
+    'libcategetab',
+    'categagretab',
+    'libcategagretab',
+    'siret',
+    'codeape',
+    'codemft',
+    'libmft',
+    'codesph',
+    'libsph',
+    'dateouv',
+    'dateautor',
+    'maj',
+    'numuai',
+    'coordxet',
+    'coordyet',
+    'sourcecoordet',
+    'datemaj'
+]
+
+# read_csv function which is used to read the required CSV file
+data = pd.read_csv('./finess-clean.csv', sep=",", dtype='str', names=headers)
+  
+# display 
+#print("Original 'input.csv' CSV Data: \n")
+#print(data)
+
+header_drop = [
+    'section',
+    # 'nofinesset',
+    'nofinessej',
+    #'rs',
+    #'rslongue',
+    'complrs',
+    'compldistrib',
+    'numvoie',
+    'typvoie',
+    'voie',
+    'compvoie',
+    'lieuditbp',
+    'commune',
+    #'departement',
+    'libdepartement',
+    #'ligneacheminement',
+    #'telephone',
+    'telecopie',
+    #'categetab',
+    'libcategetab',
+    'categagretab',
+    'libcategagretab',
+    #'siret',
+    'codeape',
+    'codemft',
+    'libmft',
+    'codesph',
+    'libsph',
+    'dateouv',
+    'dateautor',
+    'maj',
+    'numuai',
+    #'coordxet',
+    #'coordyet',
+    'sourcecoordet',
+    'datemaj'
+]
+
+data = data.query('categetab == "603" or categetab == "620"')
+
+# drop function which is used in removing or deleting rows or columns from the CSV files
+data.drop(header_drop, inplace=True, axis=1)
+
+def convertCoord (row):
+    row.coordxet, row.coordyet = transformer.transform(row.coordxet, row.coordyet)
+    return row
+
+data.transform(convertCoord, axis=1)
+
+data.to_json('../static/data.json', orient='values') #https://pandas.pydata.org/docs/reference/api/pandas.DataFrame.to_json.html?highlight=to_json#pandas.DataFrame.to_json
--- a/scripts/import-from-directus/index.js
+++ b/scripts/import-from-directus/index.js
@ -0,0 +1,27 @@
+import { Directus } from '@directus/sdk';
+import fs from 'fs';
+
+const directus_url = "https://formulaire.p4pillon.org"
+const directus = new Directus(directus_url);
+
+async function getMspInfo() {
+	const response = await directus.items('MSP_INFO').readByQuery({ sort: ['nofinesset']});
+  
+  return response.data
+}
+
+const mspInfo = await getMspInfo();
+const data = {}
+for (const msp of mspInfo) {
+  const nofinesset = msp.nofinesset
+  const info = msp
+  delete msp.nofinesset
+  data[nofinesset] = [
+    msp.nom,
+    msp.prenom_leader,
+    msp.nom_leader,
+    msp.avec_sante,
+    msp.accord_conventionnel_interprofessionnel,
+  ];
+}
+fs.writeFileSync('../../static/data_p4pillon.json', JSON.stringify(data, null, 2) , 'utf-8');
--- a/scripts/import-from-directus/package-lock.json
+++ b/scripts/import-from-directus/package-lock.json
@ -0,0 +1,178 @@
+{
+  "name": "directus-to-markdown",
+  "version": "0.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "directus-to-markdown",
+      "version": "0.0.0",
+      "dependencies": {
+        "@directus/sdk": "^10.3.1"
+      }
+    },
+    "../../themes/hugo-theme-lowtech/node_modules/@resilien/directus-to-markdown": {
+      "extraneous": true
+    },
+    "../../themes/hugo-theme-lowtech/node_modules/url-slug": {
+      "extraneous": true
+    },
+    "node_modules/@directus/sdk": {
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/@directus/sdk/-/sdk-10.3.1.tgz",
+      "integrity": "sha512-+FUs1kQ27dmrHbAxO+FmCmmAHZrzyyZn+cXZMCtixkeBD8KYBFM7sUKtesQskSmsp5wUksrq2L9Cm+Z93G/ONg==",
+      "dependencies": {
+        "axios": "^0.27.2"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+      "dependencies": {
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    }
+  },
+  "dependencies": {
+    "@directus/sdk": {
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/@directus/sdk/-/sdk-10.3.1.tgz",
+      "integrity": "sha512-+FUs1kQ27dmrHbAxO+FmCmmAHZrzyyZn+cXZMCtixkeBD8KYBFM7sUKtesQskSmsp5wUksrq2L9Cm+Z93G/ONg==",
+      "requires": {
+        "axios": "^0.27.2"
+      }
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+      "requires": {
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
+      }
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
+    "follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+    },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    }
+  }
+}
--- a/scripts/import-from-directus/package.json
+++ b/scripts/import-from-directus/package.json
@ -0,0 +1,10 @@
+{
+  "name": "annuaire-p4pillon",
+  "version": "0.0.0",
+  "description": "Import Directus.io to gohugo.io",
+  "main": "index.js",
+  "type": "module",
+  "dependencies": {
+    "@directus/sdk": "^10.3.1"
+  }
+}
--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>