69 lines
2.7 KiB
Markdown
69 lines
2.7 KiB
Markdown
---
|
||
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 photographer that I am, I spent several weeks looking for a framework with a photo gallery that could outshine Instagram. I wanted something that showcased the photos rather than the author, and that made every visit unique by loading the images in random order—while still allowing filtering and sorting by tag or combinations of tags.
|
||
|
||
In the end, I found nothing that did exactly what I wanted. And when something came close, it was always through heavy, bloated CMS platforms. So I decided to make a static site by hand, the old-school way, with Notepad++. Being fairly comfortable with HTML/CSS and a bit of JavaScript, I quickly came up with something nice during my vacation, between beach sessions. After all, a good craftsman should have good tools—and there’s no better tool than one you make yourself.
|
||
|
||
Then I thought it might be a good idea to automate certain tasks—like generating favicon formats, resizing and converting images, creating the gallery automatically instead of entering everything by hand, and generating `robots.txt` and `sitemap` files… so I turned back to Python.
|
||
|
||
Eventually, after getting good results, I figured I might as well go all the way: build a complete framework for generating a static site photo gallery, where all you need to do is fill in your site’s information in a config file and tweak the visuals a bit—without touching the code.
|
||
|
||
That’s how **Lum[eex]{style="color: #1ad6ff"}** was born.
|
||
|
||
<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à!
|
||
|
||
#root
|
||
:ellipsis{left=0px width=40rem top=10rem blur=140px}
|
||
|
||
#default
|
||
|
||
::card{icon=noto:open-book}
|
||
#title
|
||
__Documentation__
|
||
#description
|
||
[Check out the doc](https://lumeex.djeex.fr)
|
||
::
|
||
|
||
::card{icon=simple-icons:gitea style="color: #9ee773;"}
|
||
#title
|
||
__Repository__
|
||
#description
|
||
[See the repo](https://git.djeex.fr/Djeex/lumeex)
|
||
::
|
||
|
||
::card{icon=fluent-color:design-ideas-48}
|
||
#title
|
||
__Demo__
|
||
#description
|
||
[Explore the demo](https://modern.djeex.fr)
|
||
::
|
||
::
|