"Hackathon Participation" text on experience page overlaps with "Get in Touch" section

[moritz-gerster]

This bug seems to be very new, I just noticed it both on my personal website on the exemplary project website.

[MoofyWoofy]

This is because of the new version of Swiper, to fix it, use Swiper version 8.4.6

[moritz-gerster]

This is because of the new version of Swiper, to fix it, use Swiper version 8.4.6

Thank you @MoofyWoofy! Sorry for this naive question, but how do I install/use Swiper 8.4.6? I am not running this code in my own virtual environment as I do for my python files where I can install packages using pip.

[MoofyWoofy]

Inside experience.html

You will find this a link similar to this https://unpkg.com/swiper/swiper-bundle.css
Replace it with this, https://unpkg.com/swiper@8.4.6/swiper-bundle.css
You can do this for the 2 CSS and 1 JS file.

[moritz-gerster]

Thank you @MoofyWoofy. I changed it in experience.html however not in the other 2 CSS and 1 JS files as I did not find a proper place to do it there.

However, now loading my experience page takes very very long and the hackathon figure completely disappeared: https://moritz-gerster.github.io/experience.html

[MoofyWoofy]

Sorry I meant, inside experience.html, there should be these lines

<link rel="stylesheet" href=" https://unpkg.com/swiper/swiper-bundle.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

Replace them with this respectively

<link rel="stylesheet" href=" https://unpkg.com/swiper@8.4.6/swiper-bundle.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper@8.4.6/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper@8.4.6/swiper-bundle.min.js"></script>

[moritz-gerster]

Thank you!