Eleventy Site Project

Overview

The Eleventy Site Project is taking the HTML/CSS/JS from your Responsive Site project and creating a site that is created with the Eleventy Static Site Generator and is hosted on Netlify.

Due Date

Friday, November 12

The class on the week of November 8 will cover topics related to Eleventy but not necessarily be devoted to preparing the Eleventy Site project.

Submitting the Eleventy Site

This page has more information on how to submit the midterm and schedule your presentation time. View Submitting the Eleventy Site post.

Responsive Site Scoring Rubric

SCORING RUBRIC

Scored Areas% of Overall Score
Organization
– eleventy config files (.eleventy.js, package.json)
– content Markdown files
– template (at least base layout template)
– passthrough folders (css – js – images)
See 11ty Starter Project and there are Miro Boards on the proper 11ty structure.
20%
Deploy
The site is deployed through Netlify
– The files are stored in a GitHub Repository
– Netlify is connected to the repository and publishing the site
10%
Content
The content of the site is there as described in your Project Brief. Please not any major changes when submitting file in Blackboard.
15%
Page Content
You have created Markdown files for your site pages. These have the proper front matter and Markdown/HTML content.
15%
Templates
You have at least one base template that is used to display your page content. Repeated site elements like header/nav/footer should be in templates.
15%
Responsive
Your site is still responsive (based on responsive site) using
– Flexible Images
– Fluid Grid
– Media Queries
as appropriate.
10%
Passthrough
Your CSS files are properly passed through and included.

Your image files are properly passed through and included.

Your JavaScript files are properly passed through and included. It’s OK if you don’t have JavaScript Files.
5%
CSS
Your CSS
– doesn’t have syntax errors
– has meaningful class names
10%
Extra Credit
You can receive extra credit for using more advanced Eleventy features:
– Collections
– Filters
– Custom Data
Up to 10%