Bump JS, add coffee link

aperisolve/static/css/aperisolve.css

@@ -330,7 +330,7 @@ td {
 
 #cheatsheet li::before {
     content: "\f054";
-    font-family: "Font Awesome 6 Free";
+    font-family: "Font Awesome 7 Free";
     font-weight: 900;
     position: absolute;
     left: 0;
@@ -397,11 +397,17 @@ footer {
     }
 }
 
-
 footer a i {
     font-size: 32px;
 }
 
+#coffee {
+    height: 32px;
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+}
+
 /* ======== Utility ======== */
 
 .glow-border {

aperisolve/templates/base.html

@@ -6,8 +6,8 @@
   <title>Aperi'Solve</title>
   <link rel="icon" type="image/svg+xml" href="/static/img/logo.svg" />
   <link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet" />
-  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" rel="stylesheet">
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
   <link href="/static/css/aperisolve.css" rel="stylesheet" />
 </head>
 

aperisolve/templates/footer.html

@@ -1,4 +1,9 @@
 <footer class="d-flex justify-content-center gap-4 my-4">
+    <div>
+        <a href="https://buymeacoffee.com/aperisolve" title="Coffee" class="text-light text-decoration-none">
+            <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" id="coffee" />
+        </a>
+    </div>
     <div>
         <a href="/faq" title="FAQ" class="text-light text-decoration-none">
             <i class="fa-regular fa-circle-question"></i>