Page loads on local but doesn't on a host/server - html

So I've been trying some HTML templates out and I've spent 4 hours editing this certain template. It ran perfectly just for loading index.html --> Chrome.
Once I uploaded the site to my hosting I noticed that the site keeps getting stuck on the loading screen.
I wanted to past the whole index.html file but I couldn't so I uploaded it here:
http://pastebin.com/raw/P6Z2Qvd9
Since I cannot paste the whole index code here, I've also uploaded all the files to my hosting so you can view the website:
http://ziiran.xyz/notepad/

Related

Distill not accessing style.css on website

I am trying to upload a website created with distilling in rmarkdown. The home page looks correct but when I upload other pages to my website, it loses all of the style options I have applied. It looks correct when I open the HTML pages locally but not once uploaded. See below the issue. The home and about pages are correct, but the test is messed up. Has anyone seen this problem before?
https://centerforwashingtonareastudies.org/small_test/test.html

HTML edits not showing

I’m working on a simple webpage with just an index.html file. If I make changes to the html file and then upload the file to my server, when I reload the page using the url with only http the changes I made show, for example, if I remove the index.html file and reload the page it says could not load page, not found. If I do the same thing but use https, the page still loads even if the index.html file is deleted from the server. I have deleted and cleared cache and website data from my iPhone. This seems to happen on iOS in both safari and Firefox on my iPhone but not on a computer. Does the https cache differently or store files in a different directory?

Blank page when uploading website files to web hoster

So I downloaded my own portfolio after making it through a portfolio maker and decided to download it, modify the html files to my liking and then wanted to upload them to a web hoster where I would use my own domain for it, however when I tried uploading my files to the main folder on my website's directory and check the website out it simply shows me a blank page, even though it actually displays my logo on the tab on top. When I open the index.html with Chrome from my local files it displays my website perfectly however when I upload it to my website and try view it that's when I get a problem. I have tried using 2 different web hosters and tried uploading my files through FTP and direct upload and still got the same blank page.
NOTE: I uploaded all the files in my site folder not just the index.html and if it works when I opened it with Chrome I don't see why it wouldn't work on my website.
It looks like you have forgotten to upload some files:
All the ones marked 404 are missing and need to be uploaded.

JS not loading properly after hosting site

I have hosted my site on AWS server and I am encountering with weird problem When I load my page for the first time files are loaded as below
When I reload the site folder structure becomes
which is correct.
Hence my site is not behaving properly for the first time. Images are missing. Can somebody tell why this is happening?

IMG won't show on remote site

I have a webpage where the images are not being found (running chrome). I synced the remote directory with my local one, so all files should be identical, however I can see the images locally but not on the remote site. Can anyone explain why?
I have the following directory where my index.html is:
icons/circle/*.png, where * is some generic social media i.e. (facebook, twitter, etc.)
using this code to show it on html
<img class="social-media" src="icons/circle/facebook.png">
But it only shows when I view my webpage locally, not when everything is uploaded to the server.
See webpage footer at dmacmill.com
Full directory listing:
Temp solution
I decided to just create another folder to hold all my icons, now they work for some reason. Still never found out the underlying cause of this.