{"id":1840,"date":"2021-10-09T12:56:55","date_gmt":"2021-10-09T16:56:55","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=1840"},"modified":"2021-10-13T19:20:19","modified_gmt":"2021-10-13T23:20:19","slug":"week-7-2","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-7-2\/","title":{"rendered":"Week 7: 10\/13"},"content":{"rendered":"\n<p>This week we will finish the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/responsive-site\/\" data-type=\"page\" data-id=\"1818\">Responsive Site<\/a> and get started on being ready for Eleventy. The Responsive site will be <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/submitting-the-responsive-site\/\" data-type=\"post\" data-id=\"1832\">submitted on Thursday, October 14<\/a><\/p>\n\n\n\n<p class=\"has-dark-gray-background-color has-background\">There is no class on Monday, October 11 due to a holiday.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before Class: LEARN<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Work on your project. Roughly in this order<ol><li>wireframes complete<\/li><li>create HTML for each page of your site. Focus on elmeents for the major sections of your page. It\u2019s OK if you don\u2019t get all of the paragraphs, lists etc.<\/li><li>Make sure to determine your sitewide header and footer. You can put off the navigation for now, but leave at least a &lt;nav&gt; element.<\/li><li>write the CSS for the small (mobile) layout from you wireframes<\/li><li>use media queries to create the other layouts<\/li><li>Complete the content for each page.<\/li><li>Check that you are meeting all of the required areas from the project rubric<\/li><\/ol><\/li><\/ul>\n\n\n\n<p>The <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/responsive-site\/\" data-type=\"page\" data-id=\"1818\">Responsive Site page<\/a> has the scoring rubric and links to more information on how to complete each part.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Class: EXPLORE<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#live\">Join the Live Class Sessions<\/a><\/li><\/ul>\n\n\n\n<p>The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info<\/p>\n\n\n\n<section class=\"wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignfull uagb-block-ed622ec0\"><div class=\"uagb-columns__overlay\"><\/div><div class=\"uagb-columns__inner-wrap uagb-columns__columns-3\">\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-d68d1abf\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h2 class=\"wp-block-heading\" id=\"live\">Live Sessions<\/h2>\n\n\n\n<div class=\"alignwide wp-block-ugb-button ugb-button-wrapper ugb-9f39f6d ugb-button--mobile-aligned ugb-main-block\"><style>.ugb-9f39f6d .ugb-block-content{justify-content:flex-start !important}.ugb-9f39f6d .ugb-block-content .ugb-button{border-radius:0px}.ugb-9f39f6d .ugb-button1 .ugb-button--inner{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\" !important;font-size:18px !important;color:#0d497a !important}.ugb-9f39f6d .ugb-button1{border-color:#0d497a !important;border-radius:0px !important}.ugb-9f39f6d .ugb-button1:hover{opacity:0.8}.ugb-9f39f6d .ugb-button1:hover .ugb-button--inner{color:#0d497a !important}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1:before{border-radius:0px !important}.ugb-9f39f6d .ugb-inner-block{text-align:left}@media screen and (max-width:768px){.ugb-9f39f6d .ugb-block-content{justify-content:center !important}.ugb-9f39f6d .ugb-inner-block{text-align:center}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-medium ugb--hover-effect-scale ugb-button--design-ghost ugb-button--has-icon\" href=\"https:\/\/bmcc-cuny.zoom.us\/meeting\/register\/tZUude-vpj8oGNWYtmbO9AbG-83cG0mODkpK\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"external-link-alt\" class=\"svg-inline--fa fa-external-link-alt fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg><\/div><span class=\"ugb-button--inner\">JOIN LIVE SESSION<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-02180eb6\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 1: No CLass<\/h4>\n\n\n\n<p><strong>Monday, October 11<\/strong><\/p>\n\n\n\n<p>There is no class on Monday<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-a43284a2\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 2: Responsive Design<\/h4>\n\n\n\n<p><strong>Wednesday, October 13 at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>We will do some work on the projects (mostly answering questions) and look at what you need in your dev environment to be ready for Eleventy.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Topics for Class Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/dev-environment-setup\/\" data-type=\"page\" data-id=\"206\">Dev Environment<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/jamstack\/eleventy\/starter-11ty-site\/\" data-type=\"post\" data-id=\"1854\">11ty Starter Example<\/a><\/li><\/ul>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"afterclass\">After Class:<\/h2>\n\n\n\n<p>Follow the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/jamstack\/eleventy\/starter-11ty-site\/\" data-type=\"post\" data-id=\"1854\">Starter 11ty Site<\/a>  example and create an 11ty site.<\/p>\n\n\n\n<p>Modify Page One from:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>This is the first page.<\/code><\/pre>\n\n\n\n<p>To the following<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>This page was created by Your Name.<\/code><\/pre>\n\n\n\n<p>Where you replace your name with your actual name (you can use an alias, and you don&#8217;t have to put in your last name).<\/p>\n\n\n\n<p>Make sure to save your work. Commit your changes and push them back up to your GitHub repository.<\/p>\n\n\n\n<p>Post a link to your GitHub Repository in the commons on the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/jamstack\/eleventy\/starter-11ty-site\/\" data-type=\"post\" data-id=\"1854\">Starter 11ty site<\/a> page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week we will finish the Responsive Site and get started on being ready for Eleventy. The Responsive site will be submitted on Thursday, October 14 There is no class on Monday, October 11 due to a holiday. Before Class: LEARN DO THIS: Work on your project. Roughly in this order wireframes complete create HTML&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-7-2\/\">Continue reading <span class=\"screen-reader-text\">Week 7: 10\/13<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[146,22,10,142,8],"tags":[],"coauthors":[87],"class_list":["post-1840","post","type-post","status-publish","format-standard","hentry","category-eleventy","category-jamstack","category-projects","category-responsive-site","category-weeks","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 week we will finish the Responsive Site and get started on being ready for Eleventy. The Responsive site will be submitted on Thursday, October 14 There is no class on Monday, October 11 due to a holiday. Before Class: LEARN DO THIS: Work on your project. Roughly in this orderwireframes completecreate HTML for each page of your site. Focus on elmeents for the major sections of your page. It\u2019s OK if you don\u2019t get all of the paragraphs, lists etc.Make sure to determine your sitewide header and footer. You can put off the navigation for now, but leave at&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/topics\/jamstack\/eleventy\/\" rel=\"category tag\">Eleventy<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/topics\/jamstack\/\" rel=\"category tag\">Jamstack<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/projects\/\" rel=\"category tag\">Projects<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/projects\/responsive-site\/\" rel=\"category tag\">Responsive Site<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/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-fall-21\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"This week we will finish the Responsive Site and get started on being ready for Eleventy. The Responsive site will be submitted on Thursday, October 14 There is no class on Monday, October 11 due to a holiday. Before Class: LEARN DO THIS: Work on your project. Roughly in this order wireframes complete create HTML&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=1840"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1840\/revisions"}],"predecessor-version":[{"id":1857,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1840\/revisions\/1857"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=1840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=1840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=1840"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=1840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}