Eleventy Bragdoc

screenshot of Eleventy Bragdoc
eleventy

Eleventy theme inspired by Julia Evan's Brag Document. Original Bragdocs design by Jonny Burch and the team at Progression.app

Overview:

The eleventy-bragdoc is a starter site designed for building personalized brag documents using 11ty. It takes inspiration from Julia Evans and the Bragdocs design by Jonny Burch and the team at Progression.app. The site is built using 11ty/eleventy, Vanilla JS, and CSS. It provides two themes (light and dark) which can be easily switched between by changing the data-theme variable in the code. The project's styling was adapted from a timeline codepen by venkatesh, and the SEO structure was adapted from 11r by reeseschultz. The project is open source and available under the MIT License.

Features:

  • Eleventy for static site generation
  • Nunjucks for templating
  • Static tags
  • SEO base template available in the src/data/site.json file
  • Frontmatter property: Icon use Segoe UI Emoji inspired by Notion style
  • Frontmatter property: public can be set to True or False to control visibility on the user's timeline
  • Timeline entries are sorted with the latest entry at the top

Summary:

The eleventy-bragdoc is a customizable starter site for creating personalized brag documents. It offers two themes, light and dark, and provides features such as static site generation, templating with Nunjucks, and SEO optimization. The project is open source and can be easily installed and customized to suit individual needs.

eleventy
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.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading