- changed home-screen image

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

src/components/ScoreTeamPlayer.vue

@@ -2,8 +2,15 @@
   <td>
     <img :src="props.avatar" alt="Player avatar" class="player__avatar">
   </td>
-  <td class="player__name">
+  <td class="player__name" @click="GoToPlayer(props.steamid64)">
     {{ props.name }}
+    <svg class="bi bi-link-45deg" fill="currentColor" height="12" viewBox="0 0 16 16"
+         width="12" xmlns="http://www.w3.org/2000/svg">
+      <path
+          d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/>
+      <path
+          d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/>
+    </svg>
   </td>
   <td>
     <img :src="props.rank ? require('@/images/rank_icons/skillgroup' + props.rank + '.svg') : require('@/images/rank_icons/skillgroup0.svg')"
@@ -45,11 +52,16 @@
 </template>
 
 <script>
-import {GetHLTV_1} from "../utils";
+import {GetHLTV_1, GoToPlayer} from "../utils";
 
 export default {
   name: 'ScoreTeamPlayer',
   props: {
+    steamid64: {
+      type: String,
+      required: true,
+      default: ''
+    },
     avatar: {
       type: String,
       required: true,
@@ -132,7 +144,7 @@ export default {
     }
   },
   setup(props) {
-    return {props, GetHLTV_1}
+    return {props, GetHLTV_1, GoToPlayer}
   }
 }
 </script>
@@ -151,6 +163,7 @@ export default {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  cursor: pointer;
 }
 
 .player__rank {