eleventy-bragdoc

Check out the demo

A starter site for building your own brag document, using 11ty (demo). Inspired by Julia Evans, and Bragdocs design by Jonny Burch and the team at Progression.app.

Built using:

• 11ty/eleventy
• Vanilla JS and CSS

Themes

So far, I've included 2 themes (light and dark). The colours have been assigned at the beginning of src/css/styles.css and can be easily changed.

Light Theme

Dark Theme

You can switch between them by changing the data-theme variable from default light to dark in src/includes/layouts/base.njk

Features

• Eleventy for static site generation
• Nunjucks for templating
• Static tags
• SEO base template can be found in src/data/site.json
• Frontmatter property: Icon use Segoe UI Emoji inspired by Notion style
• Frontmatter property: public can be set to True or False depending on whether you would like to make it visible to your timeline
• Order is sorted with latest entry at the top

Dependencies

# Install dependencies
npm install

Available Scripts

Development

# Runs the app in local development mode
npm start

Open http://localhost:8080/ to view in the browser.

Production

# Builds a static copy of your site to the `public/` folder
npm run-script build

Publish onto Github Pages

Follow this link to create your own Github Pages

# Push the content on Github Pages
npm run deploy

Credits

• This project's styling was adapted from this timeline codepen by venkatesh
• SEO structure was adapted from 11r by reeseschultz

License

This project is open source and available under the MIT License