{"id":3361,"date":"2024-04-04T18:52:57","date_gmt":"2024-04-04T22:52:57","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/?p=3361"},"modified":"2024-04-04T18:53:05","modified_gmt":"2024-04-04T22:53:05","slug":"miro-boards","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/miro-boards\/","title":{"rendered":"Miro Boards"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Throughout the course we use Miro to provide visual explanations of the topics we&#8217;re covering. Below are links to the boards, grouped by topic<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Web Design Process and Principles<\/h2>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3ce696d\" data-block-id=\"3ce696d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3ce696d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d737cab\" data-v=\"4\" data-block-id=\"d737cab\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d737cab-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d737cab-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-9d530c8 is-style-default\" data-v=\"2\" data-block-id=\"9d530c8\"><style>.stk-9d530c8 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-9d530c8-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1968\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/site-visualizations.png\" width=\"2048\" height=\"1795\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/site-visualizations.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/site-visualizations-300x263.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/site-visualizations-1024x898.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/site-visualizations-768x673.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/site-visualizations-1536x1346.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-9d530c8-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-549cfd3\" id=\"site-visualizations\" data-block-id=\"549cfd3\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Site Visualizations<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-0880d55\" data-block-id=\"0880d55\"><p class=\"stk-block-text__text\">Examples of site visualizations for the Project Brief<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-0bc031e\" data-block-id=\"0bc031e\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-48f2f61\" data-block-id=\"48f2f61\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_lOtOHuI=\/\" title=\"View Board\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-6173560 is-style-default\" data-v=\"2\" data-block-id=\"6173560\"><style>.stk-6173560 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-6173560-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1967\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/webprojectfiles.png\" width=\"1070\" height=\"910\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/webprojectfiles.png 1070w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/webprojectfiles-300x255.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/webprojectfiles-1024x871.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/webprojectfiles-768x653.png 768w\" sizes=\"auto, (max-width: 1070px) 100vw, 1070px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-6173560-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8f95c98\" id=\"web-project-files\" data-block-id=\"8f95c98\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Web Project Files<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-94e8f09\" data-block-id=\"94e8f09\"><p class=\"stk-block-text__text\">Basic diagram of the files and folders. Includes links to HTML and CSS Starter Files.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-312cfcb\" data-block-id=\"312cfcb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-55558d0\" data-block-id=\"55558d0\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_luICl5Q=\/?invite_link_id=93045655725\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c4338d8\" data-v=\"4\" data-block-id=\"c4338d8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c4338d8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c4338d8-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-bf5b7c3 is-style-default\" data-v=\"2\" data-block-id=\"bf5b7c3\"><style>.stk-bf5b7c3 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-bf5b7c3-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1966\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/web-design.png\" width=\"2048\" height=\"1074\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/web-design.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/web-design-300x157.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/web-design-1024x537.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/web-design-768x403.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/web-design-1536x806.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-bf5b7c3-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-cbed68c\" id=\"web-design\" data-block-id=\"cbed68c\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Web + Design<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-8724bc5\" data-block-id=\"8724bc5\"><p class=\"stk-block-text__text\">Very general overview of web design.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-006d23c\" data-block-id=\"006d23c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-639fc32\" data-block-id=\"639fc32\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.dropbox.com\/s\/fod634huc4fxf9y\/Screen%20Shot%202021-11-03%20at%2010.12.52%20AM.png?dl=0\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-b70e1cd is-style-default\" data-v=\"2\" data-block-id=\"b70e1cd\"><style>.stk-b70e1cd .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-b70e1cd-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-2189\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM.png\" width=\"2048\" height=\"1247\" alt=\"screenshot of javascript concepts diagram\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM-300x183.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM-1024x624.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM-768x468.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.45.50-PM-1536x935.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-b70e1cd-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-98ae256\" id=\"java-script-basics\" data-block-id=\"98ae256\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">JavaScript Basics<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-3ea0e23\" data-block-id=\"3ea0e23\"><p class=\"stk-block-text__text\">Visualization of JavaScript concepts and how they&#8217;re related<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-fae20b1\" data-block-id=\"fae20b1\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-9637269\" data-block-id=\"9637269\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_lhtq904=\/?invite_link_id=32681244236\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-39de392\" data-v=\"4\" data-block-id=\"39de392\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-39de392-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-39de392-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-d8af739 is-style-default\" data-v=\"2\" data-block-id=\"d8af739\"><style>.stk-d8af739 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-d8af739-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1965\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/gestalt.png\" width=\"1252\" height=\"1218\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/gestalt.png 1252w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/gestalt-300x292.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/gestalt-1024x996.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/gestalt-768x747.png 768w\" sizes=\"auto, (max-width: 1252px) 100vw, 1252px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-d8af739-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-323cc1c\" id=\"gestalt-layout-principles\" data-block-id=\"323cc1c\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Gestalt Layout Principles<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-0f027f5\" data-block-id=\"0f027f5\"><p class=\"stk-block-text__text\">In this miro we covered three of the principles and then you tried using them in a basic layout.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-ccaf3b6\" data-block-id=\"ccaf3b6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-b325e47\" data-block-id=\"b325e47\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_lzKHzGc=\/?invite_link_id=686756541782\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-46137dc is-style-default\" data-v=\"2\" data-block-id=\"46137dc\"><style>.stk-46137dc .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-46137dc-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-2191\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM.png\" width=\"1572\" height=\"1262\" alt=\"screenshot of group project board\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM.png 1572w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM-300x241.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM-1024x822.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM-768x617.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/Screen-Shot-2021-11-29-at-6.47.51-PM-1536x1233.png 1536w\" sizes=\"auto, (max-width: 1572px) 100vw, 1572px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-46137dc-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-448c656\" id=\"example-group-project-board\" data-block-id=\"448c656\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Example Group Project Board<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-9e8d6d4\" data-block-id=\"9e8d6d4\"><p class=\"stk-block-text__text\">This is an example of the Miro boards you&#8217;re using to manage your groups.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-936512a\" data-block-id=\"936512a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-180224e\" data-block-id=\"180224e\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_liBQwf4=\/?invite_link_id=380529062912\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Eleventy<\/h2>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0cb7e79\" data-block-id=\"0cb7e79\"><style>.stk-0cb7e79{margin-bottom:23px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0cb7e79-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-356872b\" data-v=\"4\" data-block-id=\"356872b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-356872b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-356872b-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-46d0e30 is-style-default\" data-v=\"2\" data-block-id=\"46d0e30\"><style>.stk-46d0e30 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-46d0e30-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1991\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/11ty-concepts.png\" width=\"1076\" height=\"890\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-concepts.png 1076w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-concepts-300x248.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-concepts-1024x847.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-concepts-768x635.png 768w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-46d0e30-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-d6a3236\" id=\"eleventy-concepts\" data-block-id=\"d6a3236\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Eleventy Concepts<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-c0ddefa\" data-block-id=\"c0ddefa\"><p class=\"stk-block-text__text\">Process to clone or forke<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-9ccf073\" data-block-id=\"9ccf073\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-8b351cd\" data-block-id=\"8b351cd\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_lq6P2Hc=\/?invite_link_id=152948093573\" title=\"View Board\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-7dca8e4 is-style-default\" data-v=\"2\" data-block-id=\"7dca8e4\"><style>.stk-7dca8e4 .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-7dca8e4-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-3363\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2024\/04\/Screenshot-2024-04-04-at-6.50.32\u202fPM.png\" width=\"914\" height=\"763\" alt=\"screenshot of miro showing local dev envniroment and github repo with diagrams on git and 11ty file structure\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2024\/04\/Screenshot-2024-04-04-at-6.50.32\u202fPM.png 914w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2024\/04\/Screenshot-2024-04-04-at-6.50.32\u202fPM-300x250.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2024\/04\/Screenshot-2024-04-04-at-6.50.32\u202fPM-768x641.png 768w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-7dca8e4-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6c8da25\" id=\"web-design-workflow-overview\" data-block-id=\"6c8da25\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Web Design Workflow Overview<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-a5ad0f1\" data-block-id=\"a5ad0f1\"><p class=\"stk-block-text__text\">Compares how to work on a web site in a basic site, GitHub Pges and the Eleventy Workflow<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-2999fbb\" data-block-id=\"2999fbb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-695b526\" data-block-id=\"695b526\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/uXjVNg64GoQ=\/?share_link_id=834035048159\" title=\"View Board\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2fe072f\" data-v=\"4\" data-block-id=\"2fe072f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2fe072f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2fe072f-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-87f185f is-style-default\" data-v=\"2\" data-block-id=\"87f185f\"><style>.stk-87f185f .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-87f185f-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-2819\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM.png\" width=\"2106\" height=\"1336\" alt=\"screenshot of portion of Templates and Collections miro\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM.png 2106w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM-300x190.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM-1024x650.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM-768x487.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM-1536x974.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2023\/04\/Screenshot-2023-04-04-at-3.36.40-PM-2048x1299.png 2048w\" sizes=\"auto, (max-width: 2106px) 100vw, 2106px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-87f185f-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a81d602\" id=\"templates-and-collections\" data-block-id=\"a81d602\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Templates and Collections<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-80e280c\" data-block-id=\"80e280c\"><p class=\"stk-block-text__text\">How the Nunjucks template language works with collections. List example and Card example.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-bd4cf23\" data-block-id=\"bd4cf23\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-7b7b4e7\" data-block-id=\"7b7b4e7\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/uXjVOBXwxKc=\/?share_link_id=203182697370\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f3fc912\" data-v=\"4\" data-block-id=\"f3fc912\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f3fc912-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f3fc912-inner-blocks\">\n<div class=\"wp-block-stackable-card stk-block-card stk-block stk-f00b88c is-style-default\" data-v=\"2\" data-block-id=\"f00b88c\"><style>.stk-f00b88c .stk-block-card__image img{object-fit:contain !important}<\/style><div class=\"stk--no-padding stk-container stk-f00b88c-container stk-hover-parent\"><figure class=\"stk-block-card__image stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1988\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1879\/2021\/11\/11ty-buildprocess.png\" width=\"1942\" height=\"1432\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-buildprocess.png 1942w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-buildprocess-300x221.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-buildprocess-1024x755.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-buildprocess-768x566.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-content\/uploads\/sites\/3596\/2021\/11\/11ty-buildprocess-1536x1133.png 1536w\" sizes=\"auto, (max-width: 1942px) 100vw, 1942px\" \/><\/figure><div class=\"stk-container-padding stk-block-card__content\"><div class=\"stk-block-content stk-inner-blocks stk-f00b88c-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-303e147\" id=\"eleventy-build-process\" data-block-id=\"303e147\"><h3 class=\"stk-block-heading__text stk-block-heading--use-theme-margins\">Eleventy Build Process<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-74fed53\" data-block-id=\"74fed53\"><p class=\"stk-block-text__text\">Outline of the way 11ty builds the output files from the input files.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-b43d6ad\" data-block-id=\"b43d6ad\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-bb55c45\" data-block-id=\"bb55c45\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/miro.com\/app\/board\/o9J_lP-OD6A=\/?invite_link_id=306913343161\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">View Board<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Throughout the course we use Miro to provide visual explanations of the topics we&#8217;re covering. Below are links to the boards, grouped by topic Web Design Process and Principles Site&hellip;&nbsp;<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/miro-boards\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Miro Boards<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"openlab_post_visibility":"","footnotes":""},"categories":[43],"tags":[39,48],"class_list":["post-3361","post","type-post","status-publish","format-standard","hentry","category-resource","tag-11ty","tag-miro"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/posts\/3361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/comments?post=3361"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/posts\/3361\/revisions"}],"predecessor-version":[{"id":3364,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/posts\/3361\/revisions\/3364"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/media?parent=3361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/categories?post=3361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-sp24\/wp-json\/wp\/v2\/tags?post=3361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}