adding now listening component
This commit is contained in:
@@ -13,23 +13,7 @@
|
|||||||
<h2>bookmarks</h2>
|
<h2>bookmarks</h2>
|
||||||
<a href="/pages/bookmarks.html">bookmarks</a>
|
<a href="/pages/bookmarks.html">bookmarks</a>
|
||||||
|
|
||||||
<h2>Listening to:</h2>
|
<CurrentlyListening />
|
||||||
<div
|
|
||||||
x-data="spotifyPlayer()"
|
|
||||||
x-init="fetchNowPlaying(); setInterval(fetchNowPlaying, 60000)"
|
|
||||||
class="spotify-card"
|
|
||||||
>
|
|
||||||
<img :src="album_image" class="album-img" alt="" />
|
|
||||||
<div class="spotify-info">
|
|
||||||
<div x-text="song_name || 'No song playing'"></div>
|
|
||||||
<div x-text="artist_name"></div>
|
|
||||||
<div
|
|
||||||
x-text="playing ? 'Playing' : ''"
|
|
||||||
:class="{ playing: playing }"
|
|
||||||
></div>
|
|
||||||
<a :href="song_url"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--<h2> </h2>
|
<!--<h2> </h2>
|
||||||
<p>
|
<p>
|
||||||
@@ -45,3 +29,7 @@
|
|||||||
<!--<a href="pages/shrines/gto.html">GTO</a>-->
|
<!--<a href="pages/shrines/gto.html">GTO</a>-->
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import CurrentlyListening from "@/components/CurrentlyListening.vue";
|
||||||
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user