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

Monday, April 11

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.

Eleventy 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)
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 note 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.
see Convert Responsive Site to 11ty post
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.

You have changed any src or href attributes to include / in front of the path (src=”/images/file.jpg”)
see Convert Responsive Site to 11ty post
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: See Template and Collections Walkthrough Post
– Filters
– Custom Data
Up to 10%