jonathan/combine.fm
jonathan/combine.fm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Migrating to workers, renaming service

Browse source
This commit is contained in:
Jonathan Cremin 2017-10-23 17:58:23 +01:00
parent 850584ff36
commit a6cd5f4266
29 changed files with 5542 additions and 611 deletions
Download patch file Download diff file Expand all files Collapse all files

23
public/src/app.vue
View file

@ -4,12 +4,12 @@
<div class="container">
<h1 class="title has-text-centered">
<router-link to="/" exact>
match<span class="lighter">.audio</span>
<img src="/assets/images/logo-128.png"> <b>combine</b><span class="lighter">.fm</span>
</router-link>
</h1>
</div>
</div>
<div>
<div class="content">
<router-view></router-view>
</div>
<footer class="footer">
@ -21,15 +21,25 @@
</template>
<style>
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
html {
position: relative;
min-height: 100%;
}
body {
color: #445470;
background: #fff;
margin: 0 0 140px;
}
.header {
font-family: 'Comfortaa', cursive;
background: #FE4365;
}
.header img {
height: 64px;
}
h1 {
padding: 25px 0;
padding: 10px 0;
}
h1 a {
color: #fff;
@ -53,7 +63,10 @@ h1 .lighter {
color: #ffacc5;
}
.footer {
margin-top: 50px;
padding-bottom: 40px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 40px 24px 40px 24px;
}
</style>

14
public/src/views/index.vue
View file

@ -3,10 +3,10 @@
<search></search>
<div class="blurb">
<p>
Match Audio makes sharing from music services better. What happens when you share your favourite song on Spotify with a friend, but they don't use Spotify?
Combine.fm makes sharing from music services better. What happens when you share your favourite song on Spotify with a friend, but they don't use Spotify?
</p>
<p>
We match album and track links from Youtube, Rdio, Spotify, Deezer, Google Music, Xbox Music, Beats Music, and iTunes and give you back one link with matches we find on all of them.
We match album and track links from Youtube, Spotify, Deezer, Google Music, Xbox Music, and iTunes and give you back one link with matches we find on all of them.
</p>
</div>
<div class="recently-shared">
@ -22,10 +22,10 @@
<h2 class="title is-2">Questions?</h2>
<h3 class="title is-3">Why would I want to use this?</h3>
<p>Sometimes when people want to share music they don't know what service their friends are using. Match Audio let's you take a link from one service and expand it into a link that supports all services.</p>
<p>Sometimes when people want to share music they don't know what service their friends are using. Combine.fm let's you take a link from one service and expand it into a link that supports all services.</p>
<h3 class="title is-3">I still don't get it.</h3>
<p>That's not actually a question, but that's ok. Here's an example: I'm listening to a cool new album I found on Google Play Music. So I go to the address bar (the box that sometimes says https://www.google.com in it) and copy the link to share with my friend. But my friend uses Spotify. So first I go to Match Audio and paste the link there, then grab the Match Audio link from the address bar and send them that link instead.</p>
<p>That's not actually a question, but that's ok. Here's an example: I'm listening to a cool new album I found on Google Play Music. So I go to the address bar (the box that sometimes says https://www.google.com in it) and copy the link to share with my friend. But my friend uses Spotify. So first I go to Combine.fm and paste the link there, then grab the Combine.fm link from the address bar and send them that link instead.</p>
<h3 class="title is-3">Where do I find a link to paste in the box?</h3>
<p>Most music services have a 'share' dialog for albums and tracks in their interface. If you have them open in a web browser instead of an app, you can simply copy and paste the address bar and we'll work out the rest.</p>
@ -34,13 +34,13 @@
<p>Unfortunately not. Playlists would add a huge amount of complexity and would almost certainly cause the site to break the API limits imposed by some of the services we support.</p>
<h3 class="title is-3">Why don't you guys support Bandcamp, Amazon Music, Sony Music Unlimited… ?</h3>
<p>Let me stop you there. Match Audio is open source, that means any capable programmer who wants to add other music services can look at our code and submit changes. If you're not a programmer, you can always submit a request and maybe we'll do it for you.</p>
<p>Let me stop you there. Combine.fm is open source, that means any capable programmer who wants to add other music services can look at our code and submit changes. If you're not a programmer, you can always submit a request and maybe we'll do it for you.</p>
</div>
<div>
<h2 class="title is-2">Tools</h2>
<div class="columns">
<p class="column is-half">
Download the Chrome Extension and get Match Audio links right from your address bar.
Download the Chrome Extension and get Combine.fm links right from your address bar.
</p>
<p class="column is-half">
<a href="https://chrome.google.com/webstore/detail/kjfpkmfgcflggjaldcfnoppjlpnidolk"><img src="/assets/images/chrome-web-store.png" alt="Download the Chrome Extension" /></a>
@ -72,7 +72,7 @@ export default {
recents: function () {
if (typeof document !== 'undefined') {
const recents = this.$store.state.recents;
document.title = `Match Audio • Share Music`;
document.title = `Combine.fm • Share Music`;
}
},
},

2
public/src/views/share.vue
View file

@ -76,7 +76,7 @@ export default {
clearInterval(this.interval);
}
this.item = res.body;
document.title = `Match Audio • ${this.item.name} by ${this.item.artist.name}`;
document.title = `Combine.fm • ${this.item.name} by ${this.item.artist.name}`;
});
}
}