CSS won't load on very simple HTML site

My YunoHost server

Hardware: Librem Mini v1
YunoHost version: 4.1.7.1 (stable)
I have access to my server : Through SSH | through the webadmin | direct access via keyboard / screen | ALL THREE
Are you in a special context or did you perform some particular tweaking on your YunoHost instance ? : no

Description of my issue

I have a very basic index.html page, a styles.css and font folder with one font file. Am trying to use them with the Yunohost Custom Web App I get an error message saying the Stylesheet could not be loaded. When I open the Web Console in Firefox, I get a lot of warnings and errors. They seem to be related to .js files for Yunohost.

Content Security Policy: This site (https://PERSONALDOMAIN) has a Report-Only policy without a report URI. CSP will not block and cannot report violations of this policy.
Cookie “SSOwAuthRedirect” has been rejected because it is already expired. static
Request to access cookie or storage on “<URL>” was blocked because we are blocking all third-party storage access requests and content blocking is enabled. 15
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LONGHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
The resource from “https://NAME.nohost.me/yunohost/sso/?r=MEDIUMHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LASTHASH” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
The resource from “https://NAME.nohost.me/yunohost/sso/?r=SHORTHASH==” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
The resource from “https://NAME.nohost.me/yunohost/sso/?r=MOREHASH” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
Cookie “” has been rejected as third-party. sso
Cookie “” has been rejected as third-party. sso
Cookie “” has been rejected as third-party. sso
Loading failed for the <script> with source “https://NAME.ca/ynh_portal.js”. static:12:1
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=MEDIUMHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LASTHASH” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
Loading failed for the <script> with source “https://NAME.ca/ynhtheme/custom_portal.js”. static:12:1
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LONGHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=SHORTHASH==” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LONGHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=MEDIUMHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=SHORTHASH==” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=MEDIUMHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso
The resource from “https://NAME.nohost.me/yunohost/sso/?r=LONGHASH=” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). static
Cookie “” has been rejected as third-party. sso

I haven’t edited anything internatlly, literally just installed Custom Web App, uploaded the files uses SFTP and get this error.

CSS doesn’t render with any of my browsers so it isn’t a issue with security settings within an individual browser. The html and css files are fine as they work in other environments like ddev. Just curious if any folks have thoughts on the matter. Just started using Yunohost and loving it so far.

I believe you should rather look at the network tab and check what’s the server answer when it’s trying to fetch the css file (if it’s trying to fetch it at some point)

Oh good call! I’m getting a 403 error on my styles.css file. Looks like it was a simple permissions issue. sudo chmod 644 styles.css fixed this issue.

Sorry for the bother. Thanks for doing what you do @Aleks !

1 Like

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.