Skip to content

Languages Page & 404 Page - v0.5.0
Compare
Choose a tag to compare
@KingPr0o7 KingPr0o7 released this 23 Mar 05:54
· 92 commits to main since this release
v0.5.0
518948b

Additions

🌐 Languages Page

Wanted to know what software languages I know? You can now view all of them, with the exact timestamp I started and my knowledge level!

  • Timestamps include the following information:
    • When viewing without hovering or clicking, you can view a relative timestamp from the exact date I started. You can hover/click to view the date of each language start date.
  • Knowledge levels:
    • Beginner Level (Level 1): A star with 3 points, with a silver background. Indicating that I've recently started and or don't know the full language.
    • Intermediate Level (Level 2): A star with 4 points, with a bronze background. It displays I have extended experience with the language and that I can code quite confidently with it.
    • Proficient Level (Level 3): A star with 5 points, with a gold background. It shows that I am able to make things without much difficulty, can teach others about the language, and have made dozens of projects to build up knowledge.

⚠️ 404 Page

The 404 is a page that is the result of an HTTP protocol that fires when the server cannot find the page/file that has been requested by the user.

My 404 page includes:

  • HELP link:
    • In the navbar, linking to the README.md -> 404 File/Page Not Found (Online Only) header. Displays information about the 404 page.
  • Return home link:
    • Under the 404 | Page Not Found text. Directly clicking it will send you to the root: https://ncp.dev/.
  • GitHub Status Website:
    • Since my site is run off of GitHub Pages, it's needed to be displayed, just in case Pages goes down, and isn't the user's fault.
  • GitHub Status Twitter:
    • Another form of the GitHub Status Website.

📜 On Scroll Animations

These on-scroll animations will fire when the element intersects with the user's viewport. They're supposed to be subtle and not jarring to look at. Also, in case of elements are placed in groups, they will have delays to have a staggered effect!

Changes/Fixes

  • Card content showing above the navbar.
  • White glow with navbar, due to navlist still showing.
  • Fixed distribution of the 404 page, not being in the dist folder and fixed file directories for it.
  • Language image's folder being ignored.

Removals

  • ❌ Random console.logs
  • ❌ NCP x GitHub, was clunky and a hassle for mobile users.
Assets 2
Loading