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

Design updates

Browse source
This commit is contained in:
Jonathan Cremin 2014-12-04 13:01:45 +00:00
parent c955039306
commit f7a5291e17
4 changed files with 33 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

5
public/stylesheets/style.css
View file

@ -45,6 +45,11 @@ h2 {
text-align: center;
}
.btn-custom {
background-color: #e6832e;
color: #fff;
}
.service {
padding: 40px 10px 10px 10px;
}

4
views/album.ejs
View file

@ -31,8 +31,8 @@
<% for (var i=0;i < items.length;i++) { var album = items[i]; %>
<div class="col-md-3 col-xs-6">
<div class="service <%= i==0 ? "source-service" : "" %>">
<div class="matching-from"><%= i==0 ? "Found matches for this album" : "" %></div>
<img src="<%= album.artwork %>" class="img-rounded album-artwork" width="100%">
<div class="matching-from"><%= i==0 ? "Found matches for this link" : "" %></div>
<a href="<%= album.url %>"><img src="<%= album.artwork %>" class="img-rounded album-artwork" width="100%"></a>
<div class="service-link">
<a href="<%= album.url %>">Listen on <img src="/images/<%= album.service %>.png" class="img-rounded"></a>
</div>

6
views/index.ejs
View file

@ -27,7 +27,7 @@
<div class="input-group input-group-lg">
<input type="text" name="url" placeholder="Paste link here" class="form-control">
<span class="input-group-btn">
<input type="submit" class="btn btn-default btn-lg" value="Share Music">
<input type="submit" class="btn btn-lg btn-custom" value="Share Music">
</span>
</div>
</form>
@ -37,8 +37,8 @@
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p>Make sharing music from subscription services better.
We match links from Rdio, Spotify and Google Music and give you back a link with all of them.
<a href="/google/album/B3qrtsvk5s3piwyla76sk6qyxny">Here's an example</a>.</p>
We match links from Rdio, Spotify and Google Music and give you back a link with all of them.</p>
<p><a href="/google/album/B3qrtsvk5s3piwyla76sk6qyxny">Here's an example</a>.</p>
</div>
</div>
</div>

38
views/track.ejs
View file

@ -12,29 +12,37 @@
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body class="track share">
<header>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><a href="/">match<span class="audio-lighten">.audio</span></a></h1>
</div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2><a href="/">match.audio</a></h2>
<h1><%= items[0].artist.name %> - <%= items[0].name %></h1>
<h2><%= items[0].artist.name %> - <%= items[0].name %></h2>
</div>
</div>
<div class="row">
<% for (var i=0;i < items.length;i++) { var track = items[i]; %>
<div class="col-md-3 col-xs-6">
<div class="service <%= i==0 ? "source-service" : "" %>">
<div class="matching-from"><%= i==0 ? "Matching track from this album" : "" %></div>
<img src="<%= track.artwork %>" class="img-rounded album-artwork" width="100%">
<div class="service-link">
<a href="<%= track.url %>">Listen on <img src="/images/<%= track.service %>.png" class="img-rounded"></a>
<% for (var i=0;i < items.length;i++) { var track = items[i]; %>
<div class="col-md-3 col-xs-6">
<div class="service <%= i==0 ? "source-service" : "" %>">
<div class="matching-from"><%= i==0 ? "Found matches for this link" : "" %></div>
<a href="<%= track.url %>"><img src="<%= track.artwork %>" class="img-rounded album-artwork" width="100%"></a>
<div class="service-link">
<a href="<%= track.url %>">Listen on <img src="/images/<%= track.service %>.png" class="img-rounded"></a>
</div>
</div>
</div>
<% } %>
</div>
<% } %>
</div>
<div class="row share">
<div class="row share">
</div>
</div>
</div>
</body>
</html>
</body>
</html>