This series of videos goes through what templates are, how they work and shows how to work with Collections created with tags in Front Matter. Part 1: Templates, Collections and Loops This part goes through what templates are, why and when to use them. It also covers Collections and how they’re created and the basics… Continue reading Template and Collections Walkthrough
Category: Eleventy Site
Convert Responsive Site to 11ty
This isa series of videos that walk through the process of moving your site from the HTML/CSS Responsive site to an 11ty site. Part 1 Set Up Creating the Eleventy Repository and setting up GitPod as the editor. Part 2: Create Markdown Files Create a Markdown file for each of the HTML files in your… Continue reading Convert Responsive Site to 11ty
Eleventy Configuration
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What do Configuration (config) files do? What is their role in the Build Process? Configuration files use Javascript to root directory of a project to configure Eleventy to a person’s own… Continue reading Eleventy Configuration
Eleventy Content Pages
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. Where are Content pages saved in the 11ty folder structure? The content pages are saved in the Markdown. What is Front Matter and What kind of information is stored there? The… Continue reading Eleventy Content Pages
Templates
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What are Templates? A template is a reusable format for web content. How are Templates used in Eleventy? It use to avoid writing the same formatting over and over. What Language… Continue reading Templates
Static Site Generators
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What is a Static Site Generator (SSG)? What does it do? A tool that generates a full static HTML website based on raw data and set of templates What are some… Continue reading Static Site Generators
Deploy to Netlify
This post covers how to get your site in the web using Netlify’s servers. Terminology Some words you might not know Netlify: Netlify is a hosting platform specializing in hosting projects build with workflows like ours (static site generator and GitHub). They have a generous free pricing tier that is great for the kind of… Continue reading Deploy to Netlify
Submitting the Eleventy Site
Here is what you will need to do to submit your Eleventy site Push all of your files to your GitHub Repository. Deploy your site to Netlify Copy the URL. It should be something like https://yourproject.netlify.app Note: by default Netlify will give you a wierd project name that is a combination of words and letters… Continue reading Submitting the Eleventy Site
