![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/04\/Screen-Shot-2022-04-04-at-1.27.18-AM-1024x567.png\")
<\/a>Creating the Eleventy Repository and setting up GitPod as the editor.<\/p>\n\n\n\n
Part 2: Create Markdown Files<\/h2>\n\n\n\n![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/04\/Screen-Shot-2022-04-04-at-1.33.14-AM-1024x557.png\")
<\/a>view video<\/a> [8:32] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\nCreate a Markdown file for each of the HTML files in your site. In this step you just need to create the files and add some front matter data.<\/p>\n\n\n\n
Part 3: Base Template, Passthrough files and Content<\/h2>\n\n\n\n![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/04\/Screen-Shot-2022-04-04-at-1.43.43-AM-1024x572.png\")
<\/a>view video<\/a> [17:24] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\nIn this step we set up the base template (base.njk), copy over the passthrough files (CSS, JavaScript and images). Then we move the content from each page into the Markdown files created in step 1.<\/p>\n\n\n\n
After the Template and Content is moved over, there are some changes that need to be made. In the video you can look at about 10:40. The changes are:<\/p>\n\n\n\n
- Remove all spaces between HTML elements. No blank lines. If you have them then the Markdown won’t render properly. <\/li>
- All paths need to start with \/ and remove the .html
- href=”file.html” changes to href=”\/file” <\/li>
- src=”images\/file.jpg” changes to src=”\/images\/file.jpg”<\/li><\/ul><\/li><\/ul>\n\n\n\n
To make this process faster and more accurate you can use a global find and replace. <\/p>\n\n\n\n
Step 4: Testing<\/h2>\n\n\n\n![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/04\/Screen-Shot-2022-04-04-at-2.12.55-AM-1024x566.png\")
<\/a>view video<\/a> [3:45] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\nIn this video we go through cleaning up some more parts and committing our changed files and syncing to GitHub.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
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<\/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":[150],"tags":[55,217,226,54,227],"coauthors":[87],"class_list":["post-2820","post","type-post","status-publish","format-standard","hentry","category-eleventy-site","tag-11ty","tag-content","tag-convert","tag-eleventy","tag-passthrough","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":"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 view video [4:38] Passcode: 1BFX^Q9t Creating the Eleventy Repository and setting up GitPod as the editor. Part 2: Create Markdown Files view video [8:32] Passcode: 1BFX^Q9t Create a Markdown file for each of the HTML files in your site. In this step you just need to create the files and add some front matter data. Part 3: Base Template, Passthrough files and Content view video [17:24] Passcode: 1BFX^Q9t In this step we set…<\/p>\n","category_list_v2":"Eleventy Site<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"1 comment","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":1,"uagb_excerpt":"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……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"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=2820"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions\/2852"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2820"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a>Create a Markdown file for each of the HTML files in your site. In this step you just need to create the files and add some front matter data.<\/p>\n\n\n\n
Part 3: Base Template, Passthrough files and Content<\/h2>\n\n\n\n<\/a>view video<\/a> [17:24] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\nIn this step we set up the base template (base.njk), copy over the passthrough files (CSS, JavaScript and images). Then we move the content from each page into the Markdown files created in step 1.<\/p>\n\n\n\n
After the Template and Content is moved over, there are some changes that need to be made. In the video you can look at about 10:40. The changes are:<\/p>\n\n\n\n
- Remove all spaces between HTML elements. No blank lines. If you have them then the Markdown won’t render properly. <\/li>
- All paths need to start with \/ and remove the .html
- href=”file.html” changes to href=”\/file” <\/li>
- src=”images\/file.jpg” changes to src=”\/images\/file.jpg”<\/li><\/ul><\/li><\/ul>\n\n\n\n
To make this process faster and more accurate you can use a global find and replace. <\/p>\n\n\n\n
Step 4: Testing<\/h2>\n\n\n\n<\/a>view video<\/a> [3:45] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\nIn this video we go through cleaning up some more parts and committing our changed files and syncing to GitHub.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
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<\/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":[150],"tags":[55,217,226,54,227],"coauthors":[87],"class_list":["post-2820","post","type-post","status-publish","format-standard","hentry","category-eleventy-site","tag-11ty","tag-content","tag-convert","tag-eleventy","tag-passthrough","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":"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 view video [4:38] Passcode: 1BFX^Q9t Creating the Eleventy Repository and setting up GitPod as the editor. Part 2: Create Markdown Files view video [8:32] Passcode: 1BFX^Q9t Create a Markdown file for each of the HTML files in your site. In this step you just need to create the files and add some front matter data. Part 3: Base Template, Passthrough files and Content view video [17:24] Passcode: 1BFX^Q9t In this step we set…<\/p>\n","category_list_v2":"Eleventy Site<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"1 comment","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":1,"uagb_excerpt":"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……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"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=2820"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions\/2852"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2820"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a>In this step we set up the base template (base.njk), copy over the passthrough files (CSS, JavaScript and images). Then we move the content from each page into the Markdown files created in step 1.<\/p>\n\n\n\n
After the Template and Content is moved over, there are some changes that need to be made. In the video you can look at about 10:40. The changes are:<\/p>\n\n\n\n
- Remove all spaces between HTML elements. No blank lines. If you have them then the Markdown won’t render properly. <\/li>
- All paths need to start with \/ and remove the .html
- href=”file.html” changes to href=”\/file” <\/li>
- src=”images\/file.jpg” changes to src=”\/images\/file.jpg”<\/li><\/ul><\/li><\/ul>\n\n\n\n
To make this process faster and more accurate you can use a global find and replace. <\/p>\n\n\n\n
Step 4: Testing<\/h2>\n\n\n\n
<\/a>view video<\/a> [3:45] Passcode: 1BFX^Q9t<\/figcaption><\/figure>\n\n\n\n In this video we go through cleaning up some more parts and committing our changed files and syncing to GitHub.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
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<\/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":[150],"tags":[55,217,226,54,227],"coauthors":[87],"class_list":["post-2820","post","type-post","status-publish","format-standard","hentry","category-eleventy-site","tag-11ty","tag-content","tag-convert","tag-eleventy","tag-passthrough","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":"
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 view video [4:38] Passcode: 1BFX^Q9t Creating the Eleventy Repository and setting up GitPod as the editor. Part 2: Create Markdown Files view video [8:32] Passcode: 1BFX^Q9t Create a Markdown file for each of the HTML files in your site. In this step you just need to create the files and add some front matter data. Part 3: Base Template, Passthrough files and Content view video [17:24] Passcode: 1BFX^Q9t In this step we set…<\/p>\n","category_list_v2":"Eleventy Site<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"1 comment","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":1,"uagb_excerpt":"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……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"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=2820"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2820\/revisions\/2852"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2820"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}