Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Surfer
  3. Surfer - CSS issue

Surfer - CSS issue

Scheduled Pinned Locked Moved Solved Surfer
6 Posts 4 Posters 787 Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C Offline
      C Offline
      chet.williams
      wrote on last edited by
      #1

      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.

      1 Reply Last reply
      0
      • M Offline
        M Offline
        msbt
        App Dev
        wrote on last edited by msbt
        #2

        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 be https://chetlwilliams.com/assets/css/custom.css, so there might be a problem with your routing setup, nothing to do with surfer itself I reckon.

        1 Reply Last reply
        1
        • nebulonN Offline
          nebulonN Offline
          nebulon
          Staff
          wrote on last edited by
          #3

          as @msbt mentioned there seems to be an issue when you build the assets. Either the domain needs to be a proper origin with protocol https://chetwilliams.com or just empty so the assets are sourced relative to the file.

          1 Reply Last reply
          0
          • nebulonN nebulon marked this topic as a question on
          • C Offline
            C Offline
            chet.williams
            wrote on last edited by
            #4

            @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.

            1 Reply Last reply
            0
            • C chet.williams has marked this topic as solved on
            • robiR Offline
              robiR Offline
              robi
              wrote on last edited by
              #5

              FYI: You should also remove the www. link from your home page links or otherwise add the www. record to the app or DNS.

              Conscious tech

              C 1 Reply Last reply
              0
              • robiR robi

                FYI: You should also remove the www. link from your home page links or otherwise add the www. record to the app or DNS.

                C Offline
                C Offline
                chet.williams
                wrote on last edited by
                #6

                @robi Thanks for the tip. I went ahead and add a www record. I believe the templates I am using have it coded into the index.html file. This will work until I spend sometime learning to write my own.

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                  • Login

                  • Don't have an account? Register

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Categories
                  • Recent
                  • Tags
                  • Popular
                  • Bookmarks
                  • Search