It looks like you’re running into a similar pathing issue as listed in this answer here:

<a href="https://github.community/t/code-showing-correctly-in-preview-but-not-actual-page/136703/5">Code showing correctly in preview, but not actual page?</a> <a class="badge-wrapper  bullet" href="/c/github-help/github-pages/31"><span class="badge-category-parent-bg" style="background-color: #6a737d;"></span><span class="badge-category-bg" style="background-color: #c8e1ff;"></span><span style="" data-drop-close="true" class="badge-category clear-badge" title="Discussion and questions about GitHub Pages—websites for you and your projects hosted right on your GitHub repository.">GitHub Pages</span></a>

Thanks for posting those links! The reason this is happening is because of a relative path issue with how the browser loads this image file on GitHub.com compared to on your Pages site. Looking at the code for this image: <img src="/images/demo/meeting.jpg">

The source for this image starts with a / character. This tells the browser to search for the image file starting at the root of the domain. When you’re browsing GitHub.com this means it will look in the root of the repository then follow …

You’ve referenced your CSS import like this:

<link rel="stylesheet" href="assets/css/style.css">

The URL you want the browser to be loading is the following:

https://uccser.github.io/ci-dashboard/assets/css/style.css

However, it’s actually loading this URL—the CSS file for another site hosted under your account:

https://uccser.github.io/assets/css/style.css

To fix this you’ll need to make sure that Jekyll adds your repository name to your link when building your site. You can do this by setting the baseurl value inside your config file

baseurl: /ci-dashboard

You’ll then need to update your CSS link to tell Jekyll to prepend this baseurl value to your links:

<link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">