Task 8 – Project 1 Portfolio

by

Portfolio

This portfolio wil be graded as Portfolio 1, and is worth 30% of your grade. Rubric below.

New additions this week:

  1. Add Responsive Edits to Home–I will test using mobile
  2. Testimonial Carousel–vetting–add at least 2 professor or peer reviews
  3. Add CV as pdf to home page using a global button
    upload 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
  4. Post Content: By now all post content should be relevant to your portfolio. Use only key posts, and select the rest & bulk edit all of the unused ones to “draft” so they will not show up.
  5. Include Playground (with your widget explorations) in your Menu.
  6. Optional: Links to any other page with extra widgets, or effects.

Rubric for Portfolio 1

It should have all the requirements of the previous portfolios including the items above,  and will be graded for the following rubric:

  1. Clean design frames work well
  2. Complete & personalized Home Page, About (me) Page, Portfolio, and Playground  pages (all in the menu)
  3. Work is well organized via posts and by genre category, and in Portfolio page & sub-menus
  4. Header has apt logo with balanced layout
  5. Playground page has some experimentation; more will result in higher grade.

HTML/CSS Practice

W3S

  1. W3: CSS, Classes,  IDs
  2. Quiz 8

CodePen

Update CodePen.  Add the following code to your CCS stylesheet in Codepen– Note what the CSS changes in your website.


img {
/* 25. Ensure images expand to fill their alotted space. */
max-width: 100%;
object-fit: contain;
/* 26. Give images twice the space as text content when in a flex row. */
flex: 2;
/* 27. Add a coloristic effect for visual coherence (optional). */
filter: sepia(50%);
}
/* 28. Give odd sections a color that contrasts with the even ones. */
/* Local properties. */
#navigation,
#florence-heading,
#florence-section,
#naples-heading,
#naples-section,
#footer 
{
background-color: dimgray;
color: palegoldenrod;
}

Post

  1. Subject: Task 8-yourname
  2. Category: Task 8
  3. Codepen URL
  4. Portfolio Home and and CV URLs (as clickable links, like this)
  5. Playground and Portfolio pages are in your Header menu, so accessible.
  6. Description of updates, new widgets used, techniques tried, or any other explanations of your work relevant to this evaluation.