Mathjax issue - Math symbols not appearing at all - jekyll

I have an issue with Mathjax on my website (hosted on Github pages, compiled by Travis CI).
There are some symbols which are not displayed at all, while they work fine when I run the website locally. For instance, the expression $p\subseteq 2^{\kappa}$ is not displayed at all.
The webpage is this:
https://st-dimopoulos.github.io/posts/2018/09/sacks-supercompact/
and the line where the problem I mentioned appears is in the 5th paragraph.
I am not really experienced with programming, can someone tell me some steps to find where the problem lies?

Related

Why aren't Jekyll Assets Displaying Correctly?

I'm building a few GitHub Pages using Jekyll, and I'm stuck with a mystery.
A number of asset files existing in a repo, and yet they do not seem to render correctly.
One repro of things can be found in the repository for Irregular. Its gitHub page shows empty space where .gif assets should be.
The GitHub Actions log indicates it has been copied
The asset seems like it is there, but just renders as a transparency.
see: https://irregular.start-automating.com/assets/images/RegexSyntaxHighlighting.gif
Another repo can be found in the repository for EZOut. Its page also shows blank space where there should be images.
The image is displayed correctly when I run the pages locally.
What could be causing this behavior? What can I do to workaround it?
All ideas are welcome.
Thanks
I have forked your repo and my GH pages build just shows up working fine with no changes, see https://cadamini.github.io/Irregular/
I have tested both images on my site (https://cadamini.github.io). It seems like an encoding issue. The raw content of both images looks different, one had normal characters, and the other one displayed � characters.
Your repository actually contains multiple versions of the file in question, but only one is working.
You seem to have (intentionally?) overwritten three of them two months ago. The last working version was this commit.
This got me thinking about what else could mess up the repository, and it seems like the culprit was a GitHub Action that replaced the files. I noticed an issue tracking this, and it appears fixing it has fixed the display issue.
As far as why it showed up as it did, I have some theories:
Because the file was valid and then rewritten as text, some bytes were malformed and out of order.
GIFs, being an older format, were able to guess at a resolution but otherwise fail to decode (hence appearing invisible, though not with the correct bounds).
PNGs, being a newer format, recognized they were corrupted and failed to render.
SVGs, which are really just XML under the covers, rendered fine
This just shows that encoding issues can visually manifest in many different ways with different formats. Very fascinating.

AOS appears to not be working correctly with Animate.css + mdboostrap

I'm currently making a portfolio site for myself, but it appears to be broken in a way that I do not understand; oddly enough I cannot get AOS and Animate.CSS to work on the website. I am hosting on GitHub pages (yes, I included a .nojekyll file). Hosted locally and on GitHub pages both show nor errors in the console:
Console Photos (Sorry, not enough reputation!!)
Here is a link to the latest code (via GitHub):
https://github.com/FxllenCode/fxllencode.dev/blob/main/index.html
I do not know what might be causing it, some help would really be appreciated here! Thank you!
I have found the issue, oddly enough it did not work using AOS so I went back to wow.js and found that the docs are inaccurate for both libraries as they do not work with the latest version of animate.css. I was able to fix it by writing it as a wow animate__animated animate__bounce instead of the described wow bounce. Interesting issue, looks like they both need to update their docs.

Webpage is not being rendered properly

Hi I am an android developer and haven't much knowledge about web, I purchased this App and it has a web back-end, it working pretty fine when I run it local like this,
but when I run this via hosting , I am getting this. link
After going through some search I found that these are some sort of Angular tags, as I already have mentioned that I haven't knowledge about this, How do I solve this?
It's happening due to hosting or path resolution issues.
None of the JavaScript files are getting loaded due to which the page is breaking and hence you are seeing raw code.
Fixing the proper loading of JS should fix the page. You might need to tweak it further in case relative path's are not loaded correctly.
Overall, it is not a code level issue yet.
Below is the screenshot of the hosted link you shared.

My wordpress website doesn't work on MS Edge / IE.

Recently I've been working on a website for my client. I want to make clear that I'm not a proffessional webdeveloper, I'm a designer with some basic coding skills. I've created some simillar wordpress pages before, and never encountered that problem. Even though I'm using the same theme (Stockhoml by Select Themes) on all of my websites.
The address is: http://odlotowebusy.pl
Everything seems to be fine when the page loads, but when I try to scroll down it all fades to white (only in Edge/IE). I have no idea what couses this problem. Meybe somone here will be able to help me?
have you tried disabling all the plugins you are using and enabling them one at a time to see if any of them affect the site?

Academicons and HTML not showing correctly

This question was already asked before, nevertheless the solution that was suggested didn't solved the problem.
I am trying to include the ResearchGate academicon in my website, nevertheless it is displayed as a square in Google Chrome and as square with numbers inside in Firefox, while loading the website from the server.
If I download all the files to my computer (as a zip and then opening directly the html file) it displays correctly.
The previous question that was asked with the exactly same problem (and overall situation, it actually uses the same template for the website as I do) is here with its discussion is here Font-awesome: An emoticon looks different on my computer than on the actual webpage
I already tried doing the suggested modifications in the .htaccess file without success. Does anyone of you have an idea on how to attack this problem?
Many thanks!
Edit 1:
I include here the mime types reported by my CPanel:
Mime Types in CPanel
Edit 2:
Sorry, I don't have enough reputation to post the pictures, but they are identical to the quoted previous Question (linked: Font-awesone: An emoticon looks...).
Is it even in the correct size (maybe it is very small)? When not: Check font-awesome.com .. it has set some classes with allows you to size your icons. Try this class on your html in the <i> tag: fa-x3
I´ve made the same on this page in the footer.
Don't kill me if I am totally wrong for what you are searching.