- changed home-screen image

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

src/components/ScoreTeam.vue

@@ -1,17 +1,17 @@
 <template>
   <div class="scoreboard" :class="'team-' + props.team_id">
     <table>
-      <caption :class="props.score === 16 ? 'text-success' : 'text-danger'">{{props.score}}</caption>
+      <caption :class="props.score === 16 ? 'text-success' : props.score === 15 ? 'text-warning' : 'text-danger'">{{props.score}}</caption>
       <thead>
       <tr>
         <th class="player__avatar"></th>
         <th class="player__name"></th>
         <th class="player__rank"></th>
-        <th class="player__kills cursor__help">K</th>
-        <th class="player__assist cursor__help">A</th>
-        <th class="player__deaths cursor__help">D</th>
+        <th class="player__kills">K</th>
+        <th class="player__assist">A</th>
+        <th class="player__deaths">D</th>
         <th class="player__diff cursor__help" title="Kill death difference">+/-</th>
-        <th class="player__kd cursor__help">K/D</th>
+        <th class="player__kd">K/D</th>
         <th class="player__adr cursor__help" title="Average damage per round">ADR</th>
         <th class="player__hs cursor__help" title="Percentage of kills with a headshot">HS%</th>
         <th class="player__rating cursor__help" title="Estimated HLTV Rating 1.0">Rating</th>
@@ -22,6 +22,7 @@
       <tbody v-for="player in props.stats" :key="player.player.steamid64">
       <tr v-if="player.team_id === props.team_id" class="player">
         <ScoreTeamPlayer
+            :steamid64="player.player.steamid64"
             :assists="player.assists"
             :avatar="player.player.avatar"
             :deaths="player.deaths"

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 {