Index.html works, nothing else does

Hello, having an issue with github pages deployment. Site in question: https://razzlejazzled.github.io/RJ-G-Portfolio/, Repo: https://github.com/razzlejazzled/RJ-G-Portfolio

Everything works perfectly fine in local host. In pages, the index.html file works just fine, however there is an issue with the links to other pages (down in the selected projects section, the buttons with the plus signs on them). Instead of loading up the details of the project in question, a 404 error occurs. I tried looking through the docs for Github pages, but I either missed something or didn’t find a solution.

I’m still a relative newbie when it comes to coding, but I’ve used pages for a few other projects and never encountered any issues. Thanks in advance for any help or suggestions!

At a glance, there are a bunch of problems:

<a href="https://razzlejazzled.github.io/RJ-G-Portfolio/pages/portfolio-details.html"> <span class="ion-ios-plus-outline"></span></a>

The directory in your repo is called Pages/, not pages/. You must use the exact same capitalization (that it works locally indicates you’re working on Windows, which ignores capitalization in filenames). Also it’d be better to make the link relative: Pages/portfolio-details.html

<a href="/pages/lplan-details.html"> <span class="ion-ios-plus-outline"></span></a>

There’s the same capitalization problem, and in addition the link is absolute, not relative (because of the leading slash). Pages/lplan-details.html should work.

Look through the remaining links for similar issues.

2 Likes

Thanks for taking a look. A bit embarrassed that I missed something like that, but I suppose that’s the benefit of a fresh set of eyes.

Sadly, that suggested changes do not fully fix the problem. Instead of getting the default Github 404 error page as was happening previously, the suggested changes lead to a never ending spinning wheel. Upon opening up the console, the 404 error is still present.

1 Like

The site seems to load just fine for me, as long as Javascript is enabled. I notice your post and the latest commits were made at about the same time, maybe the site just took a moment to update?

2 Likes

Interesting, I’m still getting the same problem. Index.html works just fine, but the links down in the portfolio section lead to 404 errors. Tried it in multiple browsers just to check.

Oh, sorry, I misunderstood and thought you were getting the spinning wheel on the main page. On the portfolio pages I get it as well, and that looks like a relative link issue again. For example in Pages/portfolio-details.html you have this:

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

There is no assets/ directory in Pages/, it’s a level above, so the href should be ../assets/vendor/bootstrap/css/bootstrap.min.css. Same for a lot of other CSS, image, and script files.

Alright, well I feel sufficiently embarrassed for missing something as simple as that.

It seems to be working, so I thank you for your time and patience helping someone with only 3 months coding experience out with these simple mistakes.

1 Like