diff --git a/404/index.html b/404/index.html
index 4abf902..9a9f1a1 100644
--- a/404/index.html
+++ b/404/index.html
@@ -65,6 +65,9 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link
+         rel="stylesheet"
+         href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
@@ -108,8 +111,8 @@ <h1 style="padding-top: 3em">Oops! Page Not Found</h1>
                   If you think that this is an error feel free to open an issue
                   on our
                   <a href="https://github.com/k1nsej/SimsInfo/issues"
-                     >Github.</a
-                  >
+                     >Github <i class="bi bi-box-arrow-up-right"></i></a
+                  >.
                </p>
                <!--<p>In the meantime, why not take a break and check out some of our popular guides?</p>
          <ul>
diff --git a/challenges/index.html b/challenges/index.html
index 54ef01a..a7ab1f3 100644
--- a/challenges/index.html
+++ b/challenges/index.html
@@ -69,6 +69,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
diff --git a/colophon/index.html b/colophon/index.html
index 5ac8d81..a2c459a 100644
--- a/colophon/index.html
+++ b/colophon/index.html
@@ -67,6 +67,9 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link
+         rel="stylesheet"
+         href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
@@ -101,15 +104,15 @@ <h1 style="padding-top: 3em">Colophon</h1>
                         <th scope="row">JavaScript & CSS Framework</th>
                         <td>
                            <a href="https://getbootstrap.com"
-                              >Bootstrap &#8599;</a
-                           >
+                              >Bootstrap <i class="bi bi-box-arrow-up-right"></i
+                           ></a>
                         </td>
                      </tr>
                      <tr>
                         <th scope="row">Hosting Provider</th>
                         <td>
                            <a href="https://www.netlify.com">
-                              Netlify &#8599;
+                              Netlify <i class="bi bi-box-arrow-up-right"></i>
                            </a>
                         </td>
                      </tr>
@@ -117,15 +120,17 @@ <h1 style="padding-top: 3em">Colophon</h1>
                         <th scope="row">Code Editor</th>
                         <td>
                            <a href="https://phcode.io/#/home"
-                              >Phoenix Code &#8599;</a
-                           >
+                              >Phoenix Code
+                              <i class="bi bi-box-arrow-up-right"></i
+                           ></a>
                         </td>
                      </tr>
                      <tr>
                         <th scope="row">Icon Set</th>
                         <td>
                            <a href="https://icons.getbootstrap.com">
-                              Bootstrap Icons &#8599;
+                              Bootstrap Icons
+                              <i class="bi bi-box-arrow-up-right"></i>
                            </a>
                         </td>
                      </tr>
@@ -133,7 +138,8 @@ <h1 style="padding-top: 3em">Colophon</h1>
                         <th scope="row">Domain Registrar</th>
                         <td>
                            <a href="https://www.checkdomain.de/?pid=503e9945">
-                              Checkdomain &#8599;
+                              Checkdomain
+                              <i class="bi bi-box-arrow-up-right"></i>
                            </a>
                            *
                         </td>
diff --git a/components/footer.html b/components/footer.html
index d3b6f64..d53a1c2 100644
--- a/components/footer.html
+++ b/components/footer.html
@@ -6,7 +6,7 @@ <h5>About Me</h5>
             <p>
                Hi. I don't know what to write here. <br />
                Instagram:
-               <a href="https://instagram.com/jesper.mhl">&#64;jesper.mhl</a>
+               <a href="https://instagram.com/jesper.mhl">&#64;jesper.mhl <i class="bi bi-box-arrow-up-right"></i></a>
             </p>
          </div>
          <div class="col-md-4">
diff --git a/contact/index.html b/contact/index.html
index 72f6921..04e80ac 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -69,6 +69,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
diff --git a/eaendorsment/index.html b/eaendorsment/index.html
index 4eca406..306f439 100644
--- a/eaendorsment/index.html
+++ b/eaendorsment/index.html
@@ -65,6 +65,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
diff --git a/imprint/index.html b/imprint/index.html
index 03f5989..546e0d8 100644
--- a/imprint/index.html
+++ b/imprint/index.html
@@ -61,6 +61,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
@@ -99,7 +100,7 @@ <h1 style="padding-top: 3em">Imprint</h1>
                   The European Commission provides a platform for online dispute
                   resolution (OS):
                   <a href="https://ec.europa.eu/consumers/odr/"
-                     >https://ec.europa.eu/consumers/odr/ &#8599;
+                     >https://ec.europa.eu/consumers/odr/ <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                </p>
                <p>
diff --git a/index.html b/index.html
index bb6a598..e0b5868 100644
--- a/index.html
+++ b/index.html
@@ -66,113 +66,126 @@
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
       <script src="/scripts/menufooter.js" async></script>
+      <link
+         rel="stylesheet"
+         href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
    <body>
       <div class="wrapper">
-      <div id="menu"></div>
+         <div id="menu"></div>
          <main>
-      <div class="container">
-         <a rel="me" href="https://mastodon.social/@kinsej" style="display: none;">Mastodon</a>
-         <h1 style="padding-top: 3em">Sul Sul, Simmers!</h1>
-         <p>
-            Welcome to my little Sims information site / wiki! Have fun
-            browsing!
-         </p>
-         <h2>News</h2>
-         <div class="row row-cols-1 row-cols-md-3 g-4">
-            <div class="col">
-               <div class="card h-100">
-                  <img
-                     src="/static/images/cover/The_Sims_4_Blooming_Rooms_Cover.jpg"
-                     class="card-img-top"
-                     alt="..." />
-                  <div class="card-body">
-                     <h5 class="card-title">The Blooming Rooms Kit is FREE!</h5>
-                     <p class="card-text">
-                        You can get the Blooming Rooms Kit for free now and then
-                        have it forever. Click
-                        <a
-                           href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-blooming-rooms-kit">
-                           here &#8599;
-                        </a>
-                        to be taken to the official EA Website to redeem it for
-                        free! <br /><br />
-                        Disclaimer: This offer is exclusively accessible through
-                        the EA App on Mac and PC until June 17th.
-                     </p>
-                  </div>
-                  <div class="card-footer">
-                     <small class="text-body-secondary">
-                        Published on May 20th
-                     </small>
+            <div class="container">
+               <a
+                  rel="me"
+                  href="https://mastodon.social/@kinsej"
+                  style="display: none"
+                  >Mastodon</a
+               >
+               <h1 style="padding-top: 3em">Sul Sul, Simmers!</h1>
+               <p>
+                  Welcome to my little Sims information site / wiki! Have fun
+                  browsing!
+               </p>
+               <h2>News</h2>
+               <div class="row row-cols-1 row-cols-md-3 g-4">
+                  <div class="col">
+                     <div class="card h-100">
+                        <img
+                           src="/static/images/cover/The_Sims_4_Blooming_Rooms_Cover.jpg"
+                           class="card-img-top"
+                           alt="..." />
+                        <div class="card-body">
+                           <h5 class="card-title">
+                              The Blooming Rooms Kit is FREE!
+                           </h5>
+                           <p class="card-text">
+                              You can get the Blooming Rooms Kit for free now
+                              and then have it forever. Click
+                              <a
+                                 href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-blooming-rooms-kit">
+                                 here <i class="bi bi-box-arrow-up-right"></i>
+                              </a>
+                              to be taken to the official EA Website to redeem
+                              it for free! <br /><br />
+                              Disclaimer: This offer is exclusively accessible
+                              through the EA App on Mac and PC until June 17th.
+                           </p>
+                        </div>
+                        <div class="card-footer">
+                           <small class="text-body-secondary">
+                              Published on May 20th
+                           </small>
+                        </div>
+                     </div>
                   </div>
-               </div>
-            </div>
-            <div class="col">
-               <div class="card h-100">
-                  <img
-                     src="/static/images/cover/The_Sims_4_Party_Essentials_Cover.jpeg"
-                     class="card-img-top"
-                     alt="Party Essentials Cover" />
-                  <div class="card-body">
-                     <h5 class="card-title">New Kit: "Party Essentials"</h5>
-                     <p class="card-text">
-                        The Sims announced two new kits! This one - the Party
-                        Essentials Kit has party props like baloons, a fog
-                        machine, speakers, a disco ball and more! Both of the
-                        Kits are scheduled to be released April 18th, 2024 at
-                        10AM Pacific Time. They will cost 4,99 USD / 4,99 EUR
-                        each.
-                     </p>
-                     <a
-                        href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-party-essentials-kit"
-                        class="btn btn-primary">
-                        Buy on EA.com &#8599;
-                     </a>
+                  <div class="col">
+                     <div class="card h-100">
+                        <img
+                           src="/static/images/cover/The_Sims_4_Party_Essentials_Cover.jpeg"
+                           class="card-img-top"
+                           alt="Party Essentials Cover" />
+                        <div class="card-body">
+                           <h5 class="card-title">
+                              New Kit: "Party Essentials"
+                           </h5>
+                           <p class="card-text">
+                              The Sims announced two new kits! This one - the
+                              Party Essentials Kit has party props like baloons,
+                              a fog machine, speakers, a disco ball and more!
+                              Both of the Kits are scheduled to be released
+                              April 18th, 2024 at 10AM Pacific Time. They will
+                              cost 4,99 USD / 4,99 EUR each.
+                           </p>
+                           <a
+                              href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-party-essentials-kit"
+                              class="btn btn-primary">
+                              Buy on EA.com <i class="bi bi-box-arrow-up-right"></i>
+                           </a>
+                        </div>
+                        <div class="card-footer">
+                           <small class="text-body-secondary">
+                              Date of publishing unknown</small
+                           >
+                        </div>
+                     </div>
                   </div>
-                  <div class="card-footer">
-                     <small class="text-body-secondary">
-                        Date of publishing unknown</small
-                     >
+                  <div class="col">
+                     <div class="card h-100">
+                        <img
+                           src="/static/images/cover/The_Sims_4_Urban_Homage_Cover.jpg"
+                           class="card-img-top"
+                           alt="Urban Homage Cover" />
+                        <div class="card-body">
+                           <h5 class="card-title">New Kit: "Urban Homage"</h5>
+                           <p class="card-text">
+                              The Sims announced two new kits! This one - the
+                              Urban Homage Kit was created in collaboration with
+                              Danielle &quot;Ebonix&quot; Udogaranya. It has
+                              London-city 90s and 2000s inspired clothing with
+                              lively patterns, vibrant graffiti motifs and
+                              eye-catching accessories. Both of the Kits are
+                              scheduled to be released April 18th, 2024 at 10AM
+                              Pacific Time. They will cost 4,99 USD / 4,99 EUR
+                              each.
+                           </p>
+                           <a
+                              href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-urban-homage-kit"
+                              class="btn btn-primary">
+                              Buy on EA.com <i class="bi bi-box-arrow-up-right"></i>
+                           </a>
+                        </div>
+                        <div class="card-footer">
+                           <small class="text-body-secondary"
+                              >Date of publishing unknown</small
+                           >
+                        </div>
+                     </div>
                   </div>
                </div>
             </div>
-            <div class="col">
-               <div class="card h-100">
-                  <img
-                     src="/static/images/cover/The_Sims_4_Urban_Homage_Cover.jpg"
-                     class="card-img-top"
-                     alt="Urban Homage Cover" />
-                  <div class="card-body">
-                     <h5 class="card-title">New Kit: "Urban Homage"</h5>
-                     <p class="card-text">
-                        The Sims announced two new kits! This one - the Urban
-                        Homage Kit was created in collaboration with Danielle
-                        &quot;Ebonix&quot; Udogaranya. It has London-city 90s
-                        and 2000s inspired clothing with lively patterns,
-                        vibrant graffiti motifs and eye-catching accessories.
-                        Both of the Kits are scheduled to be released April
-                        18th, 2024 at 10AM Pacific Time. They will cost 4,99 USD
-                        / 4,99 EUR each.
-                     </p>
-                     <a
-                        href="https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-urban-homage-kit"
-                        class="btn btn-primary">
-                        Buy on EA.com &#8599;
-                     </a>
-                  </div>
-                  <div class="card-footer">
-                     <small class="text-body-secondary"
-                        >Date of publishing unknown</small
-                     >
-                  </div>
-               </div>
-            </div>
-         </div>
-      </div>
          </main>
-      <div style="padding-top: 1em" id="footer"></div>
+         <div style="padding-top: 1em" id="footer"></div>
       </div>
       <script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
diff --git a/newsletter/index.html b/newsletter/index.html
index 450fce2..b8dde50 100644
--- a/newsletter/index.html
+++ b/newsletter/index.html
@@ -69,6 +69,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
diff --git a/privacypolicy/index.html b/privacypolicy/index.html
index 31d2181..06aa167 100644
--- a/privacypolicy/index.html
+++ b/privacypolicy/index.html
@@ -63,6 +63,7 @@
          rel="stylesheet"
          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
          crossorigin="anonymous" />
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
       <script src="/scripts/menufooter.js" async></script>
       <link href="/static/css/styles.css" rel="stylesheet" />
    </head>
@@ -240,7 +241,7 @@ <h2>2. General Information</h2>
                   <a href="mailto:privacy@netlify.com">privacy@netlify.com</a>
                   <br />
                   <a href="https://www.netlify.com/privacy/">
-                     https://www.netlify.com/privacy/ &#8599;
+                     https://www.netlify.com/privacy/ <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                </p>
                <br />
@@ -376,35 +377,35 @@ <h2>3. What happens on our website</h2>
                   <a
                      href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox">
                      https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                   <br />
                   Google Chrome:
                   <a
                      href="https://support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&hl=en-GB">
                      https://support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&hl=en-GB
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                   <br />
                   Microsoft Edge:
                   <a
                      href="https://support.microsoft.com/en-us/windows/delete-and-manage-cookies-168dab11-0753-043d-7c16-ede5947fc64d">
                      https://support.microsoft.com/en-us/windows/delete-and-manage-cookies-168dab11-0753-043d-7c16-ede5947fc64d
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                   <br />
                   Safari on iOS and iPadOS
                   <a
                      href="https://support.apple.com/de-de/guide/deployment/depf7d5714d4/web">
                      https://support.apple.com/de-de/guide/deployment/depf7d5714d4/web
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                   <br />
                   Safari on macOS
                   <a
                      href="https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac">
                      https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                </p>
                <p>
@@ -416,11 +417,11 @@ <h2>3. What happens on our website</h2>
                <p>
                   Alternatively, you can also manage your cookie settings at
                   <a href="https://www.aboutads.info/choices/">
-                     https://www.aboutads.info/choices &#8599;
+                     https://www.aboutads.info/choices <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                   or
                   <a href="https://www.youronlinechoices.com">
-                     https://www.youronlinechoices.com &#8599;</a
+                     https://www.youronlinechoices.com <i class="bi bi-box-arrow-up-right"></i></a
                   >.
                </p>
                <p>
@@ -450,7 +451,7 @@ <h2>3. What happens on our website</h2>
                <p><i>jsdelivr.com-CDN</i></p>
                <p>
                   We use
-                  <a href="https://jsdelivr.com/">jsdelivr.com &#8599;</a> on
+                  <a href="https://jsdelivr.com/">jsdelivr.com <i class="bi bi-box-arrow-up-right"></i></a> on
                   our website. jsdelivr.com is a tool to load content,
                   especially large files, quickly and optimally, even at high
                   load peaks. This service is offered by ProspectOne,
@@ -484,7 +485,7 @@ <h2>3. What happens on our website</h2>
                   If you want to prevent this data transmission, you can install
                   a JavaScript blocker (see for example
                   <a href="https://noscript.net/"
-                     >https://noscript.net/ &#8599;</a
+                     >https://noscript.net/ <i class="bi bi-box-arrow-up-right"></i></a
                   >). Please note, however, that this will mean that the website
                   can no longer offer the usual service.
                </p>
@@ -501,7 +502,7 @@ <h2>3. What happens on our website</h2>
                   <a
                      href="https://www.jsdelivr.com/terms/privacy-policy-jsdelivr-net">
                      https://www.jsdelivr.com/terms/privacy-policy-jsdelivr-net
-                     &#8599;
+                     <i class="bi bi-box-arrow-up-right"></i>
                   </a>
                </p>
                <h2>4. What else is important</h2>