- changed home-screen image

- added background image to matches
- added icon for short games

src/views/Home.vue

@@ -4,13 +4,7 @@
       <h1 class="text-warning fw-bold mt-lg-5">CSGO<span class="text-up text-white">WTF</span></h1>
       <h3 class="mb-lg-5">Open source CSGO data platform</h3>
     </div>
-    <div class="mt-n4 img-sub">
-      <span class="text-muted">Image by <a class="text-decoration-none text-warning"
-                                           href="https://unsplash.com/photos/6ou8gWpS9ns"
-                                           target="_blank">Fredrick Tendong</a></span>
-    </div>
     <div v-if="recentVisited !== null" class="recent-search mt-5 mb-5 row gap-2 justify-content-center">
-      <h4 class="mb-3s">Recently visited players</h4>
       <div v-for="player in recentVisited" :key="player.steamid64" class="player-card"
            @click="GoToPlayer(player.steamid64)">
         <div class="p-2">
@@ -76,7 +70,7 @@ export default {
 <style lang="scss" scoped>
 .main-content {
   .head {
-    background-image: url("https://images.unsplash.com/photo-1560419015-7c427e8ae5ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80");
+    background-image: url("../images/map_screenshots/default.png");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
@@ -103,12 +97,6 @@ export default {
     }
   }
 
-  .img-sub {
-    font-size: .8rem;
-    text-align: left;
-    margin-left: 10px;
-  }
-
   .recent-search {
     max-width: 1100px;
     margin: 0 auto;