There are a few ways that you can generate lists of pages (posts) in 11ty. This post looks at how to based on tags, custom front-matter variables, and listing all of the files in a folder. You can follow along with this by using the collections-example repository. Click on the link for the repo: https://github.com/profstein/collections-example… Continue reading Showing Groups of Pages in 11ty
Tag: eleventy
Week 15: 12/6 + 12/8
Live Sessions JOIN LIVE SESSION Session 1: Git/GitHub and Groups Monday, December 6 at 7:30p–9:10p We will start with looking at Git and Branching and then have time to work on version 1 of your projects. Topics for Class Session Working with Branches miro Branch Example GitHub Template Git and GitHub post Final Weeks group… Continue reading Week 15: 12/6 + 12/8
Week 14: 11/29 + 12/1
Live Sessions JOIN LIVE SESSION Session 1: jQuery and Groups Monday, November 29 at 7:30p–9:10p We will start with more JavaScript and then give time for your Progress Reports. Progress Report is due today Topics for Class Session JavaScript Page jQuery Basics jQuery Accordion Pen jQuery Filter Buttons Pen Final Weeks Progress Report (on Miro)… Continue reading Week 14: 11/29 + 12/1
Week 13: 11/22 + 11/24
We will start some UI Interactivity small individual projects. Also Group time for Project Brief. In Class: EXPLORE The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. Live Sessions JOIN LIVE SESSION Session 1: JavaScript, Interactivity and Groups Monday, November 22… Continue reading Week 13: 11/22 + 11/24
Week 12: 11/15 + 11/17
This week we will start to look at the group project, form groups and look over what we’ve done (and are going to do). Before Class: LEARN DO THIS: Submit your 11ty Site Project on Blackboard. Apologies that the assignment wasn’t up earlier. It’s up now and I’ve changed the due date to today, Monday… Continue reading Week 12: 11/15 + 11/17
Week 11: 11/8 + 11/10
This week we will explore using Data, Nunjucks templates and Collections Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. Deploy your Netlify site on Netlify Update your Miro Progress board In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live… Continue reading Week 11: 11/8 + 11/10
Week 10: 11/1 + 11/3
This week we will wrap up the first version of your Eleventy projects Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. Update your Miro Progress board In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a… Continue reading Week 10: 11/1 + 11/3
Week 9: 10/25 + 10/27
This week we will dive into Eleventy Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. DO BEFORE WEDNESDAY Try Kahoot Flashcards and work on 11ty project. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a… Continue reading Week 9: 10/25 + 10/27
VSCode 11ty Setup
When we’re working with Eleventy there are some new file types that VS Code will not handle as you expect. Follow these steps to set up VS Code to work with them. Nunjucks This is the templating language we will use (11ty actually lets you use a number of them). Install the Nunjucks extension to… Continue reading VSCode 11ty Setup
Starter 11ty Site
This post goes through the steps to create a basic Eleventy (11ty) site from Prof Stein’s Eleventy Basic template.