Assignment 2: Collection
Assigned: September 22, 2025
DUE: October 13, 2025 at 12:00PM
Overview
In this assignment you’ll use HTML, CSS and Eleventy.js to create a collection, e.g.
- A collection of blog posts.
- A collection of items and descriptions of items you collect
- A collection of your favorite artist’s songs or albums
- A collection of your favorite movies or TV shows
- A collection of your friends or family
- A collection of your memories
- A collection of projects
Creative Considerations
- What kind of website will make you want to add to your collection regularly?
- Templates are a way for us to structure our thoughts and information. What do you want to include in your template to give shape and format to your content?
- How can your website be a digital garden?
- https://thecreativeindependent.com/essays/laurel-schwulst-my-website-is-a-shifting-house-next-to-a-river-of-knowledge-what-could-yours-be/
Phase 1: Design & Setup
- Choose the type of collection and draft your five entries.
- Write and/or draw out your site structure (you will submit this).
- Set up an Eleventy.js project with a base template.
Phase 2: Develop & Refine
- Build the homepage and pages using your template.
- Add filtering, styling, and polish to make the collection consistent and readable.
Requirements
- Five items
- Create at least 5 entries (diary entries, blog posts, journal reflections, or short articles).
- Each post should have a standard set of information e.g. title, date, and body content.
- Every post should include an image.
- Item Template
- Use a template file to define the layout of each post (e.g., same header, footer, and content styling).
- All posts should automatically use this template.
- Homepage / Index Page
- Include a page that lists all items, showing at least the title for each.
- Each post title should link to its own page.
- Filter
- On the homepage / index page you should be able to filter the list of items based on a set of criteria
- Styling
- Use CSS to make the site readable and visually consistent.
Submission
Your website should be published to the web using GitHub pages. Submit your assignment by submitting your GitHub pages link in Canvas.
Please include a code walkthrough to talk through how you built your site.