Skip to content
A simple journal/photo log website built on top of Eleventy (11ty).
Branch: master
Clone or download
Latest commit 8e16f3f Apr 23, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Port over from personal Apr 22, 2019
.eleventy.js Port over from personal Apr 22, 2019
.gitignore Port over from personal Apr 22, 2019
LICENSE Initial commit Apr 22, 2019
README.md Update README.md Apr 23, 2019
gulpfile.js
lepto.config.json Port over from personal Apr 22, 2019
netlify.toml Port over from personal Apr 22, 2019
package-lock.json Port over from personal Apr 22, 2019
package.json Port over from personal Apr 22, 2019
purgecss.config.js Port over from personal Apr 22, 2019
tailwind.js Port over from personal Apr 22, 2019

README.md

Simple Journal 🏕️

A simple journal/photo log website built on top of Blazin'/11ty.

Deploy to Netlify


View demo

Features

  • 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 2021-02-25.md in ./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.

Note

This is an open sourced version of a personal project, hopefully other find use out of it. Let me know if you use it.

You can’t perform that action at this time.