{"id":3486,"date":"2024-02-11T20:46:36","date_gmt":"2024-02-12T01:46:36","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd340\/?p=3486"},"modified":"2026-03-06T16:07:17","modified_gmt":"2026-03-06T21:07:17","slug":"task-8","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd340\/task-8\/","title":{"rendered":"Task 8 &#8211; Project 1 Portfolio"},"content":{"rendered":"<h3>Portfolio<\/h3>\n<h4>This portfolio wil be graded as Portfolio 1, and is worth 30% of your grade. Rubric below.<\/h4>\n<p>New additions this week:<\/p>\n<ol>\n<li>Add Responsive Edits to Home&#8211;I will test using mobile<\/li>\n<li>\n<div>Testimonial Carousel\u2013vetting&#8211;add at least 2 professor or peer reviews<\/div>\n<\/li>\n<li>\n<div>Add CV as pdf to home page using a global button<br \/>\nupload your CV as a pdf to the Media Library, then get the URL by selecting it in the library; copy that and use the URL in a Global button on your Home page<\/div>\n<\/li>\n<li>Post Content: By now all post content should be relevant to your portfolio. Use only key posts, and select the rest &amp; bulk edit all of the unused ones to &#8220;draft&#8221; so they will not show up.<\/li>\n<li>Include Playground (with your widget explorations) in your Menu.<\/li>\n<li>Optional: Links to any other page with extra widgets, or effects.<\/li>\n<\/ol>\n<h3>Rubric for Portfolio 1<\/h3>\n<p>It should have all the requirements of the previous portfolios including the items above, \u00a0and will be graded for the following rubric:<\/p>\n<ol>\n<li>Clean <strong>design<\/strong> frames work well<\/li>\n<li><strong>Complete<\/strong> &amp; <strong>personalized<\/strong> Home Page, About (me) Page, Portfolio, and Playground \u00a0pages (all in the menu)<\/li>\n<li>Work is well organized via <strong>posts<\/strong> and by <strong>genre<\/strong> category, and in <strong>Portfolio<\/strong> page &amp; <strong>sub-menus<\/strong><\/li>\n<li><strong>Header<\/strong> has apt logo with balanced layout<\/li>\n<li><strong>Playground<\/strong> page has some experimentation; more will result in higher grade.<\/li>\n<\/ol>\n<h3>HTML\/CSS Practice<\/h3>\n<h4>W3S<\/h4>\n<div>\n<ol>\n<li>\n<div>W3: <a href=\"https:\/\/www.w3schools.com\/html\/html_css.asp\">CSS<\/a>, <a href=\"https:\/\/www.w3schools.com\/html\/html_classes.asp\">Classes<\/a>, \u00a0<a href=\"https:\/\/www.w3schools.com\/html\/html_id.asp\">IDs<\/a><\/div>\n<\/li>\n<li><a href=\"https:\/\/umainenewmedia.net\/nmd340\/quiz\/quiz-8\/\">Quiz 8<\/a><\/li>\n<\/ol>\n<\/div>\n<h4>CodePen<\/h4>\n<p>Update CodePen. \u00a0Add the following code to your CCS stylesheet in Codepen&#8211; Note what the CSS changes in your website.<\/p>\n<pre class=\"wp-block-code\"><code>\r\nimg {\r\n\/* 25. Ensure images expand to fill their alotted space. *\/\r\nmax-width: 100%;\r\nobject-fit: contain;\r\n\/* 26. Give images twice the space as text content when in a flex row. *\/\r\nflex: 2;\r\n\/* 27. Add a coloristic effect for visual coherence (optional). *\/\r\nfilter: sepia(50%);\r\n}\r\n\/* 28. Give odd sections a color that contrasts with the even ones. *\/\r\n\/* Local properties. *\/\r\n#navigation,\r\n#florence-heading,\r\n#florence-section,\r\n#naples-heading,\r\n#naples-section,\r\n#footer \r\n{\r\nbackground-color: dimgray;\r\ncolor: palegoldenrod;\r\n}\r\n\r\n<\/code><\/pre>\n<h3>Post<\/h3>\n<ol>\n<li>Subject: Task 8-yourname<\/li>\n<li>Category: Task 8<\/li>\n<li>Codepen URL<\/li>\n<li>Portfolio Home and and CV URLs (as clickable links, <a href=\"https:\/\/umainenewmedia.net\/nmd340\/\">like this<\/a>)<\/li>\n<li>Playground and Portfolio pages are in your Header menu, so accessible.<\/li>\n<li>Description of updates, new widgets used, techniques tried, or any other explanations of your work relevant to this evaluation.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Use CSS to make your pages and posts responsive for tablets &#038; phones<\/p>\n","protected":false},"author":2,"featured_media":2003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,37],"tags":[53],"class_list":["post-3486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","category-task-8","tag-tasks"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3486","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=3486"}],"version-history":[{"count":10,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3486\/revisions"}],"predecessor-version":[{"id":7149,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3486\/revisions\/7149"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/media?parent=3486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/categories?post=3486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/tags?post=3486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}