CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

added cookie-consent + privacy policy + fixed #32
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
vikingowl
2022-01-30 19:53:30 +01:00
parent f901db4b29
commit 9f2a57e09f
9 changed files with 534 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/Home.vue
View File

@@ -1,24 +1,23 @@
<template>
<div class="main-content content text-center">
<div class="head pt-4 pb-4">
<!-- <h1 class="text-warning fw-bold mt-lg-5">CSGO<span class="text-up text-white">WTF</span></h1>-->
<img src="/logo.svg"
alt="logo"
class="logo mt-lg-5 mt-3 mb-3">
<img alt="logo"
class="logo mt-lg-5 mt-3 mb-3"
src="/logo.svg">
<h3 class="mb-lg-4">Open source CSGO data platform</h3>
</div>
<div v-if="recentVisited !== null" class="recent-search mt-5 mb-5 row gap-2 justify-content-center">
<div v-for="(player, id) in recentVisited" :key="player.steamid64" class="player-card" tabindex="0"
@keyup.enter="GoToPlayer(player.vanity_url || player.steamid64)">
<div class="p-2" @click="GoToPlayer(player.vanity_url || player.steamid64)">
<div class="col-md-4 m-auto">
<img :alt="player.name" :src="player.avatar">
</div>
<div class="col-md-8 m-auto">
<p>{{ player.name }}</p>
</div>
<div class="p-2" @click="GoToPlayer(player.vanity_url || player.steamid64)">
<div class="col-md-4 m-auto">
<img :alt="player.name" :src="player.avatar">
</div>
<i class="delete fa fa-times" tabindex="0" @click="removeRecentVisited(id)"></i>
<div class="col-md-8 m-auto">
<p>{{ player.name }}</p>
</div>
</div>
<i class="delete fa fa-times" tabindex="0" @click="removeRecentVisited(id)"></i>
</div>
</div>
<hr v-if="recentVisited !== null" class="m-auto text-muted">
@@ -30,22 +29,27 @@
<p class="fw-light">All project code is open source and available for contributors to improve and
modify.</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-3">
<i class="fa fa-liberapay"></i>
<h4 class="fw-light">
<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">
</a>
</h4>
<p class="fw-light">This service is free of charge. If you want to support us, just follow the donate
button!</p>
<div class="d-flex flex-column justify-content-center align-items-center gap-2">
<img alt="libera-pay 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>
</div>
<div class="col-sm-12 col-md-4 col-lg-3">
<i class="fa fa-liberapay"></i>
<h4 class="fw-light">Free of Charge</h4>
<p class="fw-light">This service is free of charge. If you want to support us, just follow the donate button!</p>
<div>
<a href="https://liberapay.com/CSGOWTF/donate" target="_blank">
<img src="https://liberapay.com/assets/widgets/donate.svg"
alt="Donate using Liberapay">
</a>
</div>
</div>
</div>
</div>
</template>
@@ -112,6 +116,7 @@ export default {
// display jpg
background-image: url("../assets/images/map_screenshots/default.jpg");
}
.head {
// display webp if possible
background-image: url("../assets/images/map_screenshots/default.webp");
@@ -187,7 +192,7 @@ export default {
}
}
}
@media screen and (max-width: 576px) {
.logo {
width: 200px !important;