A simple journal/photo log website built on top of Blazin'/11ty.
- This project uses Eleventy as a static site generator
- Templating is Liquid (can be changed if you want)
- SCSS compiling with Gulp
- Compile TailwindCSS
- PurgeCSS to remove unused CSS (Set up for TailwindCSS by default)
- Resizes and optimises images using Lepto JS
- Babel is compile ES6 to ES5
- A good handful of SEO meta tags set up
How to use
Creating an entry
An entry is simple a page in the log. They are basic markdown files with minimal required meta data.
You can only have one entry per day
All entries live within the
./src/entries folder. You can organise this folder and name the files any way you want, although it's recommended you use some form of dates in your file name to keep track.
To create an entry for "25th Feburary 2021 create file called
./src/entries/ and copy the following:
--- name: Wild Camping at Loch Ossian # Required date: 2021-02-25 # Required summited: true|false # Optional munro: true|false # Optional camping: true|false # Optional dug: true|false # Optional --- Body content here, ~you~ can use *markdown*.
Adding images to an entry
Log looks for images stored in
./src/assets/images/entries/** to check for a folder matching the date of your entry.
To add images to the above example create a folder matching the date of your entry in
./src/assets/images/entries/2021-02-25 and add your images.
This is an open sourced version of a personal project, hopefully other find use out of it. Let me know if you use it.