Skip to content

Commit

Permalink
source data changed
Browse files Browse the repository at this point in the history
  • Loading branch information
@muhammed
muhammed committed Aug 25, 2019
1 parent bb8827f commit 458f14e
Show file tree
Hide file tree
Showing 6 changed files with 50 additions and 41 deletions.
5 changes: 4 additions & 1 deletion css/main.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/main.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 4 additions & 1 deletion css/main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -196,14 +196,17 @@ body {
user-select: none;

&__name {
font-size: 22px;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
line-height: 1.3em;
}
&__track {
font-weight: 400;
font-size: 20px;
opacity: 0.7;
line-height: 1.3em;
min-height: 52px;
}
}

Expand Down
15 changes: 5 additions & 10 deletions img/icons.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,11 +30,11 @@
<use xlink:href="./img/icons.svg#icon-heart-o"></use>
</svg>
</div>
<div class="player-controls__item">
<a :href="currentTrack.url" target="_blank" class="player-controls__item">
<svg class="icon">
<use xlink:href="./img/icons.svg#icon-share"></use>
<use xlink:href="./img/icons.svg#icon-link"></use>
</svg>
</div>
</a>
<div class="player-controls__item" @click="prevTrack">
<svg class="icon">
<use xlink:href="./img/icons.svg#icon-prev"></use>
Expand Down
58 changes: 33 additions & 25 deletions scripts/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@ new Vue({
el: "#app",
data() {
return {
testData: "asda",
audio: null,
circleLeft: null,
barWidth: null,
Expand All @@ -15,62 +14,71 @@ new Vue({
artist: "Norm Ender",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/1.jpg",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/1.mp3",
url: "https://www.youtube.com/watch?v=z3wAjJXbYzA",
favorited: false
},
{
name: "The Upside 2",
artist: "Lindsey Stirling",
name: "Everybody Knows",
artist: "Leonard Cohen",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/2.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/2.mp3",
url: "https://www.youtube.com/watch?v=Lin-a2lTelg",
favorited: true
},
{
name: "The Upside 3",
artist: "Lindsey Stirling",
name: "Extreme Ways",
artist: "Moby",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/3.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/3.mp3",
url: "https://www.youtube.com/watch?v=ICjyAe9S54c",
favorited: false
},
{
name: "The Upside 4",
artist: "Lindsey Stirling",
name: "Butterflies",
artist: "Sia",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/4.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/4.mp3",
url: "https://www.youtube.com/watch?v=kYgGwWYOd9Y",
favorited: false
},
{
name: "The Upside 5",
artist: "Lindsey Stirling",
name: "The Final Victory",
artist: "Haggard",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/5.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/5.mp3",
url: "https://www.youtube.com/watch?v=0WlpALnQdN8",
favorited: true
},
{
name: "The Upside 6",
artist: "Lindsey Stirling",
name: "Genius ft. Sia, Diplo, Labrinth",
artist: "LSD",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/6.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/6.mp3",
url: "https://www.youtube.com/watch?v=HhoATZ1Imtw",
favorited: false
},
{
name: "The Upside 7",
artist: "Lindsey Stirling",
name: "The Comeback Kid",
artist: "Lindi Ortega",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/7.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/7.mp3",
url: "https://www.youtube.com/watch?v=me6aoX0wCV8",
favorited: true
},
{
name: "The Upside 8",
artist: "Lindsey Stirling",
name: "Overdose",
artist: "Grandson",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/8.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/8.mp3",
url: "https://www.youtube.com/watch?v=00-Rl3Jlx-o",
favorited: false
},
{
name: "The Upside 9",
artist: "Lindsey Stirling",
name: "Rag'n'Bone Man",
artist: "Human",
cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/9.jpg",
source: "https://customhtml5video.000webhostapp.com/audio.mp3",
source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/9.mp3",
url: "https://www.youtube.com/watch?v=L3wKzyIN1yk",
favorited: false
}
],
Expand Down

0 comments on commit 458f14e

Please sign in to comment.