Skip to content

Commit

Permalink
- Add cards for SoundCloud playlists.
Browse files Browse the repository at this point in the history
- Delete some playlists.
  • Loading branch information
asce1062 committed Jan 4, 2018
1 parent 87d37cb commit 91ac9c0
Show file tree
Hide file tree
Showing 6 changed files with 99 additions and 6 deletions.
19 changes: 13 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,19 @@
</head>

<body>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/308212612&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/257450654&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/251462568&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/251455963&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232674071&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232672698&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
<div class="wrapper">
<ul class="grid cards">
<li>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232672698&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
</li>
<li>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232674071&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
</li>
<li>
<iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/308212612&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
</li>
</ul>
</div>
</body>

</html>
Binary file added ui/aleximmer-logo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/aleximmer-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions ui/stars-blue.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>

<head>
<title>404 Not Found</title>
</head>

<body>
<h1>Not Found</h1>
<p>The requested URL /ui/stars-blue.gif was not found on this server.</p>
</body>

</html>
Binary file added ui/stars.anim.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
73 changes: 73 additions & 0 deletions ui/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
/*
Global dezign done by Alex.immer
*/

body {
background: #123 url(stars.anim.gif)
}


/*
IE workarounds
*/

.lt-ie9 body {
background: #123 url(stars-blue.html) fixed
}

.lt-ie9 .bg1,
.lt-ie9 .bg2,
.lt-ie9 .bg3 {
display: none
}

.lt-ie7 .logo a {
background-image: url(aleximmer-logo.gif)
}

.wrapper {
margin: 0 auto;
width: 90%;
}

.cards {
list-style: none;
margin: 0;
padding: 0;
}

.cards li {
background-color: rgba(0, 0, 0, 0.0);
color: #fff;
flex: 1 1 200px;
}

.cards h2 {
background-color: rgba(0, 0, 0, 0.0);
margin: 0;
padding: 10px;
}

.cards p {
padding: 10px;
}

.flex {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}

.flex li {
flex: 1 1 200px;
margin: 10px;
}

.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-columns: repeat(auto-fill, minmax(200px 1fr));*/
grid-gap: 20px;
}

0 comments on commit 91ac9c0

Please sign in to comment.