Compare commits
No commits in common. 'feat/vue3' and 'master' have entirely different histories.
@ -1,5 +0,0 @@
|
|||||||
root = true
|
|
||||||
|
|
||||||
[*]
|
|
||||||
indent_style = space
|
|
||||||
indent_size = 4
|
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
'@vue/cli-plugin-babel/preset'
|
||||||
|
]
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 404 B After Width: | Height: | Size: 404 B |
|
Before Width: | Height: | Size: 871 B After Width: | Height: | Size: 871 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -1,310 +1,194 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wrapping home">
|
<div class="wrapping home">
|
||||||
<!-- begin hero section -->
|
<!-- begin hero section -->
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<main>
|
<main>
|
||||||
<div class="background-apl-text">APL</div>
|
<div class="background-apl-text">APL</div>
|
||||||
<small>Welcome To</small>
|
<small>Welcome To</small>
|
||||||
<img
|
<img src="https://cms.aplesports.com/storage/uploads/2020/04/23/5ea178d6570e1APL_New.png" alt="APL Esports Logo">
|
||||||
src="https://cms.aplesports.com/storage/uploads/2020/04/23/5ea178d6570e1APL_New.png"
|
<br>
|
||||||
alt="APL Esports Logo"
|
<big>APL Esports</big>
|
||||||
/>
|
<p>An independent tournament organiser that combines the experience of various community figures in Asia to produce premier tournaments.</p>
|
||||||
<br />
|
<router-link :to="{ name: 'Team' }" class="btn">Our Team</router-link>
|
||||||
<big>APL Esports</big>
|
</main>
|
||||||
<p>
|
</div>
|
||||||
An independent tournament organiser that combines the
|
<!-- end hero section -->
|
||||||
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 -->
|
|
||||||
|
|
||||||
<!-- begin featured news -->
|
<!-- begin featured news -->
|
||||||
<section class="featured-news">
|
<section class="featured-news">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="title">featured news</div>
|
<div class="title">featured news</div>
|
||||||
|
</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 + ')' }">
|
||||||
|
<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>
|
||||||
|
{{ 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 + ')' }">
|
||||||
|
<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>
|
||||||
|
{{ this.posts[0].author }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid">
|
</router-link>
|
||||||
<div class="big">
|
</div>
|
||||||
<router-link
|
<div class="inner-grid">
|
||||||
v-if="this.posts[0].link"
|
<div class="small1">
|
||||||
:to="'news/' + this.posts[0].link"
|
<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
|
<div class="overlay"></div>
|
||||||
class="panel"
|
<p class="ptitle">{{ this.posts[1].title }}</p>
|
||||||
v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[0].image.path + ')', }"
|
<div class="author_name">
|
||||||
>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||||
<div class="overlay"></div>
|
<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"/>
|
||||||
<div class="ptitle">{{ this.posts[0].title }}</div>
|
</svg>
|
||||||
<div class="author_name">
|
{{ this.posts[1].author }}
|
||||||
<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 +
|
|
||||||
')',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
{{ this.posts[0].author }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="inner-grid">
|
</div>
|
||||||
<div class="small1">
|
</router-link>
|
||||||
<router-link
|
<router-link v-else :to="'news/' + this.posts[1].title_slug">
|
||||||
v-if="this.posts[1].link"
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[1].image.path + ')' }">
|
||||||
:to="'news/' + this.posts[1].link"
|
<div class="overlay"></div>
|
||||||
>
|
<p class="ptitle">{{ this.posts[1].title }}</p>
|
||||||
<div
|
<div class="author_name">
|
||||||
class="panel"
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||||
v-bind:style="{
|
<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"/>
|
||||||
'background-image':
|
</svg>
|
||||||
'url(' +
|
{{ this.posts[1].author }}
|
||||||
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>
|
|
||||||
{{ 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 +
|
|
||||||
')',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
{{ this.posts[1].author }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</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 +
|
|
||||||
')',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
{{ 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 +
|
|
||||||
')',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
{{ this.posts[2].author }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</router-link>
|
||||||
<!-- end featured news -->
|
</div>
|
||||||
|
<div class="small2">
|
||||||
<!-- begin featured tournament -->
|
<router-link v-if="this.posts[2].link" :to="'news/' + this.posts[2].link">
|
||||||
<section class="featured-tournament">
|
<div class="panel" v-bind:style="{ 'background-image': 'url(' + imgRoot + this.posts[2].image.path + ')' }">
|
||||||
<div class="container">
|
<div class="overlay"></div>
|
||||||
<div class="title">featured tournament</div>
|
<p class="ptitle">{{ this.posts[2].title }}</p>
|
||||||
</div>
|
<div class="author_name">
|
||||||
<div class="tournament">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||||
<div class="container">
|
<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"/>
|
||||||
<img :src="torRoot + this.tournaments?.logo.path" alt="" />
|
</svg>
|
||||||
<div class="text">
|
{{ this.posts[2].author }}
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</router-link>
|
||||||
<!-- end featured tournament -->
|
<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>
|
||||||
|
{{ this.posts[2].author }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end featured news -->
|
||||||
|
|
||||||
<!-- begin tweets -->
|
<!-- begin featured tournament -->
|
||||||
<section class="tweets">
|
<section class="featured-tournament">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="title">latest tweet</div>
|
<div class="title">featured tournament</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<div class="tournament">
|
||||||
<!-- end tweets -->
|
<div class="container">
|
||||||
</div>
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end featured tournament -->
|
||||||
|
|
||||||
|
<!-- begin tweets -->
|
||||||
|
<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 -->
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
//import { twitter } from 'vue-twitter'
|
import { twitter } from 'vue-twitter'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Home',
|
name: 'Home',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
posts: {},
|
posts: {},
|
||||||
tournaments: {},
|
tournaments: {},
|
||||||
imgRoot: 'https://cms.aplesports.com/storage/uploads',
|
imgRoot: 'https://cms.aplesports.com/storage/uploads',
|
||||||
torRoot: 'https://cms.aplesports.com',
|
torRoot: 'https://cms.aplesports.com'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
axios
|
axios.post("https://cms.aplesports.com/api/collections/get/News", {
|
||||||
.post(
|
"sort": {
|
||||||
'https://cms.aplesports.com/api/collections/get/News',
|
"_created": -1
|
||||||
{
|
},
|
||||||
sort: {
|
"limit": 3,
|
||||||
_created: -1,
|
"filter": {
|
||||||
},
|
"published": true
|
||||||
limit: 3,
|
},
|
||||||
filter: {
|
"fields": {
|
||||||
published: true,
|
"title": 1,
|
||||||
},
|
"image": 1,
|
||||||
fields: {
|
"title_slug": 1,
|
||||||
title: 1,
|
"_by": 1,
|
||||||
image: 1,
|
"link": 1
|
||||||
title_slug: 1,
|
}
|
||||||
_by: 1,
|
} ,{
|
||||||
link: 1,
|
headers: {
|
||||||
},
|
'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN
|
||||||
},
|
}
|
||||||
{
|
})
|
||||||
headers: {
|
.then((res) => {
|
||||||
'Cockpit-Token': import.meta.env.VITE_CMS_TOKEN,
|
this.posts = res.data.entries
|
||||||
},
|
})
|
||||||
}
|
|
||||||
)
|
|
||||||
.then((res) => {
|
|
||||||
this.posts = res.data.entries;
|
|
||||||
})
|
|
||||||
|
|
||||||
axios
|
axios.get("https://cms.aplesports.com/api/collections/get/Tournaments", {
|
||||||
.get('https://cms.aplesports.com/api/collections/get/Tournaments', {
|
headers: {
|
||||||
headers: {
|
'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN
|
||||||
'Cockpit-Token': import.meta.env.VITE_CMS_TOKEN,
|
}
|
||||||
},
|
})
|
||||||
})
|
.then((res2) => {
|
||||||
.then((res2) => {
|
let tourneys = res2.data.entries
|
||||||
let tourneys = res2.data.entries;
|
this.tournaments = tourneys[tourneys.length - 1]
|
||||||
this.tournaments = tourneys[tourneys.length - 1];
|
})
|
||||||
console.log(Promise.resolve(res2.data.entries[res2.data.entries.length - 1]));
|
},
|
||||||
});
|
components: {
|
||||||
},
|
twitter
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,22 +0,0 @@
|
|||||||
import { defineConfig } from 'vite';
|
|
||||||
import { createVuePlugin } from 'vite-plugin-vue2';
|
|
||||||
import path from 'path';
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
plugins: [ createVuePlugin() ],
|
|
||||||
server: {
|
|
||||||
port: 3000
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
alias: [
|
|
||||||
{
|
|
||||||
find: '@',
|
|
||||||
replacement: path.resolve(__dirname, 'src'),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
build: {
|
|
||||||
chunkSizeWarningLimit: 600,
|
|
||||||
cssCodeSplit: false
|
|
||||||
},
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue