reworded some text; footer rework

src/components/Footer.vue

@@ -1,22 +1,21 @@
 <template>
-  <div class="footer bg-secondary text-center pt-4 pb-5">
+  <div class="footer bg-secondary text-center pt-4 pb-2">
-    <div class="icons pb-4">
-      <a aria-label="Git Link" class="gitea text-white" href="https://git.harting.dev/CSGOWTF" target="_blank">
-        <i aria-hidden="true" class="fa fa-gitea fa-2x"></i>
-      </a>
-    </div>
     <div class="text">
-      <p>This site is an open source project, originally created and maintained by the <span class="text-warning">CSGOWTF</span>
+      <p class="fs-6">Made with <i class="fa fa-heart text-warning" aria-hidden="true"></i>, <span
-        team.</p>
+          style="color: #41b883">Vue.js</span> and<a aria-label="Gitea" class="text-warning ms-2"
+                                                     href="https://git.harting.dev/CSGOWTF"
+                                                     target="_blank">
+        <i aria-hidden="true" class="fa fa-gitea"></i>
+      </a></p>
 
       <div class="d-flex justify-content-center align-items-center gap-4">
-        <p class="text-muted">For feedback open an <a class="text-decoration-none text-warning"
+        <p><a class="text-decoration-none text-warning"
-                                                      href="https://git.harting.dev/CSGOWTF/csgowtf/issues"
+              href="https://git.harting.dev/CSGOWTF/csgowtf/issues"
-                                                      target="_blank">issue</a></p>
+              target="_blank">Issue Tracker</a></p>
+        <p class="text-muted">Version {{ version }}</p>
         <p>
           <a class="text-decoration-none text-warning" href="/privacy-policy">Privacy Policy</a>
         </p>
-        <p class="text-muted">Build-Version: <span class="text-white">{{ version }}</span></p>
       </div>
     </div>
   </div>
@@ -34,10 +33,12 @@ export default {
 
 <style lang="scss" scoped>
 .footer {
-  height: 220px;
+  .fa-gitea:hover {
+    color: #609926 !important;
+  }
 
-  .fa:hover {
+  .fa-heart:hover {
-    color: #609926;
+    color: red !important;
   }
 
   p {

src/views/Home.vue

@@ -26,8 +26,7 @@
         <i class="fa fa-code-fork"></i>
 
         <h4 class="fw-light">Open Source</h4>
-        <p class="fw-light">All project code is open source and available for contributors to improve and
+        <p class="fw-light">Everything is open source and under GPL licence. Contributions welcome.</p>
-          modify.</p>
       </div>
       <div class="col-sm-12 col-md-4 col-lg-3">
         <i class="fa fa-liberapay"></i>
@@ -35,20 +34,20 @@
           <a href="https://liberapay.com/CSGOWTF/donate" target="_blank">
             <img alt="Donate using Liberapay"
                  src="https://liberapay.com/assets/widgets/donate.svg"
-                 style="height: 35px">
+                 style="height: 25px">
           </a>
         </h4>
-        <p class="fw-light">This service is free of charge. If you want to support us, just follow the donate
+        <p class="fw-light">We develop this site in our spare time. If you want to support us, donations are
-          button!</p>
+          appreciated!</p>
-        <div class="d-flex flex-column justify-content-center align-items-center gap-2">
+        <div class="d-flex flex-column justify-content-center align-items-center gap-2 mb-3">
-          <img alt="libera-pay patrons" src="https://img.shields.io/liberapay/patrons/CSGOWTF.svg"
+          <img alt="liberapay patrons" src="https://img.shields.io/liberapay/patrons/CSGOWTF.svg"
                style="height: 25px"/>
         </div>
       </div>
       <div class="col-sm-12 col-md-4 col-lg-3">
         <i class="fa fa-pie-chart"></i>
         <h4 class="fw-light">In-Depth Data</h4>
-        <p class="fw-light">Parsing replay files provides highly detailed match data.</p>
+        <p class="fw-light">Matches with parsed replay provide additional match data.</p>
       </div>
     </div>
   </div>