Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manustays/abhi.page.11ty
Personal website & blog in Jamstack
https://github.com/manustays/abhi.page.11ty
11ty-blog about-me blog jamstack personal-site static-site
Last synced: about 1 month ago
JSON representation
Personal website & blog in Jamstack
- Host: GitHub
- URL: https://github.com/manustays/abhi.page.11ty
- Owner: manustays
- Created: 2021-01-15T13:40:25.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-20T04:21:06.000Z (10 months ago)
- Last Synced: 2024-03-20T05:31:08.127Z (10 months ago)
- Topics: 11ty-blog, about-me, blog, jamstack, personal-site, static-site
- Language: Nunjucks
- Homepage: https://abhi.page
- Size: 1020 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Website & Blog in 11ty
Kumar Abhishek's personal website & blog built with [Eleventy](https://www.11ty.dev).
---
## 🌟 Features
1. Built with [Eleventy](https://www.11ty.dev)! [(docs)](https://www.11ty.dev/docs)
1. [Netlify CMS](https://www.netlifycms.org): easy blog & website configuration management.
1. Simple stack. Minification/bundling using internal 11ty plugins.
## 🔗 Table Of Contents
1. [Project Structure](#-project-structure)
## 🗃 Project Structure
* 📄🔧 [**.eleventy.js**](.eleventy.js) `All project technical configurations go here`
* 📂 [**src/**](/src) `Main source directory. Top-level/custom webpages are created right here`
* 📄 [**index.njk**](/src/index.njk) `The home page`
* 📂✍ [**blog/**](/src/blog) `Create blog posts here`
* 📄 [**index.njk**](/src/blog/index.njk) `The blog listing page`
* 📄 [**blog-tag-pages.njk**](/src/blog/blog-tags.njk) `Page template to list posts for individual tags`
* 📂🔧 [**_data**](/src/_data) `All the website configuration and data go here`
* 📄🔧 [**website.yaml**](/src/_data/website.yaml) `Top configurations, like, domain, logo, title, SEO, etc`
* 📑🔧 [**skills.yaml**](/src/_data/skills.yaml) `List your skills here`
* 📑🔧 [**work.yaml**](/src/_data/developers.yaml) `List your professional experiences here`
* 📄🔧 [**env.yaml**](/src/_data/env.yaml) `Secret configurations as environment variables`
* 📂👩💻 [**_layouts**](/src/_layouts) `Reusable templates for various page types`
* 📄⭐ [**base.njk**](/src/_layouts/base.njk) `Main template with outermost common code used by all pages`
* 📄 [**blog_post.njk**](/src/_layouts/blog_post.njk) `Template for blog post pages ideally written in markdown`
* 📄 [**page.njk**](/src/_layouts/page.njk) `Template for generic pages ideally written in markdown`
* 📂🧩 [**_includes**](/src/_includes) `All build-time reusable components go here`
* 📄 [**header.njk**](/src/_includes/header.njk) `Top navigation bar in every page`
* 📄 [**footer.njk**](/src/_includes/footer.njk) `Footer section at the bottom of every page`
* 📄 [**blogslist.njk**](/src/_includes/blogslist.njk) `List of all blog posts with pagination`
* 📂🎨 [**css**](/src/_includes/css) `CSS files - inlined into HTML during build`
* 📄 [**base.css**](/src/_includes/css/base.css) `Common CSS rules used in every page`
* 📄 [**blog.css**](/src/_includes/css/blog.css) `CSS rules for pages using the 'blog' or 'page' template`
* 📄 [**header.css**](/src/_includes/css/header.css) `CSS rules for top navigation menu`
* 📄 [**footer.css**](/src/_includes/css/footer.css) `CSS rules for footer section`
* 📄 [**flex.css**](/src/_includes/css/flex.css) `Helper classes for CSS Flexbox`
* 📁 [**js**](/src/_includes/js) `Javascript files - inlined into HTML during build`
* 📁🖼 [**assets**](/src/assets) `Static assets like images, icons, etc`
* 📂 [**utils/**](/utils) `11ty build-time custom utilities...`
* 📄 [**shortcodes.js**](/utils/shortcodes.js) `Reusable short markup (HTML) snippets` [(docs)](https://www.11ty.dev/docs/shortcodes)
* 📄 [**filters.js**](/utils/filters.js) `Custom filters for 11ty to be used in templates to manipulate data` [(docs)](https://www.11ty.dev/docs/filters)
## Credits
1. Theme inspired from [Hylia Starter Kit](https://github.com/hankchizljaw/hylia)
1. Notes section inspired from [gatsby-theme-code-notes](https://github.com/mrmartineau/gatsby-theme-code-notes)
1. Name pronunciation inspired from LinkedIn's similar feature and [@heyatif's post on his Vocalizer script](http://atifaz.am/blog/vocalizer-help-others-pronounce-your-name-correctly.html). Though, I wrote a static implementation for efficiency.