JSFiddle - React, Tailwind, and code Playground

by hunterloftis

HTML

<script src="http://connect.soundcloud.com/sdk.js"></script>
<script src="http://greendreams-dev.herokuapp.com/build/greendreams.js"></script>

<div id='game1' class='game'></div>
<div id='game2' class='game'></div>

CSS

html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }

.game {
        width: 100%;
        height: 50%;
        border: solid 1px #000;
      }

JavaScript

new GreenDreams(document.getElementById('game1'), {
    tracks: 'http://greendreams-dev.herokuapp.com/soundcloud',
    link: 'https://soundcloud.com/green-language/sets/rustie-green-language',
    start: 'http://greendreams-dev.herokuapp.com/images/start.jpg',
    end: 'http://greendreams-dev.herokuapp.com/images/end.jpg'
  });

new GreenDreams(document.getElementById('game2'), {
    tracks: 'http://greendreams-dev.herokuapp.com/soundcloud',
    link: 'https://soundcloud.com/green-language/sets/rustie-green-language',
    start: 'http://greendreams-dev.herokuapp.com/images/start.jpg',
    end: 'http://greendreams-dev.herokuapp.com/images/end.jpg'
  });