Simple Journal
A simple journal/photo log website built on top of Eleventy (11ty).
Overview
Simple Journal is a website built on top of Blazin' and 11ty, designed to serve as a simple journal and photo log. It allows users to create entries for each day, with the option to add images. The project uses Eleventy as a static site generator and Liquid as the templating language. It also includes features such as SCSS compiling with Gulp, TailwindCSS integration, image resizing and optimization with Lepto JS, Babel for compiling ES6 to ES5, and SEO meta tags.
Features
- Eleventy as a static site generator
- Templating with Liquid (can be changed if desired)
- SCSS compiling with Gulp
- TailwindCSS integration
- PurgeCSS to remove unused CSS (set up for TailwindCSS by default)
- Image resizing and optimization with Lepto JS
- Babel for compiling ES6 to ES5
- SEO meta tags set up
Summary
Simple Journal is a user-friendly website theme that allows users to create journal entries and log photos. It offers a range of features, including static site generation with Eleventy, customizable templating with Liquid, SCSS compiling with Gulp, TailwindCSS integration, image optimization, and more. By following the installation guide, users can easily set up their own instance of Simple Journal and start documenting their experiences.
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.