mastoradio/src/components/About.svelte

32 lines
2.1 KiB
Svelte
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<button class="header__sideBtn" on:click={() => openPage()}>About</button>
<Portal target="{document.body}">
<ContextPage name="About" open={open} on:close={closePage}>
<p class="txtbig">This radio is powered by the publications made on the social plateform <a href="https://joinmastodon.org/" target="_blank">Mastodon</a>. The goal behind it is to make a place to discover music outside your usual bubble. Hope you enjoy it!</p>
<hr>
<h2>Where does the music come from?</h2>
<p>The app get all the publics publications that contains a media link and a music hashtag (you can configure it in the Settings). We support only Youtube links for now but more platforms are planned in the future.<br>
We dont own the musics rights so the songs are played on the original platform player.</p>
<h2>How can I get my song be played on the radio?</h2>
<p>You have to make a public toot containing one of the hashtags configured on the app and a Youtube link.</p>
<h2>Can I use the radio on my phone?</h2>
<p>Its a webapp so it should be working, however since the Youtube Player allow us to play a song only when youre on the web and stop when the screen turn off or when youre on another app, its kind of unusable.<br>
Its kind of shitty but as long the Youtube have this behavior we dont see a way to make a great experience for the radio on mobile devices.</p>
<h2>How can i contact you? Ive detected a problem, an idea, or a kind message.</h2>
If youre a developper you can make an issue on the <a href="https://github.com/EldritchCafe/radio" target="_blank">Github repo</a>. For anything else you can contact the maintainers <a href="https://eldritch.cafe/@milia" target="_blank">Milia</a> & <a href="https://glitch.social/@tixie" target="_blank">Tixie</a> on their Mastodon accounts.
</ContextPage>
</Portal>
<script>
import Portal from 'svelte-portal'
import ContextPage from '/components/ContextPage'
let open = false
let openPage = () => {
open = true
}
let closePage = () => {
open = false
}
</script>