diff --git a/tpl/packages.html b/tpl/packages.html
index 29801a1..c06ecf3 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -6,16 +6,11 @@
 
     <title>ALHP Status</title>
 
-    <!-- Bootstrap CSS -->
-    <!-- The page supports both dark and light color schemes,
-         and the page author prefers / default is light. -->
     <meta content="dark light" name="color-scheme">
-
-    <!-- Replace the Bootstrap CSS with the
-         Bootstrap-Dark Variant CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css" rel="stylesheet">
-
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet"/>
+    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.css"
+          integrity="sha256-jtwIepgD1ro9ko1W5a6PAGr8IUIXA3FqBZPAXNYVREE=" rel="stylesheet">
+    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
+          integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" rel="stylesheet">
     <style>
         .accordion:last-child {
             padding-bottom: 8vh;
@@ -34,7 +29,7 @@
             <span class="navbar-brand align-middle">ALHP Status</span>
             <span class="navbar-text">
             <a href="https://git.harting.dev/anonfunc/ALHP.GO" class="align-middle position-absolute"><i
-                    class="bi bi-github h4"></i></a>
+                    class="fa fa-gitea h4"></i></a>
           </span>
         </div>
 
@@ -83,24 +78,24 @@
                             <td>{{$pkg.Status}}</td>
                             <td>{{$pkg.Skip}}</td>
                             <td class="text-center">
-                                {{if $pkg.LTO}}<i class="bi bi-check-lg" style="color: var(--bs-success)"
+                                {{if $pkg.LTO}}<i class="fa fa-check" style="color: var(--bs-success)"
                                                   title="build with LTO"></i>{{end}}
-                                {{if $pkg.LTODisabled}}<i class="bi bi-x-lg" style="color: var(--bs-danger)"
+                                {{if $pkg.LTODisabled}}<i class="fa fa-times" style="color: var(--bs-danger)"
                                                           title="LTO explicitly disabled"></i>{{end}}
-                                {{if $pkg.LTOUnknown}}<i class="bi bi-hourglass" title="not build with LTO yet"></i>{{end}}
+                                {{if $pkg.LTOUnknown}}<i class="fa fa-hourglass-o" title="not build with LTO yet"></i>{{end}}
                             </td>
                             <td>{{$pkg.Svn2GitVersion}}</td>
                             <td>{{$pkg.Version}}</td>
                             <td class="text-end info-box">
-                                {{with $pkg.Log}}<a href="{{.}}"
-                            ><i class="bi bi-file-text-fill" title="Log"></i></a
+                                {{with $pkg.Log}}<a href="{{.}}" title="build log"
+                            ><i class="fa fa-file-text"></i></a
                             >{{end}}
                                 <a class="text-decoration-none fw-bold"
                                    href="https://archlinux.org/packages/?q={{$pkg.Pkgbase}}" title="Archweb">AW</a>
                                 <a data-bs-html="true" data-bs-placement="bottom" data-bs-toggle="tooltip"
                                    href="#{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
                                    title="{{if $pkg.BuildDate}}Build on {{$pkg.BuildDate}}&#10;{{end}}{{if $pkg.BuildDuration}}Build duration: {{$pkg.BuildDuration}}&#10;{{end}}Last checked on {{$pkg.Checked}}">
-                                    <i class="bi bi-info-circle-fill"></i></a>
+                                    <i class="fa fa-info-circle"></i></a>
                             </td>
                         </tr>
                         {{end}}
@@ -123,8 +118,9 @@
     </div>
 </footer>
 
-<script crossorigin="anonymous" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
-        src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
+<script crossorigin="anonymous"
+        integrity="sha256-9SEPo+fwJFpMUet/KACSwO+Z/dKMReF9q4zFhU/fT9M="
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
 <script>
     let input = document.getElementById('table-sort-input');
     let timeout = null;