ecb1cadbee
In most cases, a line in a pictures-group contains enough pictures or at least in the correct format (usually in landscape mode) to actually make the browser call flex-shrink. However, in a few specific cases, when pictures do not fill the flex container, there is some space left on the right side of the line which could be filled in. In that case, we can use the flex-grow property. To be able to keep everything aligned, we need to set the flex-grow property according to the ratio of the picture so that all pictures in the line are grown proportionally. Adding this alignment fix required a bit of re-ordering so we could call the ratio property for the div of class `picture`. Fixes #92 Signed-off-by: Quentin Schulz <foss@0leil.net>
Prosopopee
Prosopopee. Static site generator for your story.
Make beautiful customizable pictures galleries that tell a story using a static website generator written in Python. You don't need to care about css, code and presentation, manage your contents in YAML file and Prosopopee will take care about the rest.
Prosopopee is sections oriented, make it very flexible, many kinds of section already available:
- Parallax
- Group of pics (gallery)
- Paragraph
- Iframe (Youtube, Maps, etc..)
- Quote
- And more
Screenshots
Features
Prosopopee currently supports:
- Lightweight
- Thumbnails & multiple resolutions for fast previews (JPEG progressive)
- Videos support
- Mobile friendly
- Caching for fast rendering
- Multi level gallery
- Support themes (default, material, light)
- Password access (encrypt page)
- Image lazy loading
- Night Mode
- Completely static output is easy to host anywhere
- Hackable
Examples
You can find example usages here:
- http://surleschemins.fr
- http://media.faimaison.net/photos/galerie/
- https://www.thebrownianmovement.org/
- http://outside.browny.pink
- http://such.life
- http://www.street-art.me
Code example
title: Title
date: 2015-12-18
cover: P1070043-01-01.jpeg
sections:
- type: full-picture
image: P1060979-01-01.jpeg
fixed: true
text:
title: My Story
sub_title: some subtitle
date: 2015-12-18
- type: paragraph
title: Beautiful Title
text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor
- type: pictures-group
images:
-
- P1060938-01-01.jpeg
- P1060946-01-01.jpeg
- P1060947-01-01.jpeg
- P1060948-01-01.jpeg
Usage
prosopopee
prosopopee preview
prosopopee deploy
prosopopee test
prosopopee (-h | --help)
prosopopee.py --version
Docker
https://hub.docker.com/r/beudbeud/prosopopee/
Licence
GLPv3
Documentation
http://prosopopee.readthedocs.org/en/latest/
IRC
channel : irc.freenode.net#prosopopee