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


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<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-2.0.0.js"></script>
  <script>
    function init() {
      SC.initialize({
          client_id: "577d3fbbdb5fe05bb4af698d686508fe"
      });
    }
  </script>
</head>

<body onload="init()">
</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/>
      <p>By registering, you agree to the Terms and Conditions and Privacy Policy.</p>
      <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 class="station">

    </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>
  </div>
{{> footer}}
</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>


<template name="home">
    {{#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>
    </div>
  {{/if}}
</template>

<template name="room">
  <div class="landing">
    <h1 class="room-name">{{{type}}}</h1>
    <h2>{{{duration}}}</h2>
    <div class="player">
      <div class="seeker-bar">
        <i id="dot" class="fa fa-circle"></i>
      </div>
    </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>
  </div>
</template>