fixed #40
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "csgowtf",
|
"name": "csgowtf",
|
||||||
"version": "0.29.2",
|
"version": "0.29.3",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vue-cli-service serve",
|
"serve": "vue-cli-service serve",
|
||||||
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
@@ -10,7 +10,9 @@
|
|||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<router-link class="navbar-brand" to="/" @click="closeNav('mainNav')">
|
<router-link class="navbar-brand" to="/" @click="closeNav('mainNav')">
|
||||||
CSGO<span class="text-up text-white fw-bold">WTF</span>
|
<img src="/logo.svg"
|
||||||
|
alt="logo-nav"
|
||||||
|
class="logo-nav">
|
||||||
</router-link>
|
</router-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
@@ -27,8 +29,8 @@
|
|||||||
<input id="search" v-model="data.searchInput" aria-label="Search"
|
<input id="search" v-model="data.searchInput" aria-label="Search"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
class="form-control bg-transparent border-0"
|
class="form-control bg-transparent border-0"
|
||||||
placeholder="SteamID64, Profile Link or Custom URL"
|
placeholder="Profile Link or ShareCode"
|
||||||
title="SteamID64, Profile Link or Custom URL"
|
title="SteamID64, Profile Link, Custom URL, ShareCode"
|
||||||
type="search">
|
type="search">
|
||||||
<button
|
<button
|
||||||
id="search-button"
|
id="search-button"
|
||||||
@@ -51,7 +53,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import {reactive} from "vue";
|
import {reactive} from "vue";
|
||||||
import {useStore} from 'vuex'
|
import {useStore} from 'vuex'
|
||||||
import {closeNav, GetUser, GoToPlayer} from '../utils'
|
import {closeNav, GetUser, GoToPlayer} from '@/utils'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Nav',
|
name: 'Nav',
|
||||||
@@ -68,6 +70,7 @@ export default {
|
|||||||
const profileUrlPattern = 'https://steamcommunity.com/profiles/'
|
const profileUrlPattern = 'https://steamcommunity.com/profiles/'
|
||||||
const id64Pattern = /^\d{17}$/
|
const id64Pattern = /^\d{17}$/
|
||||||
const vanityPattern = /^[A-Za-z0-9-_]{3,32}$/
|
const vanityPattern = /^[A-Za-z0-9-_]{3,32}$/
|
||||||
|
// const shareCodePattern = /.*CSGO(?:-?[ABCDEFGHJKLMNOPQRSTUVWXYZabcdefhijkmnopqrstuvwxyz23456789]{5}){5}.*/
|
||||||
|
|
||||||
store.commit({
|
store.commit({
|
||||||
type: 'changeVanityUrl',
|
type: 'changeVanityUrl',
|
||||||
@@ -193,16 +196,16 @@ nav {
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
li, .navbar-brand {
|
li, .navbar-brand {
|
||||||
|
.logo-nav {
|
||||||
|
height: 35px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
margin: 22px 0 0 10px;
|
margin: 22px 0 0 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: 100ms ease-in-out;
|
transition: 100ms ease-in-out;
|
||||||
|
|
||||||
.text-up {
|
|
||||||
font-size: 40%;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
|
@@ -1,8 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="main-content content text-center">
|
<div class="main-content content text-center">
|
||||||
<div class="head pt-4 pb-4">
|
<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>
|
<!-- <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>
|
<img src="/logo.svg"
|
||||||
|
alt="logo"
|
||||||
|
class="logo mt-lg-5 mt-3 mb-3">
|
||||||
|
<h3 class="mb-lg-4">Open source CSGO data platform</h3>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="recentVisited !== null" class="recent-search mt-5 mb-5 row gap-2 justify-content-center">
|
<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"
|
<div v-for="(player, id) in recentVisited" :key="player.steamid64" class="player-card" tabindex="0"
|
||||||
@@ -35,14 +38,20 @@
|
|||||||
<div class="col-sm-12 col-md-4 col-lg-3">
|
<div class="col-sm-12 col-md-4 col-lg-3">
|
||||||
<i class="fa fa-liberapay"></i>
|
<i class="fa fa-liberapay"></i>
|
||||||
<h4 class="fw-light">Free of Charge</h4>
|
<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 contact us.</p>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {GoToPlayer, SaveLastVisitedToLocalStorage, setTitle} from "../utils";
|
import {GoToPlayer, SaveLastVisitedToLocalStorage, setTitle} from "@/utils";
|
||||||
import {onBeforeMount, ref} from "vue";
|
import {onBeforeMount, ref} from "vue";
|
||||||
import {useStore} from "vuex";
|
import {useStore} from "vuex";
|
||||||
|
|
||||||
@@ -100,20 +109,18 @@ export default {
|
|||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
.head {
|
.head {
|
||||||
|
// display jpg
|
||||||
background-image: url("../assets/images/map_screenshots/default.jpg");
|
background-image: url("../assets/images/map_screenshots/default.jpg");
|
||||||
|
}
|
||||||
|
.head {
|
||||||
|
// display webp if possible
|
||||||
background-image: url("../assets/images/map_screenshots/default.webp");
|
background-image: url("../assets/images/map_screenshots/default.webp");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
||||||
h1 {
|
.logo {
|
||||||
font-size: 5rem;
|
width: 300px;
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: 'CSGO';
|
|
||||||
position: absolute;
|
|
||||||
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-up {
|
.text-up {
|
||||||
@@ -180,11 +187,17 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 576px) {
|
||||||
|
.logo {
|
||||||
|
width: 200px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.head {
|
.head {
|
||||||
h1 {
|
.logo {
|
||||||
font-size: 4rem;
|
width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
Reference in New Issue
Block a user