archive
/
MusareMeteor
şunun yansıması https://github.com/Musare/MusareMeteor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<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()">
  {{#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}}<i class="fa fa-power-off logout" tooltip="Logout"></i></h1></div>
    <div class="row">
      <div class="col-md-4">
        <div class="station">
          <p class="station-name">EDM</p>
          <div class="song-info">
            <p class="song-title">Immortals</p>
            <p class="song-artist">Fall Out Boy</p>
          </div>
          <!-- <button class="button-tunein">Tune in to station!</button> -->
          <i id="play" class="fa fa-play controls"></i>
          <i id="stop" class="fa fa-stop controls" style="display:none"></i>
        </div>
      </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>

<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>