Skip to content

blacksmithop/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio 📁

GitHub issues GitHub closed issues

Website Publish Releases

Website

Source at gh-pages


Table of Contents


Features

CI/CD

  • Deployed from main (./public) to gh-pages
  • Automatic releases upon tag creation (semantic versioning)

Sass

  • No more bulky css files! Compile only what you use.
  • Minified css files.

Source files can be found at fontawesome and bootstrap

Website

🎩 <head> Libraries, meta, ogp & custom css/js
  • Favicon, meta description, crawlers etc.
🗺️ <navbar> Navigation, Avatar
  • Responsive navbar
    • Tooltips
    • Link to section / open accordion
    • Styled avatar
      • Dropdown menu direction based on screen size
        • fix menu direction on small screens
      • Hover effect
🌗 <darkmode> Dark mode with toggle
  • Styled toggle
  • Implementation
    • Class toggle in js
      • toggle as per system preference
    • Sass theme
📦 <app-body> The content
  • Content in sections
    • About me
    • Projects
      • Dynamic cards
      • Autoplay preview (.webm)
      • Scrollable div
    • Stack
      • Dynamic
👣 <footer> Copyright, links & resume
  • Responsive
    • Resume
      • Toasts
        • Download & View
        • Styled
    • Source
      • Repository link
    • Contact
      • Details
      • Socials
🗨️ <modal> Project preview
  • Responsive modal
    • Reusable
🗂️ Assets img, video, doc/pdf, json
  • Compressed files

Fixes

  • Inline css (critical), minify (wip)
  • Compress assets (wip)
  • Loadtime improvements (FCP)
  • Darkmode
    • Alternate icons based on mode
  • Make long sections scrollable
  • Better query selectors
  • Dynamically added cards
  • Moved render blocking tags to the bottom
  • Dynamic modal creation (wip)
  • Pug and Sass (WIP)

Pointers

  1. Keep it simple, keep it fast.
  2. Over-engineering makes it becomes a chore to maintain down the line.
  3. If it looks like it doesn't belong there, it probably doesn't.
  4. Always test, bug fixing is best done as they're made.
  5. Lighthouse and Stackoverflow are your friends