{"id":2743,"date":"2022-03-23T01:14:40","date_gmt":"2022-03-23T05:14:40","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?page_id=2743"},"modified":"2022-04-09T12:15:22","modified_gmt":"2022-04-09T16:15:22","slug":"11ty-resources","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/11ty-resources\/","title":{"rendered":"Eleventy Resources"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This page contains resources on understanding and working with Eleventy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Walkthroughs<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Converting a Responsive HTML\/CSS Site to 11ty<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This goes through the process of moving your HTML\/CSS\/Images files into the 11ty structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/eleventy-site\/convert-responsive-site-to-11ty\/\">Converting Responsive Site to Eleventy<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using Templates and Collections<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This series of videos first explains what templates are and why they are useful and then shows how to use collections and tags with templates to help automate creating a list of pages and a grid of cards that link to works that share the same tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/eleventy-site\/template-and-collections-walkthrough\/\">Templates and Collections Walkthrough<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Miro Visualizations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM-1024x690.png\" alt=\"\" data-id=\"2744\" data-full-url=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM.png\" data-link=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?attachment_id=2744\" class=\"wp-image-2744\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM-1024x690.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM-300x202.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM-768x518.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.27.59-AM.png 1068w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\"><a href=\"https:\/\/miro.com\/app\/board\/o9J_lp7T5dQ=\/?invite_link_id=528563760870\" target=\"_blank\" rel=\"noreferrer noopener\">Convert HTML to 11ty<\/a><\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM-1024x450.png\" alt=\"\" data-id=\"2745\" data-full-url=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM.png\" data-link=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?attachment_id=2745\" class=\"wp-image-2745\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM-1024x450.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM-300x132.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM-768x337.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.26.25-AM.png 1122w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\"><a href=\"https:\/\/miro.com\/app\/board\/o9J_lq6P2Hc=\/?invite_link_id=261006267715\" target=\"_blank\" rel=\"noreferrer noopener\">11ty Concepts<\/a><\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"642\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.58-AM.png\" alt=\"\" data-id=\"2746\" data-full-url=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.58-AM.png\" data-link=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?attachment_id=2746\" class=\"wp-image-2746\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.58-AM.png 957w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.58-AM-300x201.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.58-AM-768x515.png 768w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><figcaption class=\"blocks-gallery-item__caption\"><a href=\"https:\/\/miro.com\/app\/board\/o9J_lnotwrc=\/?invite_link_id=821506886439\" target=\"_blank\" rel=\"noreferrer noopener\">Eleventy Page Breakdown<\/a><\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"467\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.20-AM.png\" alt=\"\" data-id=\"2747\" data-full-url=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.20-AM.png\" data-link=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?attachment_id=2747\" class=\"wp-image-2747\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.20-AM.png 735w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/03\/Screen-Shot-2022-03-23-at-12.25.20-AM-300x191.png 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption class=\"blocks-gallery-item__caption\"><a href=\"https:\/\/miro.com\/app\/board\/o9J_lP-OD6A=\/?invite_link_id=423922485233\" target=\"_blank\" rel=\"noreferrer noopener\">Eleventy Build Process<\/a><\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Eleventy Major Concepts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">these are the pages that you edited in class<\/p>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"is-flex-container columns-2 wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-2762 post type-post status-publish format-standard hentry category-eleventy category-eleventy-site tag-11ty tag-11ty-concepts tag-config tag-configuration tag-eleventy tag-pair-share entry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/jamstack\/eleventy\/configuration\/\" target=\"_self\" >Eleventy Configuration<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">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&#8217;s own&hellip; <\/p><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2022-03-23T13:58:05-04:00\">March 23, 2022<\/time><\/div>\n<\/li><li class=\"wp-block-post post-2760 post type-post status-publish format-standard hentry category-eleventy category-eleventy-site tag-11ty tag-11ty-concepts tag-content tag-eleventy tag-front-matter-2 tag-markdown tag-pair-share tag-yaml entry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/jamstack\/eleventy\/content-pages\/\" target=\"_self\" >Eleventy Content Pages<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">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&hellip; <\/p><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2022-03-23T13:50:49-04:00\">March 23, 2022<\/time><\/div>\n<\/li><li class=\"wp-block-post post-2757 post type-post status-publish format-standard hentry category-eleventy category-eleventy-site tag-11ty tag-11ty-concepts tag-eleventy tag-pair-share tag-templates entry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/jamstack\/eleventy\/templates\/\" target=\"_self\" >Templates<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">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&hellip; <\/p><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2022-03-23T13:43:34-04:00\">March 23, 2022<\/time><\/div>\n<\/li><li class=\"wp-block-post post-2755 post type-post status-publish format-standard hentry category-eleventy category-eleventy-site tag-11ty tag-11ty-concepts tag-eleventy tag-pair-share tag-ssg tag-static-site-generator entry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/jamstack\/eleventy\/static-site-generators\/\" target=\"_self\" >Static Site Generators<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">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&hellip; <\/p><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2022-03-23T13:40:13-04:00\">March 23, 2022<\/time><\/div>\n<\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Web Sites<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Official Eleventy Site: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.11ty.dev\/\" target=\"_blank\">https:\/\/www.11ty.dev\/<\/a><\/li><li>11ty Rocks: <a rel=\"noreferrer noopener\" href=\"https:\/\/11ty.rocks\/\" target=\"_blank\">https:\/\/11ty.rocks\/<\/a><ul><li>A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie&nbsp;Eckles (<a href=\"https:\/\/twitter.com\/5t3ph\">@5t3ph<\/a>)<\/li><\/ul><\/li><li>11ty Recipies: <a href=\"https:\/\/11ty.recipes\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/11ty.recipes\/<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This page contains resources on understanding and working with Eleventy. Video Walkthroughs Converting a Responsive HTML\/CSS Site to 11ty This goes through the process of moving your HTML\/CSS\/Images files into the 11ty structure. Converting Responsive Site to Eleventy Using Templates and Collections This series of videos first explains what templates are and why they are&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/11ty-resources\/\">Continue reading <span class=\"screen-reader-text\">Eleventy Resources<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"parent":521,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"coauthors":[87],"class_list":["post-2743","page","type-page","status-publish","hentry","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>This page contains resources on understanding and working with Eleventy. Video Walkthroughs Converting a Responsive HTML\/CSS Site to 11ty This goes through the process of moving your HTML\/CSS\/Images files into the 11ty structure. Converting Responsive Site to Eleventy Using Templates and Collections This series of videos first explains what templates are and why they are useful and then shows how to use collections and tags with templates to help automate creating a list of pages and a grid of cards that link to works that share the same tag. Templates and Collections Walkthrough Miro Visualizations Convert HTML to 11ty11ty ConceptsEleventy&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"This page contains resources on understanding and working with Eleventy. Video Walkthroughs Converting a Responsive HTML\/CSS Site to 11ty This goes through the process of moving your HTML\/CSS\/Images files into the 11ty structure. Converting Responsive Site to Eleventy Using Templates and Collections This series of videos first explains what templates are and why they are&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/2743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/comments?post=2743"}],"version-history":[{"count":10,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/2743\/revisions"}],"predecessor-version":[{"id":2863,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/2743\/revisions\/2863"}],"up":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/521"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2743"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}