archive
/
MusareMeteor
mirror of https://github.com/Musare/MusareMeteor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<head>
  <title>Music App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
  <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  <script src="https://connect.soundcloud.com/sdk.js"></script>
  <script>
    function init() {
      /*SC.initialize({
          client_id: "577d3fbbdb5fe05bb4af698d686508fe"
      });

      var sound = [];
      SC.stream("/tracks/293", function(sound){
          sound.play();
      });*/
    }
  </script>
</head>

<body onload="init()">
  {{#if currentUser}}
    <div id="dashboard">
      {{> dashboard}}
    </div>
  {{else}}
    <div class="landing">
      <div id="login-view">
        {{> login}}
      </div>
      <div id="register-view" style="display:none">
        {{> register}}
      </div>
      <ul class="bg-bubbles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      {{> footer}}
    </div>
  {{/if}}
</body>

<template name="register">
  <div class="container">
    <button class="button" id="login">Login</button>
    <h1>Sign Up</h1>
    <form class="form">
      <input type="text" name="registerUsername" placeholder="Enter a username" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter a username'" required/>
      <input type="email" name="registerEmail" placeholder="Enter your email" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter your email'" required>
      <input type="password" name="registerPassword" placeholder="Enter a password" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter a password'" required/>
      <button type="submit">Sign Up</button>
    </form>
    <button class="btn-social" id="facebook-login"><i class="fa fa-facebook pull-left"></i>Signup with Facebook</button><p></p>
    <button class="btn-social" id="github-login"><i class="fa fa-github pull-left"></i>Signup with Github</button>
  </div>
</template>

<template name="login">
  <div class="container">
    <button class="button" id="register">Sign Up</button>
  	<h1>Login</h1>
    <form class="form">
    	<input type="text" name="loginUsername" placeholder="Enter your username" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter your username'" required/>
    	<input type="password" name="loginPassword" placeholder="Enter your password" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter your password'" required/>
    	<button type="submit">Login</button>
    </form>
    <button class="btn-social" id="facebook-login"><i class="fa fa-facebook pull-left"></i>Login with Facebook</button><p></p>
    <button class="btn-social" id="github-login"><i class="fa fa-github pull-left"></i>Login with Github</button>
  </div>
</template>

<template name="dashboard">
  <div class="landing">
    <div id="name-container"> <h1>{{currentUser.username}}{{currentUser.services.facebook.first_name}} {{currentUser.services.facebook.last_name}}{{currentUser.services.github.username}}</h1></div>
    <div class="station">
      <h3>EDM</h3>
      <div class="song-info"></div>
    </div>
    <a href="#" class="logout">Logout</a>

    <ul class="bg-bubbles">
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
  </div>
</template>

<template name="footer">
  <footer>
    <p>Copyright © 2015 All Right Reserved</p>
    <p>Built by <a href="https://github.com/AkiraLaine" target="_blank">@AkiraLaine</a> |
    <a href="https://github.com/KrisVos130" target="_blank">@KrisVos130</a> |
    <a href="https://github.com/Johand199" target="_blank">@Johand199</a> |
    <a href="https://github.com/Septimus" target="_blank">@Septimus</a></p>
  </footer>
</template>