Skip to content

A personal website to show all about Nathan Parker (KingPr0o7). Such as his personal and school projects, about himself, and his current programming languages.

License

Notifications You must be signed in to change notification settings

KingPr0o7/KingPr0o7.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nathan Parker's logo


KingPr0o7's / Nathan Parker's Portfolio

Background

For a long time, I've wanted to start a website to show my skills to others. This repository represents the many hours of watching YouTube videos, looking at other websites, my found analyses of what to do and not do, and the overall progress of my knowledge of languages such as HTML, CSS, and JS.

Intention

The overarching goal of this portfolio is to showcase a bit about myself, my fluency in software languages, and the projects that those languages apply. Also, this website helps me bundle all that into a simple link that anyone can click, view, and share. The website exhibits my growth in learning materials such as HTML/CSS/JS or GitHub technologies. It can also show potential employers or colleges of my improvements and my known highlights to help my future in software development.

Instructions

Building the website

To build my website, you need to run a live server because all assets are referenced relatively rather than specific to your file locations.

Steps

Viewing the website

Development Environment

  • Run: npm run dev

Also, in vite.config.js: you can change what page is on the live server. Change open: '/src/main-page/index.html' to another .html in one of the folders in the src folder.

In conjunction with a live server, you also need to run the Live Sass Complier plugin which is the button at the bottom; Watch Sass. It'll automatically convert the .sass to .css which all .htmls point to.

Online

You can view my website on two domains. Those consist of: KingPr0o7.github.io and ncp.dev.

Get Distribution Files (Complied Files)

Steps

  • Install del-cli OR npm install del-cli
  • Run: npm run build in the CLI.

All files will be in the dist folder located in the root directory.

404 File/Page Not Found (Online Only)

If you encounter a 404 page, it's likely that your URL doesn't match a file in the source. For example: ncp.dev/main.html or ncp.dev/loading.html. These URL locations have been removed and are no longer in the code base.

The other reason is that GitHub is down (If you're viewing the website online), which you can check via GitHub Status Website & GitHub Status Twitter

Contributing

If you want to contribute to my project, help me grow, and solve issues, then please follow these steps:

  1. 🍴 Fork my project
  2. 🌿 Create your branch
  3. 📌 Commit the changes to the branch
  4. 💪 Push to your branch
  5. 📬 Open a pull request, and I'll review it!

You're free to contribute, and I deeply appearance any help, advice, or guidance you give me!

License

GNU AGPLv3 © KingPr0o7 (Nathan Parker)

Nathan Parker