Surfer - CSS issue
-
Sorry if this is a simple fix but I have been scouring the forums cannot seem to figure it out.
Issue: Using the browser UI, I have uploaded all the files for my website (chetlwilliams.com and chetlwilliams.com/resume) and it does not render the CSS file.
Environment: Testing both Zola and Hugo static site generators on Mac. DNS is served through Cloudflare.
Troubleshooting steps:
- Used two different browsers (Safari and Chrome)
- Looked at the index.html files and can see the .css is reference in the correct location for both pages.
- Confirmed in the Surfer that the .css file that was uploaded does have code into and not empty.
Any tips/help would be appreciated.
-
If you check the network tab of your browser you can see that it tries to load the assets from
https://chetlwilliams.com/chetlwiliams.com/assets/css/custom.css
which obviously should behttps://chetlwilliams.com/assets/css/custom.css
, so there might be a problem with your routing setup, nothing to do with surfer itself I reckon. -
-
@msbt @nebulon Thanks so much for the quick responses. I was not even thinking about the using the console to check what was going on. Using your suggestions I did some quick and dirty fixes to get things up until I can figure out why it routed the way it did.
Summary of fixes: found a misspelling in the config.toml of Zola theme, created a chetlwilliams.com folder inside of the website folder and moved all the assets there and everything was picked up.
For the /resume page, move the .css to the bare url folder and the site picked it up. Must be something with the way the individual site generators spits out its files.Thanks again for the help.
-