Completed Portfolio Tasks
- ✅ Week 1 – Puzzle Congrats Page
- ✅ Week 2 – Invisible Cities with styling and anchor navigation
- ✅ Week 3 – CSS Playground + Artistic Emulation
- ✅ Week 4 – Peatcutter’s Croft Microsite (3 pages + contact form)
- ✅ Week 5 – Responsive Layout with Media Queries
- ✅ Week 6 – Accessibility Checklist Demo (alt text, skip-links, semantic HTML)
- ✅ Week 7 – Usability & UX Analysis
- ✅ Week 8 – User Research Summary + JavaScript Form & Dark Mode
Keeping Things Private
I used the <meta name="robots" content="noindex,nofollow" /> tag on these pages to stop search engines from indexing them:
- ✔ Peatcutter’s Croft Microsite
- ✔ Website Redesign (Leeds Food Aid Network)
JavaScript Pop-up Notices
I added a quick cookie pop-up to:
- ✔ Peatcutter’s Croft Microsite
- ✔ Website Redesign (Leeds Food Aid Network)
Testing & Accessibility Checks
- ✔ Skip-links, alt text, proper heading structure
- ✔ Colour contrast and keyboard-focus areas checked
- ✔ Code validated using W3C Validator
- ✔ I ran an accessibility check using WAVE tool
Final Upload & File Checks
✔ All files and folders named clearly, with no spaces or symbols.
✔ All projects placed inside public_html on leedsnewmedia.net
✔ All links use relative paths — no hard-coded URLs here!