https://github.com/mobile-michel/aria-landmark
Eleventy 2.0.1, Liquid, Simple.css & ARIA landmarks
https://github.com/mobile-michel/aria-landmark
aria github-pages landmarks
Last synced: 3 months ago
JSON representation
Eleventy 2.0.1, Liquid, Simple.css & ARIA landmarks
- Host: GitHub
- URL: https://github.com/mobile-michel/aria-landmark
- Owner: mobile-michel
- Created: 2024-03-04T12:16:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-19T20:10:46.000Z (about 2 years ago)
- Last Synced: 2025-03-06T13:46:03.836Z (over 1 year ago)
- Topics: aria, github-pages, landmarks
- Language: Liquid
- Homepage: https://mobile-michel.github.io/aria-landmark/
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Eleventy 2.0.1, Liquid, Simple.css & ARIA landmarks
## Folder structure
- pages in /src
- layouts in /_layouts
- includes in /_includes
- Json files in /_data
- Simple CSS in /assets/css
- images in /assets/images
## Page layouts
- _layouts/base.liquid
- _layouts/default.liquid -> takes the base.liquid layout
## HTML landmarks
- _includes/header.liquid
- _includes/aside.liquid
- _includes/footer.liquid
- _includes/pagination.liquid
- _includes/secondary.liquid
## Navigation
- add tags in frontmatter: primary, secondary or footer
## Package.json scripts
- "start": "npx @11ty/eleventy --serve",
- "build": "eleventy",
- "debug": "DEBUG=* eleventy"
## Dependencies
- "@11ty/eleventy": "^2.0.1"
## eleventy.config.js
```
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/assets"); // Scss, JS, and images files
return {
dir: {
input: "src", // Set the source for 11ty to the /src directory
output: "_site", // This is the default
includes: "_includes", // All UI partials
layouts: "_layouts" // Base page layouts
},
templateFormats: ["html", "md", "liquid"]
};
};
```
## Links to docs
- [Eleventy](https://www.11ty.dev/docs/)
- [LiquidJS](https://liquidjs.com/tutorials/intro-to-liquid.html)
- [Simple.css](https://simplecss.org/)