Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add site information to the modal

Browse source
This commit is contained in:
Oliver-Akins 2021-04-01 00:32:29 -06:00
parent 8d7a6119f0
commit e93dedc91b
1 changed files with 26 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/modals/SiteInfo.vue
View file

@ -1,4 +1,4 @@
<template id="pop-modal"> <template id="info-modal">
<transition name="fade" @after-enter="content = true"> <transition name="fade" @after-enter="content = true">
<div <div
v-if="container" v-if="container"
@ -7,7 +7,31 @@
> >
<transition name="burst" @after-leave="$emit('close')"> <transition name="burst" @after-leave="$emit('close')">
<div v-if="content" class="modal"> <div v-if="content" class="modal">
<h2 class="center">Website Information</h2> <h2 class="center">Why Does This Exist?</h2>
<p>
This exists because
<a
href="https://github.com/Oliver-Akins"
target="_blank"
rel="noopener"
>Oliver</a>
wanted some way to be able to see his top songs in durations
different than what Spotify distributes on their own (yearly),
so he created this website.
</p>
<hr>
<h2>Source Code?</h2>
<p>
Top Lists is completely open source! You can audit the
code at
<a
href="http://github.com/Oliver-Akins/top-lists"
target="_blank"
rel="noopener"
>
github.com/Oliver-Akins/top-lists
</a>
</p>
</div> </div>
</transition> </transition>
</div> </div>