diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 6f3a291..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "liveServer.settings.port": 5501
-}
\ No newline at end of file
diff --git a/assets/style.css b/assets/style.css
index fd213bf..7a99f10 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -306,7 +306,7 @@ footer{
grid-column-gap: 2em;
grid-template-rows: auto auto 1fr;
break-inside: avoid;
- margin-bottom: 2.8em;
+ margin-bottom: 3em;
}
.portfolio-group figure{
@@ -314,7 +314,7 @@ footer{
grid-row: 1/4;
margin: 0;
border: 1px solid #cfcfcf;
- aspect-ratio: 8/5;
+ aspect-ratio: 5/3;
overflow: hidden;
}
@@ -362,7 +362,3 @@ footer{
}
-
-#wysiwyg img{
- object-position: 0px 0px;
-}
\ No newline at end of file
diff --git a/images/TMNLab.png b/images/TMNLab.png
index 80d6f69..74abb45 100644
Binary files a/images/TMNLab.png and b/images/TMNLab.png differ
diff --git a/images/Timothee_small.jpg b/images/Timothee_small.jpg
deleted file mode 100644
index 0e6563a..0000000
Binary files a/images/Timothee_small.jpg and /dev/null differ
diff --git a/images/acau.png b/images/acau.png
index ff20504..6f2d540 100644
Binary files a/images/acau.png and b/images/acau.png differ
diff --git a/images/actuel-inactuel.png b/images/actuel-inactuel.png
index d2e03ef..fbdcdde 100644
Binary files a/images/actuel-inactuel.png and b/images/actuel-inactuel.png differ
diff --git a/images/chromobase.png b/images/chromobase.png
index 1fc1452..0b524a3 100644
Binary files a/images/chromobase.png and b/images/chromobase.png differ
diff --git a/images/cultures-visuelles.png b/images/cultures-visuelles.png
index e7f2dd6..36c655d 100644
Binary files a/images/cultures-visuelles.png and b/images/cultures-visuelles.png differ
diff --git a/images/design-to-pack.jpg b/images/design-to-pack.jpg
new file mode 100644
index 0000000..ea1c88c
Binary files /dev/null and b/images/design-to-pack.jpg differ
diff --git a/images/design-to-pack.png b/images/design-to-pack.png
deleted file mode 100644
index 6a02fc4..0000000
Binary files a/images/design-to-pack.png and /dev/null differ
diff --git a/images/encoreheureux.png b/images/encoreheureux.png
deleted file mode 100644
index 9ac6f5c..0000000
Binary files a/images/encoreheureux.png and /dev/null differ
diff --git a/images/flaash-thematiques.png b/images/flaash-thematiques.png
deleted file mode 100644
index ebdb240..0000000
Binary files a/images/flaash-thematiques.png and /dev/null differ
diff --git a/images/gms-analytics.png b/images/gms-analytics.png
deleted file mode 100644
index f2be230..0000000
Binary files a/images/gms-analytics.png and /dev/null differ
diff --git a/images/gms.png b/images/gms.png
index 23479b2..9ee160f 100644
Binary files a/images/gms.png and b/images/gms.png differ
diff --git a/images/noranim.png b/images/noranim.png
deleted file mode 100644
index e71f9fc..0000000
Binary files a/images/noranim.png and /dev/null differ
diff --git a/images/ntbesancon.png b/images/ntbesancon.png
deleted file mode 100644
index 2f542c5..0000000
Binary files a/images/ntbesancon.png and /dev/null differ
diff --git a/images/ntbesancon_calendrier.png b/images/ntbesancon_calendrier.png
deleted file mode 100644
index a8e64d1..0000000
Binary files a/images/ntbesancon_calendrier.png and /dev/null differ
diff --git a/images/ramel-luzoir.png b/images/ramel-luzoir.png
deleted file mode 100644
index 0b01c42..0000000
Binary files a/images/ramel-luzoir.png and /dev/null differ
diff --git a/images/rediriger.png b/images/rediriger.png
deleted file mode 100644
index ba336f9..0000000
Binary files a/images/rediriger.png and /dev/null differ
diff --git a/images/timelure-68.png b/images/timelure-68.png
deleted file mode 100644
index 9939d41..0000000
Binary files a/images/timelure-68.png and /dev/null differ
diff --git a/images/timelure-home.png b/images/timelure-home.png
deleted file mode 100644
index d65e69f..0000000
Binary files a/images/timelure-home.png and /dev/null differ
diff --git a/images/timelure-responsive.jpg b/images/timelure-responsive.jpg
deleted file mode 100644
index 0b163d1..0000000
Binary files a/images/timelure-responsive.jpg and /dev/null differ
diff --git a/images/vernacular.png b/images/vernacular.png
deleted file mode 100644
index 9834c6c..0000000
Binary files a/images/vernacular.png and /dev/null differ
diff --git a/index.html b/index.html
index a85153d..2451dae 100644
--- a/index.html
+++ b/index.html
@@ -16,8 +16,8 @@
@@ -27,7 +27,7 @@
@@ -43,9 +43,10 @@
développe une approche formelle et technique qui concilie
ergonomie, sobriété, accessibilité et respect de la vie
privée.
-
-
Nous privilégions les projets ouverts et engagés, avec une forte
- culture du ogiciel libre et de l’open source.
+
Nous sommes spécialisés dans la publication à source unique en
+ web-to-print. Nous privilégions les projets ouverts
+ et engagés, avec une forte culture du logiciel libre et de l’open
+ source.
Équipe
@@ -74,308 +75,18 @@
développement back-end et la maintenance du
projet.
Adrien étudie, enseigne et pratique la philosophie, le design et
- le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et
+ le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et
à Paris 1.
Sélection de projets
-
-
WYSIWYG
-
Projet de recherche sur l’évolution des logiciels de graphisme en
- Suisse et en France (1980 - aujourd’hui).
- Julien Bidoret, Lola Duval et l’équipe des Rencontres de Lure
-
-
-
-
- Date
-
-
- 2022
-
-
-
-
Chromobase
-
Base de données du projet ERC Chromotope qui
- explore l’impact culturel de l’apparition de la couleur dans
- l’industrie dans les années 1850. Comprend des
- fonctionnalités avancées de navigation, recherche et tri des
- contenus.
+
Base de données du projet ERC Chromotope qui explore l’impact
+ culturel de l’apparition de la couleur dans l’industrie dans les
+ années 1850.
.
@@ -410,7 +121,7 @@
Prestation(s)
- Design et développement front-end
+ Design, front-end
@@ -434,7 +145,7 @@
RésIn
Plateforme pour un réseau d’ingénieur·es dans la recherche, avec
- système de filtres croisés.
+ système de filtres croisés
.
@@ -469,7 +180,7 @@
Prestation(s)
- Design et développement front-end
+ Design, développement front-end
@@ -482,405 +193,13 @@
-
-
médialab
-
Laboratoire interdisciplinaire qui interroge les relations entre
- le numérique et nos sociétés. Un site web sans images et sans
- Javascript.
Plateforme complète de gestion de projets de création de flacons
de parfum. L’interface permet de collaborer du brief aux produits
- finis, en passant par les vues 3D interactives.
+ finis, en passant par les vues 3D interactives.
-
+ .
@@ -929,7 +248,7 @@
Game Management System
-
Plateforme sur-mesure dédiée à la conception et à la
+
Back-office sur-mesure dédié à la conception et à la
planification de parties de divers jeux en ligne.
STUDIO VARIABLE
SAS, société par actions simplifiée au capital social de 1 200,00
diff --git a/src/approche-studio.md b/src/approche-studio.md
index ef4ac34..8454d5d 100644
--- a/src/approche-studio.md
+++ b/src/approche-studio.md
@@ -1,6 +1,8 @@
## Notre studio et son approche
Nos interventions se concentrent sur une double approche, à la fois graphique et technique, pensée comme un tout cohérent. Nous concevons le design non pas comme une couche séparée mais comme un travail mené directement dans le code, afin que chaque choix esthétique s’accompagne d’une réflexion technique et ergonomique. Les premiers prototypes seront donc réalisés en HTML et CSS, pour permettre de valider rapidement des maquettes fonctionnelles, accessibles et déjà proches de la version finale. Cette méthode réduit les écarts entre intention et réalisation, et permet d’intégrer dès le départ nos principes d’écoconception et d’accessibilité.
+copie de ce repo.
+
Notre façon de travailler repose sur des **allers-retours réguliers** avec vous. Nous définirons des étapes intermédiaires pour valider les choix au fur et à mesure, plutôt que de tout livrer en une fois. Cela permet d’ajuster le projet en fonction de vos retours et des contraintes qui pourraient émerger.
Notre force réside dans la complémentarité de nos profils : designers et développeur·ses à la fois, nous avons l’habitude de traverser les deux champs de compétences et de **faire dialoguer les logiques formelles et techniques**. En tant que studio, nous défendons une approche sur-mesure, attentive aux usages concrets, à la sobriété des moyens employés et au respect de la vie privée. Cette philosophie guidera l’ensemble de notre intervention : un site léger, lisible et durable.
diff --git a/src/equipe.md b/src/equipe.md
index fe9de77..f94801f 100644
--- a/src/equipe.md
+++ b/src/equipe.md
@@ -20,9 +20,9 @@ Julie est designer, développeuse et chercheuse. Elle a co-fondé le studio Vari
Développeur full-stack, spécialisé en design et développement de back-office et d'interactions front-end, Adrien assurera le **développement back-end et la maintenance** du projet.
-Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et à Paris 1.
+Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et à Paris 1.
+
-
diff --git a/src/files.yaml b/src/files.yaml
index c40e3df..3c5d2ff 100644
--- a/src/files.yaml
+++ b/src/files.yaml
@@ -6,21 +6,16 @@ input-files:
# - src/livrables.md
- src/equipe.md
- src/portfolio-introduction.md
- - src/portfolio-1img/wysiwyg.md
- - src/portfolio-1img/acau.md
- - src/portfolio-1img/esaj.md
- - src/portfolio-1img/ntbesancon.md
- - src/portfolio-1img/timelure.md
- src/portfolio-1img/chromobase.md
- src/portfolio-1img/resin.md
- - src/portfolio-1img/medialab.md
- - src/portfolio-1img/cultures-visuelles.md
- - src/portfolio-1img/actuel-inactuel.md
- - src/portfolio-1img/flaash.md
- - src/portfolio-1img/actuel-inactuel.md
- - src/portfolio-1img/heroines.md
- - src/portfolio-1img/decarb-one.md
- src/portfolio-1img/design-to-pack.md
- src/portfolio-1img/gms.md
- src/portfolio-1img/tmn-lab.md
- - src/details.md
+ - src/portfolio-1img/wysiwyg.md
+ - src/portfolio-1img/medialab.md
+ - src/portfolio-1img/cultures-visuelles.md
+ # - src/portfolio-1img/actuel-inactuel.md
+ #- src/portfolio-1img/heroines.md
+ - src/portfolio-1img/acau.md
+ - src/portfolio-1img/decarb-one.md
+ - src/details.md
\ No newline at end of file
diff --git a/src/meta.yaml b/src/meta.yaml
index 2d4eccd..aed5985 100644
--- a/src/meta.yaml
+++ b/src/meta.yaml
@@ -1,8 +1,8 @@
---
title: "Studio Variable"
baseline: "Design × code | studio-variable.com"
-client: "Portfolio CEAAC"
-date: "12 février 2026"
+client: "Portfolio CERAMIQ+"
+date: "2 février 2026"
contact: "contact@studio-variable.com"
-footer: "Studio Variable – Portfolio CEAAC"
+footer: "Studio Variable – Portfolio CERAMIQ+"
---
\ No newline at end of file
diff --git a/src/note-intention.md b/src/note-intention.md
index 27e370a..90d1d2a 100644
--- a/src/note-intention.md
+++ b/src/note-intention.md
@@ -4,7 +4,7 @@ Notre intervention se concentre sur une double approche, à la fois graphique et
**Sur le plan graphique**, nous portons une attention particulière à la lisibilité et à l’harmonisation des contenus. L’hétérogénéité des profils proposés dans l’annuaire (parfois très succincts, parfois très denses) sera prise en compte pour construire des pages qui restent esthétiques et équilibrées. Nous privilégions **une esthétique sobre, sur mesure, où la typographie et les contrastes assurent une hiérarchie claire**, afin d’éviter les ruptures visuelles dans l’annuaire. L’arbre des compétences, qui constitue un outil central de navigation et de recherche, fera l’objet d’une refonte spécifique : nous souhaitons en améliorer la lisibilité et l’exploration, en le rendant plus visible et plus interactif, tout en veillant à une utilisation fluide sur mobile comme sur ordinateur. Notre objectif est de concevoir une interface qui mette en valeur les compétences et facilite réellement la recherche dans l’annuaire, sans surcharge graphique inutile.
-**Sur le plan technique**, nous proposons une architecture simple : **HTML, SCSS et JavaScript vanilla**, complétés si nécessaire par une librairie légère comme Alpine.js pour la recherche réactive. Cette sobriété garantit la compatibilité avec la licence libre du projet, facilite la maintenance et limite l’empreinte écologique du site. Nous travaillerons à partir de l’existant, que ce soit le code ou l’image Docker déjà utilisée, et nous engageons à adapter nos développements à vos contraintes sans surcomplexification. En fonction de vos préférences, nous travaillerons soit sur une branche du dépôt Git existant soit sur une copie de ce repo.
+**Sur le plan technique**, nous proposons une architecture simple : **HTML, SCSS et JavaScript vanilla**, complétés si nécessaire par une librairie légère comme Alpine.js pour la recherche réactive. Cette sobriété garantit la compatibilité avec la licence libre du projet, facilite la maintenance et limite l’empreinte écologique du site. Nous travaillerons à partir de l’existant, que ce soit le code ou l’image Docker déjà utilisée, et nous engageons à adapter nos développements à vos contraintes sans surcomplexification. En fonction de vos préférence, nous travaillerons soit sur une branch du dépôt Git existant soit sur une copie de ce repo.
Notre façon de travailler repose sur des **allers-retours réguliers** avec vous : nous définirons des étapes intermédiaires pour valider les choix au fur et à mesure, plutôt que de tout livrer en une fois. Cela permet d’ajuster le projet en fonction de vos retours et des contraintes qui pourraient émerger.
diff --git a/src/portfolio-1img/acau.md b/src/portfolio-1img/acau.md
index 9967410..8400d34 100644
--- a/src/portfolio-1img/acau.md
+++ b/src/portfolio-1img/acau.md
@@ -7,7 +7,7 @@ Site vitrine pour l’Agence Coopérative Architectes Urbanistes.
diff --git a/src/portfolio-1img/chromobase.md b/src/portfolio-1img/chromobase.md
index 7c138b7..8e118fd 100644
--- a/src/portfolio-1img/chromobase.md
+++ b/src/portfolio-1img/chromobase.md
@@ -1,6 +1,6 @@
# Chromobase
-**Base de données** du projet ERC Chromotope qui explore l'impact culturel de l’apparition de la couleur dans l’industrie dans les années 1850. Comprend des **fonctionnalités avancées de navigation, recherche et tri des contenus**.
+Base de données du projet ERC Chromotope qui explore l'impact culturel de l’apparition de la couleur dans l’industrie dans les années 1850.
@@ -20,7 +20,7 @@
Prestation(s)
-
Design et développement front-end
+
Design, front-end
Partenaire(s)
diff --git a/src/portfolio-1img/cultures-visuelles.md b/src/portfolio-1img/cultures-visuelles.md
index c92e617..57a4f2e 100644
--- a/src/portfolio-1img/cultures-visuelles.md
+++ b/src/portfolio-1img/cultures-visuelles.md
@@ -1,6 +1,6 @@
# Cultures visuelles
-Plateforme collaborative pour le programme de recherche, intégrant une interface graphique en front-end pour l’édition du contenu.
+Plateforme collaborative pour le programme de recherche, intégrant une interface graphique en front-end pour l’édition du contenu.
diff --git a/src/portfolio-1img/decarb-one.md b/src/portfolio-1img/decarb-one.md
index bc92695..05d7902 100644
--- a/src/portfolio-1img/decarb-one.md
+++ b/src/portfolio-1img/decarb-one.md
@@ -1,6 +1,6 @@
# Decarb.one
-Site **éco-conçu** pour une agence de relations presse et de communication responsable.
+Site vitrine pour l’agence de relations presse et de communication, decarb.one qui raconte un monde décarboné.
diff --git a/src/portfolio-1img/design-to-pack.md b/src/portfolio-1img/design-to-pack.md
index 3cb2aa9..075d943 100644
--- a/src/portfolio-1img/design-to-pack.md
+++ b/src/portfolio-1img/design-to-pack.md
@@ -1,8 +1,8 @@
# Design to Pack
-Plateforme complète de gestion de projets de création de flacons de parfum. L'interface permet de collaborer du brief aux produits finis, en passant par les **vues 3D interactives**.
+Plateforme complète de gestion de projets de création de flacons de parfum. L'interface permet de collaborer du brief aux produits finis, en passant par les vues 3D interactives.
-
+
diff --git a/src/portfolio-1img/esaj.md b/src/portfolio-1img/esaj.md
deleted file mode 100644
index c936967..0000000
--- a/src/portfolio-1img/esaj.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# ESAJ
-
-Site vitrine pour l'École supérieure d'Architecture des Jardins, avec programmes des formations, formulaire de contact et actualités.
-
-
-
-
diff --git a/src/portfolio-1img/gms.md b/src/portfolio-1img/gms.md
index 6ba6061..e529252 100644
--- a/src/portfolio-1img/gms.md
+++ b/src/portfolio-1img/gms.md
@@ -1,6 +1,6 @@
# Game Management System
-Plateforme sur-mesure dédiée à la conception et à la planification de parties de divers jeux en ligne.
+Back-office sur-mesure dédié à la conception et à la planification de parties de divers jeux en ligne.
diff --git a/src/portfolio-1img/heroines.md b/src/portfolio-1img/heroines.md
index f939c93..9c22006 100644
--- a/src/portfolio-1img/heroines.md
+++ b/src/portfolio-1img/heroines.md
@@ -20,7 +20,7 @@ Publication du groupe de recherche de La Fémis à propos de la figure du héros
Prestation(s)
-
Design et développement full-stack
+
Design, développement full-stack
-Nous privilégions les projets ouverts et engagés, avec une forte culture du ogiciel libre et de l’open source.
\ No newline at end of file
+Nous sommes spécialisés dans la publication à source unique en **web-to-print**. Nous privilégions les projets ouverts et engagés, avec une forte culture du logiciel libre et de l’open source.
\ No newline at end of file
-
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
+ 
@@ -993,7 +312,7 @@
URL