From 92e27d2578d1ee48148ae29042c28b0daf4b9f31 Mon Sep 17 00:00:00 2001
From: Julien Lengrand-Lambert <Julien.Lengrand-Lambert@ing.nl>
Date: Fri, 2 Jun 2017 10:17:29 +0200
Subject: [PATCH] Embed first version of player in webpage

---
 app/components/sc-player/sc-player.html | 27 +++++++++++++++++++++++++
 app/index.html                          |  2 ++
 2 files changed, 29 insertions(+)
 create mode 100644 app/components/sc-player/sc-player.html
diff --git a/app/components/sc-player/sc-player.html b/app/components/sc-player/sc-player.html
new file mode 100644
index 0000000..9a2a174
--- /dev/null
+++ b/app/components/sc-player/sc-player.html
@@ -0,0 +1,27 @@
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+
+<dom-module id="sc-player">
+    <template>
+        <style>
+            :host {
+                margin: auto;
+                width: 50%;
+                display: block;
+            }
+        </style>
+
+        <iframe 
+            width="100%" 
+            height="450" 
+            scrolling="no" 
+            frameborder="no" 
+            src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/113662676&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true">
+        </iframe>
+        
+    </template>
+    <script>
+        Polymer({
+            is: 'sc-player'
+        });
+    </script>
+</dom-module>
diff --git a/app/index.html b/app/index.html
index 6b8fc99..020bab1 100644
--- a/app/index.html
+++ b/app/index.html
@@ -8,9 +8,11 @@
     
     <link rel="import" href="../app/components/sc-title/sc-title.html">
     <link rel="import" href="../app/components/sc-profile/sc-profile.html">
+    <link rel="import" href="../app/components/sc-player/sc-player.html">
     
     <body>
         <sc-title></sc-title>
         <sc-profile></sc-profile>
+        <sc-player></sc-player>
     </body>
 </html>
\ No newline at end of file
