|
|
|
|
@ -5,20 +5,11 @@
|
|
|
|
|
<main>
|
|
|
|
|
<div class="background-apl-text">APL</div>
|
|
|
|
|
<small>Welcome To</small>
|
|
|
|
|
<img
|
|
|
|
|
src="https://cms.aplesports.com/storage/uploads/2020/04/23/5ea178d6570e1APL_New.png"
|
|
|
|
|
alt="APL Esports Logo"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<img src="https://cms.aplesports.com/storage/uploads/2020/04/23/5ea178d6570e1APL_New.png" alt="APL Esports Logo">
|
|
|
|
|
<br>
|
|
|
|
|
<big>APL Esports</big>
|
|
|
|
|
<p>
|
|
|
|
|
An independent tournament organiser that combines the
|
|
|
|
|
experience of various community figures in Asia to produce
|
|
|
|
|
premier tournaments.
|
|
|
|
|
</p>
|
|
|
|
|
<router-link :to="{ name: 'Team' }" class="btn"
|
|
|
|
|
>Our Team</router-link
|
|
|
|
|
>
|
|
|
|
|
<p>An independent tournament organiser that combines the experience of various community figures in Asia to produce premier tournaments.</p>
|
|
|
|
|
<router-link :to="{ name: 'Team' }" class="btn">Our Team</router-link>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- end hero section -->
|
|
|
|
|
@ -30,53 +21,25 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="grid">
|
|
|
|
|
<div class="big">
|
|
|
|
|
<router-link
|
|
|
|
|
v-if="this.posts[0].link"
|
|
|
|
|
:to="'news/' + this.posts[0].link"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[0].image.path + ')', }"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-if="this.posts[0].link" :to="'news/' + this.posts[0].link">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[0].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<div class="ptitle">{{ this.posts[0].title }}</div>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[0].author }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<router-link
|
|
|
|
|
v-else
|
|
|
|
|
:to="'news/' + this.posts[0].title_slug"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{
|
|
|
|
|
'background-image':
|
|
|
|
|
'url(' +
|
|
|
|
|
imgRoot +
|
|
|
|
|
this.posts[0].image.path +
|
|
|
|
|
')',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-else :to="'news/' + this.posts[0].title_slug">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[0].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<div class="ptitle">{{ this.posts[0].title }}</div>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[0].author }}
|
|
|
|
|
</div>
|
|
|
|
|
@ -85,59 +48,25 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inner-grid">
|
|
|
|
|
<div class="small1">
|
|
|
|
|
<router-link
|
|
|
|
|
v-if="this.posts[1].link"
|
|
|
|
|
:to="'news/' + this.posts[1].link"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{
|
|
|
|
|
'background-image':
|
|
|
|
|
'url(' +
|
|
|
|
|
imgRoot +
|
|
|
|
|
this.posts[1].image.path +
|
|
|
|
|
')',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-if="this.posts[1].link" :to="'news/' + this.posts[1].link">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[1].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<p class="ptitle">{{ this.posts[1].title }}</p>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[1].author }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<router-link
|
|
|
|
|
v-else
|
|
|
|
|
:to="'news/' + this.posts[1].title_slug"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{
|
|
|
|
|
'background-image':
|
|
|
|
|
'url(' +
|
|
|
|
|
imgRoot +
|
|
|
|
|
this.posts[1].image.path +
|
|
|
|
|
')',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-else :to="'news/' + this.posts[1].title_slug">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[1].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<p class="ptitle">{{ this.posts[1].title }}</p>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[1].author }}
|
|
|
|
|
</div>
|
|
|
|
|
@ -145,59 +74,25 @@
|
|
|
|
|
</router-link>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="small2">
|
|
|
|
|
<router-link
|
|
|
|
|
v-if="this.posts[2].link"
|
|
|
|
|
:to="'news/' + this.posts[2].link"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{
|
|
|
|
|
'background-image':
|
|
|
|
|
'url(' +
|
|
|
|
|
imgRoot +
|
|
|
|
|
this.posts[2].image.path +
|
|
|
|
|
')',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-if="this.posts[2].link" :to="'news/' + this.posts[2].link">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[2].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<p class="ptitle">{{ this.posts[2].title }}</p>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[2].author }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</router-link>
|
|
|
|
|
<router-link
|
|
|
|
|
v-else
|
|
|
|
|
:to="'news/' + this.posts[2].title_slug"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="panel"
|
|
|
|
|
v-bind:style="{
|
|
|
|
|
'background-image':
|
|
|
|
|
'url(' +
|
|
|
|
|
imgRoot +
|
|
|
|
|
this.posts[2].image.path +
|
|
|
|
|
')',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<router-link v-else :to="'news/' + this.posts[2].title_slug">
|
|
|
|
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[2].image.path + ')' }">
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<p class="ptitle">{{ this.posts[2].title }}</p>
|
|
|
|
|
<div class="author_name">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"
|
|
|
|
|
/>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
|
|
|
<path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
{{ this.posts[2].author }}
|
|
|
|
|
</div>
|
|
|
|
|
@ -216,24 +111,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tournament">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<img :src="torRoot + this.tournaments?.logo.path" alt="" />
|
|
|
|
|
<img :src="torRoot + this.tournaments.logo.path" alt="">
|
|
|
|
|
<div class="text">
|
|
|
|
|
<div class="name">{{ this.tournaments?.name }}</div>
|
|
|
|
|
<div class="date">
|
|
|
|
|
Date: {{ this.tournaments?.date }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time">
|
|
|
|
|
Time: {{ this.tournaments?.time }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pool">
|
|
|
|
|
Prizepool: {{ this.tournaments?.prize }}
|
|
|
|
|
</div>
|
|
|
|
|
<a
|
|
|
|
|
:href="this.tournaments?.link"
|
|
|
|
|
class="btn"
|
|
|
|
|
target="_blank"
|
|
|
|
|
>Details</a
|
|
|
|
|
>
|
|
|
|
|
<div class="name">{{ this.tournaments.name }}</div>
|
|
|
|
|
<div class="date">Date: {{ this.tournaments.date }}</div>
|
|
|
|
|
<div class="time">Time: {{ this.tournaments.time }}</div>
|
|
|
|
|
<div class="pool">Prizepool: {{ this.tournaments.prize }}</div>
|
|
|
|
|
<a :href="this.tournaments.link" class="btn" target="_blank">Details</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -244,6 +128,10 @@
|
|
|
|
|
<section class="tweets">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="title">latest tweet</div>
|
|
|
|
|
<twitter class="twitter">
|
|
|
|
|
<div slot="loading">Loading...</div>
|
|
|
|
|
<a class="twitter-timeline" data-width="1000" data-tweet-limit="1" data-chrome="noheader nofooter noborders transparent" data-lang="en" data-theme="dark" href="https://twitter.com/APL_Esports">@APL_Esports</a>
|
|
|
|
|
</twitter>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<!-- end tweets -->
|
|
|
|
|
@ -252,7 +140,7 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import axios from 'axios'
|
|
|
|
|
//import { twitter } from 'vue-twitter'
|
|
|
|
|
import { twitter } from 'vue-twitter'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'Home',
|
|
|
|
|
@ -261,50 +149,46 @@ export default {
|
|
|
|
|
posts: {},
|
|
|
|
|
tournaments: {},
|
|
|
|
|
imgRoot: 'https://cms.aplesports.com/storage/uploads',
|
|
|
|
|
torRoot: 'https://cms.aplesports.com',
|
|
|
|
|
torRoot: 'https://cms.aplesports.com'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
axios
|
|
|
|
|
.post(
|
|
|
|
|
'https://cms.aplesports.com/api/collections/get/News',
|
|
|
|
|
{
|
|
|
|
|
sort: {
|
|
|
|
|
_created: -1,
|
|
|
|
|
axios.post("https://cms.aplesports.com/api/collections/get/News", {
|
|
|
|
|
"sort": {
|
|
|
|
|
"_created": -1
|
|
|
|
|
},
|
|
|
|
|
limit: 3,
|
|
|
|
|
filter: {
|
|
|
|
|
published: true,
|
|
|
|
|
"limit": 3,
|
|
|
|
|
"filter": {
|
|
|
|
|
"published": true
|
|
|
|
|
},
|
|
|
|
|
fields: {
|
|
|
|
|
title: 1,
|
|
|
|
|
image: 1,
|
|
|
|
|
title_slug: 1,
|
|
|
|
|
_by: 1,
|
|
|
|
|
link: 1,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"fields": {
|
|
|
|
|
"title": 1,
|
|
|
|
|
"image": 1,
|
|
|
|
|
"title_slug": 1,
|
|
|
|
|
"_by": 1,
|
|
|
|
|
"link": 1
|
|
|
|
|
}
|
|
|
|
|
} ,{
|
|
|
|
|
headers: {
|
|
|
|
|
'Cockpit-Token': import.meta.env.VITE_CMS_TOKEN,
|
|
|
|
|
},
|
|
|
|
|
'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
this.posts = res.data.entries;
|
|
|
|
|
this.posts = res.data.entries
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
axios
|
|
|
|
|
.get('https://cms.aplesports.com/api/collections/get/Tournaments', {
|
|
|
|
|
axios.get("https://cms.aplesports.com/api/collections/get/Tournaments", {
|
|
|
|
|
headers: {
|
|
|
|
|
'Cockpit-Token': import.meta.env.VITE_CMS_TOKEN,
|
|
|
|
|
},
|
|
|
|
|
'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.then((res2) => {
|
|
|
|
|
let tourneys = res2.data.entries;
|
|
|
|
|
this.tournaments = tourneys[tourneys.length - 1];
|
|
|
|
|
console.log(Promise.resolve(res2.data.entries[res2.data.entries.length - 1]));
|
|
|
|
|
});
|
|
|
|
|
let tourneys = res2.data.entries
|
|
|
|
|
this.tournaments = tourneys[tourneys.length - 1]
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
twitter
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
