XBPjPKA7{3a&H+~xQvr>C_A;7=JrfK~$M2pCh>|xLz>W6SCs4qC|#V`)#
z)0C|?$o>jzh<|-cpfK7osU{Xp5PG4-K+L2G=)c3f&}H&M3wo7TlO_UJjQ-Oq&_
zjAc9=nNIYz{c3zxOiS5UfcE1}8#iI4@uy;$Q7>}u`j+OU0N<*Ezx$k{x_27+{s2Eg
z`^=rhtIzCm!_UcJ?Db~Lh-=_))PT3{Q0{Mwdq;0>ZL%l3+;B&4!&xm#%HYAK|;b456Iv&&f$VQHf`
z>$*K9w8T+paVwc7fLfMlhQ4)*zL_SG{~v4QR;IuX-(oRtYAhWOlh`NLoX0k$RUYMi
z2Y!bqpdN}wz8q`-%>&Le@q|jFw92ErW-hma-le?S
z-@OZt2EEUm4wLsuEMkt4zlyy29_3S50JAcQHTtgTC{P~%-mvCTzrjXOc|{}N`Cz`W
zSj7CrXfa7lcsU0J(0uSX6G`54t^7}+OLM0n(|g4waOQ}bd3%!XLh?NX9|8G_|06Ie
zD5F1)w5I~!et7lA{G^;uf7aqT`KE&2qx9|~O;s6t!gb`+zVLJyT2T)l*8l(j
diff --git a/la-banquise/react-router.config.ts b/la-banquise/react-router.config.ts
deleted file mode 100644
index 6ff16f9..0000000
--- a/la-banquise/react-router.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { Config } from "@react-router/dev/config";
-
-export default {
- // Config options...
- // Server-side render by default, to enable SPA mode set this to `false`
- ssr: true,
-} satisfies Config;
diff --git a/la-banquise/script.js b/la-banquise/script.js
new file mode 100644
index 0000000..7988949
--- /dev/null
+++ b/la-banquise/script.js
@@ -0,0 +1,15 @@
+const tile = document.querySelectorAll("a")[0];
+const parent = tile.parentNode;
+tile.remove();
+
+const tiles = [
+ { name: "Notre wiki", href: "https://wiki.la-banquise.fr" },
+ { name: "Notre git", href: "https://git.la-banquise.fr" },
+]
+
+tiles.forEach((info) => {
+ const newTile = tile.cloneNode(true);
+ newTile.querySelectorAll("p")[0].innerHTML = info.name;
+ newTile.href = info.href;
+ parent.appendChild(newTile);
+});
diff --git a/la-banquise/src/App.css b/la-banquise/src/App.css
deleted file mode 100644
index c1506c7..0000000
--- a/la-banquise/src/App.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body {
- background: linear-gradient(#002244, #004466);
- overflow: hidden;
-}
-
diff --git a/la-banquise/src/App.jsx b/la-banquise/src/App.jsx
deleted file mode 100644
index 57f9482..0000000
--- a/la-banquise/src/App.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Iceberg from './components/Iceberg';
-
-const icebergsData = [
- { href: '/service1', top: '20%', left: '10%' },
- { href: '/service2', top: '40%', left: '70%' },
- { href: '/service3', top: '60%', left: '30%' },
- { href: '/service4', top: '75%', left: '55%' },
-];
-
-function App() {
- return (
-
- {icebergsData.map((iceberg, index) => (
-
- ))}
-
- );
-}
-
-export default App;
-
diff --git a/la-banquise/src/components/Iceberg.jsx b/la-banquise/src/components/Iceberg.jsx
deleted file mode 100644
index c10f97f..0000000
--- a/la-banquise/src/components/Iceberg.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-const Iceberg = ({ href, style }) => {
- return (
-
-
-
- );
-};
-
-export default Iceberg;
-
diff --git a/la-banquise/src/index.css b/la-banquise/src/index.css
deleted file mode 100644
index de147e5..0000000
--- a/la-banquise/src/index.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Fond océan pour l'ensemble du site */
-body {
- background: linear-gradient(180deg, #1e3c72, #2a5298);
- min-height: 100vh;
- margin: 0;
- font-family: Arial, sans-serif;
-}
-
diff --git a/la-banquise/src/index.html b/la-banquise/src/index.html
deleted file mode 100644
index de58d31..0000000
--- a/la-banquise/src/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Fond océan pour l'ensemble du site */
-body {
- background: linear-gradient(180deg, #1e3c72, #2a5298);
- min-height: 100vh;
- margin: 0;
- font-family: 'Arial', sans-serif;
-}
-
diff --git a/la-banquise/src/main.jsx b/la-banquise/src/main.jsx
deleted file mode 100644
index 7ce3ed0..0000000
--- a/la-banquise/src/main.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-// src/main.jsx
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import { BrowserRouter } from 'react-router-dom';
-import App from './App';
-import './index.css';
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-
-
-
-
-
-);
-
diff --git a/la-banquise/style.css b/la-banquise/style.css
new file mode 100644
index 0000000..c845a58
--- /dev/null
+++ b/la-banquise/style.css
@@ -0,0 +1,125 @@
+@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
+
+/* Réinitialisation et styles généraux */
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: Roboto, sans-serif;
+}
+body {
+ margin: 0;
+ padding: 30px;
+ min-height: 100vh;
+ background: linear-gradient(45deg, #001e6c, #5dadc2, #001e6c);
+ background-size: 400% 400%;
+ animation: gradient 100s ease infinite;
+}
+@keyframes gradient {
+ 0% { background-position: 0% 50%; }
+ 50% { background-position: 100% 50%; }
+ 100% { background-position: 0% 50%; }
+}
+/* Exemple de contenu */
+.content {
+ color: #fff;
+ text-align: center;
+ padding-top: 20vh;
+}
+
+h1 {
+ display: flex;
+ justify-content: center;
+}
+
+/* Style de la vague en bas de page */
+.wave {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ overflow: hidden;
+ line-height: 0;
+}
+.wave svg {
+ position: relative;
+ display: block;
+ width: calc(100% + 1.3px);
+ height: 150px;
+}
+.wave .shape-fill {
+ fill: rgba(255,255,255,0.2);
+}
+.title {
+ font-size: 2.5rem;
+ margin-bottom: 2rem;
+}
+
+/* En-tĂŞte du site */
+header {
+ text-align: center;
+ color: #fff;
+ padding: 1rem;
+}
+
+/* Container en flexbox pour agencer les éléments dans une "grid" */
+.grid-container {
+ flex: 1;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: stretch;
+ gap: 20px;
+ padding: 1rem;
+}
+
+/* Chaque élément de la grid */
+.grid-item {
+ background: rgba(255,255,255,0);
+ padding: 2px;
+ border-radius: 8px;
+ color: #fff;
+ text-align: center;
+ /* Permet de s'Ă©tendre sur au moins 300px et de grandir si besoin */
+ flex: 0 1 calc(10% - 40px); /* 3 items par ligne avec 20px de gap */
+ max-width: calc(10% - 40px);
+ box-shadow: 0 4px 6px rgba(0,0,0,0);
+ transition: transform 0.3s;
+}
+
+.grid-item:hover {
+ transform: scale(1.05);
+ background: rgba(255,255,255,0.1);
+ box-shadow: 0 4px 6px rgba(0,0,0,0.2);
+}
+
+.grid-item img,
+.grid-item svg {
+ max-width: 100%;
+ height: auto;
+ display: block;
+ margin: 0 auto 10px;
+ /* Pour donner une vue isométrique */
+ transform: rotateX(0deg) rotateZ(0deg);
+ transform-origin: center;
+}
+
+.grid-item p {
+ font-size: 1.5rem;
+ margin-top: 0rem;
+ font-weight: bold;
+}
+
+@media (max-width: 900px) {
+ .grid-item {
+ flex: 0 1 calc(25% - 40px);
+ max-width: calc(25% - 40px);
+ }
+}
+
+@media (max-width: 600px) {
+ .grid-item {
+ flex: 0 1 calc(50% - 40px);
+ max-width: calc(50% - 40px);
+ }
+}
diff --git a/la-banquise/tailwind.config.js b/la-banquise/tailwind.config.js
deleted file mode 100644
index f8262f8..0000000
--- a/la-banquise/tailwind.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
- content: [
- "./index.html",
- "./src/**/*.{js,jsx}"
- ],
- theme: {
- extend: {
- keyframes: {
- float: {
- '0%, 100%': { transform: 'translateY(0)' },
- '50%': { transform: 'translateY(-10px)' },
- },
- },
- animation: {
- float: 'float 4s ease-in-out infinite',
- },
- },
- },
- plugins: [],
-}
-
diff --git a/la-banquise/tsconfig.json b/la-banquise/tsconfig.json
deleted file mode 100644
index dc391a4..0000000
--- a/la-banquise/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "include": [
- "**/*",
- "**/.server/**/*",
- "**/.client/**/*",
- ".react-router/types/**/*"
- ],
- "compilerOptions": {
- "lib": ["DOM", "DOM.Iterable", "ES2022"],
- "types": ["node", "vite/client"],
- "target": "ES2022",
- "module": "ES2022",
- "moduleResolution": "bundler",
- "jsx": "react-jsx",
- "rootDirs": [".", "./.react-router/types"],
- "baseUrl": ".",
- "paths": {
- "~/*": ["./app/*"]
- },
- "esModuleInterop": true,
- "verbatimModuleSyntax": true,
- "noEmit": true,
- "resolveJsonModule": true,
- "skipLibCheck": true,
- "strict": true
- }
-}
diff --git a/la-banquise/vite.config.ts b/la-banquise/vite.config.ts
deleted file mode 100644
index 0087b50..0000000
--- a/la-banquise/vite.config.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import Pages from 'vite-plugin-pages';
-
-export default defineConfig({
- plugins: [
- react(),
- // Plugin pour générer automatiquement les routes basées sur les fichiers dans src/pages
- Pages({
- extensions: ['jsx', 'tsx'], // Extensions reconnues pour les pages
- // Vous pouvez ajouter d'autres options ici (path route, etc.)
- })
- ]
-});
-
- 
-