{"id":3036,"date":"2024-02-01T11:31:12","date_gmt":"2024-02-01T16:31:12","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd340\/?p=3036"},"modified":"2026-02-25T07:59:25","modified_gmt":"2026-02-25T12:59:25","slug":"task-6","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd340\/task-6\/","title":{"rendered":"Task 6 &#8211; Home &#038; Portfolio Pages"},"content":{"rendered":"<h3>Portfolio<\/h3>\n<ol>\n<li>Update all Home Page widgets with personal content:\n<ul>\n<li>Hero: carousel or video<\/li>\n<li>Highlights: Call to Action widgets&#8211;you can use and personalize these for key images\/projects<\/li>\n<\/ul>\n<\/li>\n<li>About Me page: move photo and bio text to this page<\/li>\n<li>For portfolio: Make sure you have 3 good genre categories, with 2 full-content posts (with featured images) per genre category; these should appear on your Portfolio page and in submenus<\/li>\n<li>Create Portfolio Page\n<ul>\n<li>Add Heading &amp; Portfolio widget<\/li>\n<li>Add Filter bar for Portfolio widget<\/li>\n<\/ul>\n<\/li>\n<li>Menu: Add Portfolio Page, Posts page and Login item to Menu<\/li>\n<li>Optional: \u00a0Try a few widgets on your Playground page; eg \u00a0Try a Heading widget&#8211;&gt;Advanced tab&#8211;&gt;Motion Effects; or try Flip Box or Image Box widgets<\/li>\n<\/ol>\n<h3>HTML Practice<\/h3>\n<h4>W3S<\/h4>\n<ol>\n<li>W3S <a href=\"\\&quot;https:\/\/www.w3schools.com\/html\/html_links.asp\\&quot;\">Links<\/a> and <a href=\"\\&quot;https:\/\/www.w3schools.com\/html\/html_images.asp\\&quot;\">Images<\/a><\/li>\n<li><a href=\"\\&quot;https:\/\/jolineblais.net\/nmd340\/quiz\/quiz-6\/\\&quot;\">Quiz 6<\/a><\/li>\n<\/ol>\n<h4>\u00a0CodePen<\/h4>\n<p><a href=\"https:\/\/codepen.io\/pobox753\/pen\/BabLZGe\">Model Page for Codepen Tasks 1-6<\/a><\/p>\n<ol>\n<li>Practice CodePen. \u00a0Add the following code to your CCS stylesheet in Codepen&#8211; Note what the CSS changes in your website in paragraphs and in the buttons. Feel free to update the colors (vs gold &amp; dimgray), but keep the other data intact.<\/li>\n<\/ol>\n<pre class=\"wp-block-code\"><code>\r\np {\r\n\/* 17. Set the paragraph spacing. *\/\r\npadding-left: 1em;\r\n}\r\nbutton {\r\n\/* 18. Set the button size, spacing, and color. *\/\r\nfont-size: 1.3em;\r\npadding: .5em;\r\nbackground-color: transparent;\r\ncolor: palegoldenrod;\r\n\/* 19. Add a subtle shadow. *\/\r\nbox-shadow: wheat 0 0 .2em;\r\n\/* 20. Add a border with rounded corners. *\/\r\nborder: gold solid 1px;\r\nborder-radius: .5em;\r\n}\r\nbutton:hover {\r\n\/* 21. Change the border color on mouseover. *\/\r\nbackground-color: gold;\r\ncolor: dimgray;\r\n}\r\n<\/code><\/pre>\n<h3>Post:<\/h3>\n<ol>\n<li>Subject: Task 6-yourname<\/li>\n<li>Category: Task 6<\/li>\n<li>Codepen URL<\/li>\n<li>Portfolio \u00a0Home page URL, AND playground page URL<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Create and customize Home Page with Template. Create Portfolio Page for use later.  <\/p>\n","protected":false},"author":2,"featured_media":2003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,35],"tags":[53],"class_list":["post-3036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","category-task-6","tag-tasks"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/comments?post=3036"}],"version-history":[{"count":10,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3036\/revisions"}],"predecessor-version":[{"id":6921,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3036\/revisions\/6921"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/media?parent=3036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/categories?post=3036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/tags?post=3036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}