1. location
2. Description
3. Purpose
4. Functionality/features
5. Sitemap
6. Target Audience
7. Tech Stack
8. Screenshots
   1. index
   2. about.html
   3. projects.html
   4. blog.html
   5. contact.html

https://derick-yearnsmith-t1a2.netlify.app/

https://github.com/Yearnsmith/derick-yearnsmith_T1A2

A portfolio website for potential employers

• To display my skill as a developer through a live example and demonstration.
• To learn basic Scss

• 4 interlinking HTML5 pages
• Semantic HTML
• Accessible HTML
• Authored as Mobile First
• CSS @Media Breakpoints for display accross devices
• CSS Flexbox and Grid used for responsive design
• Scss utilised to style pages in CSS
  • @mixins and partials used to separate code and implement DRY process.
• CSS animation to engage users on entry to site
• Solarized colour scheme utilised throughout to:
  • Give consistent theme to site
  • Engage target audience
  • Implement "Don't reinvent the wheel"
• ::before & ::after utilised to:
  • generate dynamic text for blog metadata
  • generate form hints
• SRI
• Links to professional profiles
• Link to download resume

• html DOCTYPE with lang attribute
• header
• nav
• main
• article
• section (within article)
• anchor with download attribute for Resume
• aside
• footer

• 'Skip-to-main' link at top of page
  • placed off page by default. Appears with :focus.
  • Accessible for keyboard users
• Images purely for presentation are given the role="presentation" ARIA attribute

                      index.html
                          |
      |------------|--------------|-------------|
      |            |              |             |
  about.html  projects.html   blog.html     contact.html
      |
 dev-resume-
 nov-2020-
 current.pdf

• Future employers
• Future colleagues
• Industry peers

• HTML
• CSS (Scss)
• Javascript

• GitHub (Host)
• Netlify (Deployment Platform)

• Git