You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<div class="font-thin sticky top-0 bg-white p-2">
|
|
|
|
|
<div class="text-5xl p-2">michael winter</div>
|
|
|
|
|
<div class="text-2xl px-8">
|
|
|
|
|
works
|
|
|
|
|
events
|
|
|
|
|
about
|
|
|
|
|
code
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<slot /> <!-- required here only -->
|
|
|
|
|
<div class="sticky bottom-0 bg-white p-2 flex justify-center">
|
|
|
|
|
<iframe width="400rem" height="20" scrolling="no" frameborder="no" allow="autoplay"
|
|
|
|
|
:src="'https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/' + audioPlayerStore.soundcloud_trackid + '&color=%23ff5500&inverse=false&auto_play=true&show_user=true'"></iframe>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { useAudioPlayerStore } from "@/stores/AudioPlayerStore"
|
|
|
|
|
const audioPlayerStore = useAudioPlayerStore()
|
|
|
|
|
|
|
|
|
|
</script>
|
