diff --git a/src/assets/edp.png b/src/assets/edp.png new file mode 100644 index 0000000..fccb992 Binary files /dev/null and b/src/assets/edp.png differ diff --git a/src/assets/index/script.js b/src/assets/index/script.js index fac96d4..9fca569 100644 --- a/src/assets/index/script.js +++ b/src/assets/index/script.js @@ -23,8 +23,8 @@ document.addEventListener('DOMContentLoaded', function() { const partenaires = [ { logo: "assets/Nathxn_Azuur.png", lien: "https://nathxnazuur.fr/"}, - { logo: "assets/logo_iptron.png", lien: "https://iptron.xyz" }, { logo: "assets/logo_cloud.png", lien: "https://cryptdev.fr" }, + { logo: "assets/logo-elxcloud.png", lien: "https://client.elxcloud.fr"}, ]; const img = document.querySelector(".diapo img"); @@ -333,6 +333,23 @@ async function fetchActivity() { document.addEventListener('DOMContentLoaded', fetchActivity); + document.addEventListener('DOMContentLoaded', function () { + const assoBtn = document.getElementById('asso-toggle-btn'); + const assoMore = document.getElementById('asso-more'); + if (!assoBtn || !assoMore) return; + + assoBtn.addEventListener('click', function () { + const isOpen = assoMore.classList.toggle('open'); + assoBtn.classList.toggle('open', isOpen); + const label = assoBtn.querySelector('.asso-toggle-text'); + if (label) { + label.textContent = isOpen + ? assoBtn.dataset.labelClose + : assoBtn.dataset.labelOpen; + } + }); + }); + document.addEventListener('DOMContentLoaded', function () { const wrapper = document.getElementById('apropos-video-wrapper'); const video = document.getElementById('apropos-video'); diff --git a/src/assets/index/style.css b/src/assets/index/style.css index 7311f91..d276846 100644 --- a/src/assets/index/style.css +++ b/src/assets/index/style.css @@ -29,6 +29,7 @@ M M A A X X LLLLL W W A A R R EEEEE font-family: var(--police-big), var(--police); color: var(--light); line-height: 1.6; + overflow-x: hidden; } a { @@ -391,6 +392,189 @@ M M A A X X LLLLL W W A A R R EEEEE flex-shrink: 0; } +.asso-timeline { + position: relative; +} + +.asso-item { + display: flex; + gap: 1.2rem; +} + +.asso-line-wrap { + display: flex; + flex-direction: column; + align-items: center; + width: 14px; + flex-shrink: 0; +} + +.asso-dot { + width: 12px; + height: 12px; + margin-top: 8px; + border-radius: 50%; + background: #444; + box-shadow: 0 0 0 3px #17171e; + flex-shrink: 0; + transition: background 0.2s ease, box-shadow 0.2s ease; +} + +.asso-item[data-status="active"] .asso-dot { + background: #4caf50; + box-shadow: 0 0 0 3px #17171e, 0 0 8px rgba(76, 175, 80, 0.55); +} + +.asso-featured .asso-dot { + background: var(--secondary); + box-shadow: 0 0 0 3px #17171e, 0 0 10px rgba(157, 80, 187, 0.6); +} + +.asso-line { + width: 2px; + flex: 1; + min-height: 32px; + margin-top: 4px; + background: linear-gradient(180deg, var(--primary), #242430); +} + +.asso-item:last-child .asso-line { + display: none; +} + +.asso-card { + flex: 1; + background: #13131a; + border: 1px solid #222; + border-radius: 6px; + padding: 1.2rem 1.4rem; + margin-bottom: 1.6rem; + transition: border-color 0.2s ease; +} + +.asso-featured .asso-card { + border-color: var(--primary); + box-shadow: 0 0 0 1px var(--primary) inset; +} + +.asso-card:hover { + border-color: #444; +} + +.asso-card-top { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.8rem; + margin-bottom: 0.5rem; +} + +.asso-period { + font-family: 'Syne Mono', monospace; + font-size: 0.78rem; + color: #888; + letter-spacing: 1px; +} + +.asso-badge { + font-family: 'Syne Mono', monospace; + font-size: 0.7rem; + color: #888; + background: #1c1c1c; + padding: 2px 8px; + border-radius: 3px; + border: 1px solid #333; + white-space: nowrap; +} + +.asso-badge.active { + color: #4caf50; + border-color: #2a4a2a; + background: #0d1f0d; +} + +.asso-name-row { + display: flex; + align-items: center; + gap: 0.7rem; + margin-bottom: 0.4rem; +} + +.asso-logo { + width: 38px; + height: 38px; + border-radius: 50%; + object-fit: cover; + flex-shrink: 0; + background: #1c1c1c; + border: 1px solid #2a2a33; +} + +.asso-logo-fallback { + display: flex; + align-items: center; + justify-content: center; + font-family: 'Syne Mono', monospace; + font-size: 0.72rem; + font-weight: 700; + letter-spacing: 0.5px; + color: var(--light); + background: linear-gradient(135deg, var(--primary), var(--secondary)); +} + +.asso-name { + margin: 0; + font-size: 1.1rem; + color: var(--light); +} + +.asso-desc { + margin: 0; + font-size: 0.9rem; + color: #999; + line-height: 1.5; +} + +.asso-more { + overflow: hidden; + max-height: 0; + transition: max-height 0.5s ease; +} + +.asso-more.open { + max-height: 1200px; +} + +.asso-toggle-btn { + display: flex; + align-items: center; + gap: 0.6rem; + background: #13131a; + border: 1px solid #222; + color: #aaa; + font-family: 'Syne Mono', monospace; + font-size: 0.85rem; + letter-spacing: 0.5px; + padding: 0.6rem 1.2rem; + border-radius: 6px; + cursor: pointer; + transition: all 0.2s ease; +} + +.asso-toggle-btn:hover { + border-color: #444; + color: var(--light); +} + +.asso-toggle-icon { + display: inline-block; + transition: transform 0.3s ease; +} + +.asso-toggle-btn.open .asso-toggle-icon { + transform: rotate(180deg); +} + .apropos-content { display: grid; diff --git a/src/assets/logo-elxcloud.png b/src/assets/logo-elxcloud.png new file mode 100644 index 0000000..f8c6962 Binary files /dev/null and b/src/assets/logo-elxcloud.png differ diff --git a/src/assets/logo_iptron.png b/src/assets/logo_iptron.png deleted file mode 100644 index 2f0fb41..0000000 Binary files a/src/assets/logo_iptron.png and /dev/null differ diff --git a/src/en_en.html b/src/en_en.html index 205f076..e9956aa 100644 --- a/src/en_en.html +++ b/src/en_en.html @@ -163,10 +163,106 @@

Zyntra

-
+
+

Associations & companies_

+

Where I'm involved, outside of my personal projects.

+
+ +
+ + + +
+ +
+
+
+
+
+
+
+ Since March 2026 + Current +
+
+ +

Moeworth Studios

+
+

A collective creating Minecraft, Roblox, and ETS2 mods.

+
+
+ +
+
+
+
+
+
+
+ Since February 2025 + Current +
+
+ +

Ecole Directe Plus (Association)

+
+

EDP enhances EcoleDirecte with a modern, intuitive interface and exclusive features, all for free and as free, open-source software.

+
+
+ +
+
+
+
+
+
+
+ Between January 2024 and February 2025 + Ended +
+
+ +

Lumen (Association) - Ticket.sys

+
+

Discord bot

+
+
+ +
+
+ + +
+
+ +
+ +
+
+
+

Stack_

The tools I build with.

@@ -213,7 +309,7 @@

[ Other ]

- +

Activity_

My local time and what I am currently working on.

diff --git a/src/fr_fr.html b/src/fr_fr.html index f1401f3..c543af3 100644 --- a/src/fr_fr.html +++ b/src/fr_fr.html @@ -37,8 +37,8 @@ Partenaire
- - Partenaire + + Partenaire
@@ -163,10 +163,106 @@

Zyntra

-
+
+

Associations & entreprises_

+

Où je m'implique, en dehors de mes projets perso.

+
+ +
+ + + +
+ +
+
+
+
+
+
+
+ Depuis Mars 2026 + Actuel +
+
+ +

Moeworth Studios

+
+

Association de création de mods Minecraft, Roblox, ETS2.

+
+
+ +
+
+
+
+
+
+
+ Depuis Février 2025 + Actuel +
+
+ +

Ecole Directe Plus (Association)

+
+

EDP augmente EcoleDirecte, avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives, le tout de façon gratuite, libre et open-source.

+
+
+ +
+
+
+
+
+
+
+ Entre Janvier 2024 et Février 2025 + Terminé +
+
+ +

Lumen (Association) - Ticket.sys

+
+

Bot Discord

+
+
+ +
+
+ + +
+
+ +
+ +
+
+
+

Stack_

Les outils avec lesquels je construis.

@@ -213,7 +309,7 @@

[ Autre ]

- +

Activité_

Mon heure locale et ce sur quoi je travaille.

@@ -273,6 +369,8 @@

Activité_

+ Maxlware footer + diff --git a/src/version.html b/src/version.html index c1de9ff..1b0abfa 100644 --- a/src/version.html +++ b/src/version.html @@ -21,10 +21,10 @@
- Version v22 - Updated on 15-07-2026 - Branch: feature/bug/v22 - Pull request: #21 + Version v23 + Updated on 25-07-2026 + Branch: feature/bug/v23 + Pull request: #22