(null);
+
+ // FAQ items for the about section
+ const faqItems = useMemo(() => [
+ {
+ question: "Qui sommes-nous ?",
+ answer: (
+ <>
+ La Banquise est une initiative d'étudiants de l'EPITA Lyon dont l'objectif est de rendre plus accessible l'hébergement de services informatiques. Fondée en 2023, notre association à but non lucratif vise à permettre à ceux qui le souhaitent de se former sur des technologies d'hébergement et de réseau.
+ Notre équipe est composée d'étudiants passionnés par l'informatique, le réseau et le partage de connaissances. Nous mettons notre expertise au service des étudiants et des associations de l'EPITA.
+
+ )
+ },
+ {
+ question: "Comment candidater pour rejoindre La Banquise ?",
+ answer: (
+ <>
+ Pour rejoindre notre équipe, rien de plus simple :
+
+ Rejoignez notre serveur Discord
+ Présentez-vous et expliquez votre motivation dans un ticket
+ Précisez vos compétences ou les domaines qui vous intéressent
+ Un membre de notre équipe vous contactera pour un échange
+
+ Nous recherchons des personnes motivées, peu importe votre niveau technique actuel !
+
+ Rejoindre le Discord
+
+ )
+ },
+ {
+ question: "Quels sont nos objectifs ?",
+ answer: (
+ <>
+ Nos principaux objectifs sont :
+
+ Former les étudiants aux technologies d'hébergement et de réseau
+ Fournir des services informatiques de qualité aux étudiants et associations de l'EPITA
+ Promouvoir le partage de connaissances et l'entraide
+ Créer un environnement d'apprentissage pratique par l'expérience
+ Maintenir une infrastructure robuste et sécurisée
+
+
+ )
+ },
+ {
+ question: "Comment utiliser nos services ?",
+ answer: (
+ <>
+ Pour accéder à nos services :
+
+ Créez un compte sur notre plateforme d'authentification
+ Connectez-vous au service souhaité avec vos identifiants
+ Consultez notre Wiki pour obtenir de l'aide sur l'utilisation de chaque service
+
+ Si vous rencontrez des difficultés, n'hésitez pas à demander de l'aide sur notre Discord.
+
+ Créer un compte
+
+ )
+ },
+ {
+ question: "Comment contribuer au projet ?",
+ answer: (
+ <>
+ Il existe plusieurs façons de contribuer au projet La Banquise :
+
+ Rejoindre l'équipe en tant que membre actif
+ Contribuer au code source de nos projets via Gitea
+ Rédiger ou améliorer la documentation sur notre Wiki
+ Proposer de nouvelles idées de services ou d'améliorations
+ Aider d'autres utilisateurs sur notre Discord
+
+ Toutes les contributions sont les bienvenues, même les plus modestes !
+
+ )
+ },
+ ], []);
+
+ const toggleAccordion = (index: number) => {
+ setActiveAccordion(activeAccordion === index ? null : index);
+ };
+
+ return (
+
+
Passer au contenu principal
+
+
+
+
+
+ {renderBubbles}
+
+
+
+
+
+
+
Association La Banquise
+
+ Association d'hébergement et lab réseau pour tous les étudiants et associations de l'EPITA
+
+
+
+
+
+
+ Notre infrastructure
+
+ Des services robustes et sécurisés pour répondre à vos besoins
+
+
+
+
+
+
+
Serveurs performants
+
+ Infrastructure optimisée pour assurer des performances élevées et une disponibilité maximale de vos applications
+
+
+
+
+
+
+
Stockage sécurisé
+
+ Solutions de stockage distribuées avec redondance pour garantir l'intégrité et la durabilité de vos données
+
+
+
+
+
+
+
Réseau optimisé
+
+ Architecture réseau à haute disponibilité avec une faible latence pour vos applications critiques
+
+
+
+
+
+
+
Sécurité renforcée
+
+ Protection contre les menaces avec systèmes de sécurité modernes et mises à jour régulières
+
+
+
+
+
+
+ Nos services
+
+ Explorez notre écosystème de services conçus pour répondre à vos besoins.
+
+
+
+
+
+
+
+ À propos de nous
+
+ Découvrez notre mission et posez-nous vos questions
+
+
+
+
+
+
+
+
+ La Banquise est une association étudiante dédiée à l'hébergement de services et à la formation sur les technologies réseau, au service de la communauté EPITA.
+
+
+
+ {faqItems.map((item, index) => (
+
+
toggleAccordion(index)}
+ role="button"
+ aria-expanded={activeAccordion === index}
+ aria-controls={`accordion-content-${index}`}
+ tabIndex={0}
+ onKeyPress={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ toggleAccordion(index);
+ }
+ }}
+ >
+ {item.question}
+
+
+ {item.answer}
+
+
+ ))}
+
+
+
+ {selectedService !== null && (
+
+ )}
+
+
+
const banquise = new ServerInfra();
+
banquise.deploy('wiki');
+
banquise.deploy('gitea');
+
banquise.optimize();
+
banquise.monitor();
+
+
+
+
+
+
+
+ ,
+)
diff --git a/banquise-website/src/vite-env.d.ts b/banquise-website/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/banquise-website/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
-
-
diff --git a/la-banquise/index.html b/la-banquise/index.html
deleted file mode 100644
index 9ce3aed..0000000
--- a/la-banquise/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- La Banquise
- La Banquise
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/la-banquise/script.js b/la-banquise/script.js
deleted file mode 100644
index 5bb84d8..0000000
--- a/la-banquise/script.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const tile = document.querySelectorAll(".grid-container > *")[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" },
- { name: "Panel jeux", href: "https://panel.la-banquise.fr" },
- { name: "Discord", href: "https://discord.gg/QQWwzX5ptY" },
- { name: "Login", href: "https://auth.la-banquise.fr" },
- { name: "Change password", href: "https://ssp.la-banquise.fr" },
-]
-
-tiles.forEach((info) => {
- const newTile = tile.cloneNode(true);
- newTile.querySelectorAll(".item-name").forEach((el) => {
- el.innerText = info.name;
- });
- newTile.href = info.href;
- parent.appendChild(newTile);
-});
-
diff --git a/la-banquise/style.css b/la-banquise/style.css
deleted file mode 100644
index 2feae16..0000000
--- a/la-banquise/style.css
+++ /dev/null
@@ -1,136 +0,0 @@
-@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');
-
-* {
- 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%;
- }
-}
-
-h1.title {
- display: flex;
- justify-content: center;
-}
-
-.hidden {
- visibility: hidden;
-}
-
-/* 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 object {
- 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);
- }
-}
\ No newline at end of file