---
navigation: true
title: Lumeex
main:
  fluid: false
---
:ellipsis{left=0px width=40rem top=10rem blur=140px}

<div align="center">
  <img src="https://git.djeex.fr/Djeex/lumeex/raw/branch/main/illustration/logo.svg" alt="Lumeex Screenshot" width="300"/>
</div>
<p/>
<div align="center">
<p>Yet another minimalist, lightweight photo gallery static site generator.</p>
</div>
</p>
<div align="center">
  <img src="https://git.djeex.fr/Djeex/lumeex/raw/branch/main/illustration/lumeex.png" alt="Lumeex Screenshot" />
</div>
---

Amateur de photographie, j'ai passé plusieurs semaines à chercher un framework avec une galerie photo qui rende mieux qu'Instagram. Je souhaitais quelque chose qui mette en avant les photos plutot que l'auteur, et qui rend chaque visite unique en rendant le chargement des photos aleatoire. Tout en pouvant filtrer et trier par tag ou association de tag.

Finalement, je n'ai rien trouvé qui faisait exactement ce que je voulais, et lorsque cela s'en approchait c'etait toujours via de lourds CMS. J'ai alors décidé de faire un site statique, à la main, avec Notepad++ à l'ancienne. Me debrouillant assez bien en HTML/CSS et un peu en javascript, je suis vité tombé sur un résultat sympa, durant mes vacances entre deux sessions à la plage. Après tout, un bon ouvrier doit avoir de bons outils, et il n'y a pas de meilleurs outils que ceux que l'on crée soit-même.

Puis je me suis dit qu'il serait peut etre pas mal d'automatiser certaines actions, comme les formats de favicons, le resize et la conversion des images, la génération de la gallerie au lieu de tout saisir à la main, la création des robots.txt et sitemap... Et je me suis remis à Python.

Finalement, après avoir obtenu de bons résultats, je me suis dit autant aller jusqu'au bout: un framework complet permettant de générer une galerie sur un site statique, en remplissant juste les informations du site dans un fichier de config et avec un peu de customisations visuelle sans rentrer dans le code.

C'est ainsi qu'est né **Lum[eex]{style="color: #1ad6ff"}**

</p>
<div align="center">
  <img src="https://git.djeex.fr/Djeex/lumeex/raw/branch/main/illustration/lumeex-webui.png" alt="Lumeex Screenshot" />
</div>

---

::card-grid{grid-template-columns="repeat(2, minmax(0, 1fr));"}
#title
Et voilà le bousin

#root
:ellipsis{left=0px width=40rem top=10rem blur=140px}

#default
 
  ::card{icon=noto:open-book}
  #title
  __Documentation__
  #description
  [Accéder à la doc](https://lumeex.djeex.fr)
  ::
 
  ::card{icon=simple-icons:gitea style="color: #9ee773;"}
  #title
  __Repository__
  #description
  [Accéder au repo](https://git.djeex.fr/Djeex/lumeex)
  ::

  ::card{icon=fluent-color:design-ideas-48}
  #title
  __Demo__
  #description
  [Explorer la demo](https://modern.djeex.fr)
  ::
::
