Bläddra i källkod

Cleaned up and added term

(beta) terms and privacy policy added to the site
A way to see terms and privacy notice will be added soon
Johand 9 år sedan
förälder
incheckning
fabde14e42
2 ändrade filer med 250 tillägg och 158 borttagningar
  1. 6 0
      app/app.css
  2. 244 158
      app/app.html

+ 6 - 0
app/app.css

@@ -381,4 +381,10 @@ footer a:hover{
   padding: 100px 0;
   height: 900px;
   text-align: center;
+}
+.terms {
+  margin: 0 auto;
+  padding: 100px 0;
+  height: 900px;
+  text-align: center;
 }

+ 244 - 158
app/app.html

@@ -1,202 +1,288 @@
 <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>
+    <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/>
-      {{> reCAPTCHA}}
-      <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>
+    <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/> {{> reCAPTCHA}}
+            <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>
+    <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="row">
-        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-            <div class="station">
-                  <h3>Name</h3>
-                  <h5>Song</h5>
+    <div class="landing">
+        <div class="row">
+            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+                </div>
             </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-            <div class="station">
-                  <h3>Name</h3>
-                  <h5>Song</h5>
+            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+                </div>
             </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-            <div class="station">
-                  <h3>Name</h3>
-                  <h5>Song</h5>
+            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+                </div>
             </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-            <div class="station">
-                  <h3>Name</h3>
-                  <h5>Song</h5>
+            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+                <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+                </div>
             </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>
-{{> footer}}
+        <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>
+    <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}}
+        {{> dashboard}}
     </div>
-  {{else}}
+    {{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 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}}
+    {{/if}}
 </template>
 
 <template name="room">
-  <div class="landing">
-    <h1 class="room-name">{{{type}}}</h1>
-    <h2 class="room-title">{{{title}}}</h2>
-    <h2 class="room-artist">{{{artist}}}</h2>
-    <div id="seeker-bar"></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>
+    <div class="landing">
+        <h1 class="room-name">{{{type}}}</h1>
+        <h2 class="room-title">{{{title}}}</h2>
+        <h2 class="room-artist">{{{artist}}}</h2>
+        <div id="seeker-bar"></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="privacy">
-<div class="privacy">
-<h2>
+    <div class="privacy">
+        <h2>
   Privacy Policy
 </h2>
 
-<p>
-  Your privacy is very important to us. Accordingly, we have developed this Policy in order for you to understand how we collect, use, communicate and disclose and make use of personal information. The following outlines our privacy policy.
-</p>
-
-<ul type="disc">
-  <li>
-    Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.
-  </li>
-  <li>
-    We will collect and use of personal information solely with the objective of fulfilling those purposes specified by us and for other compatible purposes, unless we obtain the consent of the individual concerned or as required by law.   
-  </li>
-  <li>
-    We will only retain personal information as long as necessary for the fulfillment of those purposes. 
-  </li>
-  <li>
-    We will collect personal information by lawful and fair means and, where appropriate, with the knowledge or consent of the individual concerned. 
-  </li>
-  <li>
-    Personal data should be relevant to the purposes for which it is to be used, and, to the extent necessary for those purposes, should be accurate, complete, and up-to-date. 
-  </li>
-  <li>
-    We will protect personal information by reasonable security safeguards against loss or theft, as well as unauthorized access, disclosure, copying, use or modification.
-  </li>
-  <li>
-    We will make readily available to customers information about our policies and practices relating to the management of personal information. 
-  </li>
-</ul>
-
-<p>
-  We are committed to conducting our business in accordance with these principles in order to ensure that the confidentiality of personal information is protected and maintained. 
-</p>    
-</div>      
+        <p>
+            Your privacy is very important to us. Accordingly, we have developed this Policy in order for you to understand how we collect, use, communicate and disclose and make use of personal information. The following outlines our privacy policy.
+        </p>
+
+        <ul type="disc">
+            <li>
+                Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.
+            </li>
+            <li>
+                We will collect and use of personal information solely with the objective of fulfilling those purposes specified by us and for other compatible purposes, unless we obtain the consent of the individual concerned or as required by law.
+            </li>
+            <li>
+                We will only retain personal information as long as necessary for the fulfillment of those purposes.
+            </li>
+            <li>
+                We will collect personal information by lawful and fair means and, where appropriate, with the knowledge or consent of the individual concerned.
+            </li>
+            <li>
+                Personal data should be relevant to the purposes for which it is to be used, and, to the extent necessary for those purposes, should be accurate, complete, and up-to-date.
+            </li>
+            <li>
+                We will protect personal information by reasonable security safeguards against loss or theft, as well as unauthorized access, disclosure, copying, use or modification.
+            </li>
+            <li>
+                We will make readily available to customers information about our policies and practices relating to the management of personal information.
+            </li>
+        </ul>
+
+        <p>
+            We are committed to conducting our business in accordance with these principles in order to ensure that the confidentiality of personal information is protected and maintained.
+        </p>
+    </div>
 </template>
 
 
 <template name="terms">
-  <h1>IN PROGRESS</h1>
-</template>
+    <div class="terms">
+        <h1>Terms of Service</h1>
+        <small>Last updated: Septemeber 29, 2015</small>
+        <hr>
+        <p>
+            By using the Music App's web site ("Service"), or any services of Music App ("MusicApp"), you are agreeing to be bound by the following terms and conditions ("Terms of Service").
+        </p>
+        <p>
+            MusicApp reserves the right to update and change the Terms of Service from time to time without notice. Any new features that augment or enhance the current Service, including the release of new tools and resources, shall be subject to the Terms of Service. Continued use of the Service after any such changes shall constitute your consent to such changes. You can review the most current version of the Terms of Service at any time.
+        </p>
+        <p>
+            Violation of any of the terms below will result in the termination of your Account. While MusicApp prohibits such conduct and Content on the Service, you understand and agree that MusicApp cannot be responsible for the Content posted on the Service and you nonetheless may be exposed to such materials. You agree to use the Service at your own risk.
+        </p>
+        <hr>
+        <h2>Account Terms</h2>
+        <ol>
+            <li>You must be a human. Accounts registered by "bots" or other automated methods are not permitted.</li>
+            <li>You must provide your legal full name, a valid email address, and any other information requested in order to complete the signup process.</li>
+            <li>Your login may only be used by one person - a single login shared by multiple people is not permitted.</li>
+            <li>You are responsible for maintaining the security of your account and password. MusicApp cannot and will not be liable for any loss or damage from your failure to comply with this security obligation.</li>
+            <li>You are responsible for all Content posted and activity that occurs under your account (even when Content is posted by others who have accounts under your account).</li>
+            <li>You may not use the Service for any illegal or unauthorized purpose. You must not, in the use of the Service, violate any laws in your jurisdiction (including but not limited to copyright or trademark laws).</li>
+        </ol>
+        <hr>
+        <!--h2>Payment, Refunds, Upgrading and Downgrading Terms</h2> We currently do not have anything that requires payment, thus this is not included in the terms of service.
+                <ol>
+                    <li>All paid plans must provide a valid account through one of the approved payment providers provided. Free accounts are not required to provide an account through an approved payment provider.</li>
+                    <li>An upgrade from the free plan to any paying plan will immediately bill you.</li>
+                    <li>The Service is billed instantly and is non-refundable. There will be no refunds or credits for partial months of service, upgrade/downgrade refunds, or refunds for months unused with an open account. In order to treat everyone equally, no exceptions will be made.</li>
+                    <li>All fees are exclusive of all taxes, levies, or duties imposed by taxing authorities, and you shall be responsible for payment of all such taxes, levies, or duties.</li>
+                    <li>For any upgrade or downgrade in plan level, your payment account that you provided will automatically be charged the new rate.</li>
+                </ol>
+            <hr-->
+        <h2>Cancellation and Termination</h2>
+        <ol>
+            <li>You are solely responsible for properly canceling your account. In order to cancel your account you must email the site staff with your cancellation request. </li>
+            <li>All of your Content will be immediately deleted from the Service upon cancellation. This information can not be recovered once your account is cancelled.</li>
+            <!--li>If you cancel the Service before the end of your current paid up month, your cancellation will take effect immediately and you will not be charged again.</li-->
+            <li>MusicApp, in its sole discretion, has the right to suspend or terminate your account and refuse any and all current or future use of the Service, or any other MusicApp service, for any reason at any time. Such termination of the Service will result in the deactivation or deletion of your Account or your access to your Account, and the forfeiture and relinquishment of all Content in your Account.</li>
+            <li>MusicApp reserves the right to refuse service to anyone for any reason at any time.</li>
+        </ol>
+        <hr>
+        <h2>Modifications to the Service and Prices</h2>
+        <ol>
+            <li>MusicApp reserves the right at any time and from time to time to modify or discontinue, temporarily or permanently, the Service (or any part thereof) with or without notice.</li>
+            <li>Prices of all Services, including but not limited to monthly subscription plan fees to the Service, are subject to change upon 30 days notice from us. Such notice may be provided at any time by posting the changes to the MusicApp site or the Service itself.</li>
+            <li>MusicApp shall not be liable to you or to any third party for any modification, price change, suspension or discontinuance of the Service.</li>
+        </ol>
+        <hr>
+        <h2>Copyright and Content Ownership</h2>
+        <ol>
+            <li>We claim no intellectual property rights over the material you provide to the Service. Your profile and materials remain yours. By agreeing to these terms, you agree to allow others to view your Content.</li>
+            <li>MusicApp does not pre-screen Content, but MusicApp and its designee have the right (but not the obligation) in their sole discretion to refuse or remove any Content that is available via the Service.</li>
+            <li>You shall defend MusicApp against any claim, demand, suit or proceeding made or brought against MusicApp by a third party alleging that Your Content, or Your use of the Service in violation of this Agreement, infringes or misappropriates the intellectual property rights of a third party or violates applicable law, and shall indemnify MusicApp for any damages finally awarded against, and for reasonable attorney’s fees incurred by, MusicApp in connection with any such claim, demand, suit or proceeding; provided, that MusicApp (a) promptly gives You written notice of the claim, demand, suit or proceeding; (b) gives You sole control of the defense and settlement of the claim, demand, suit or proceeding (provided that You may not settle any claim, demand, suit or proceeding unless the settlement unconditionally releases MusicApp of all liability); and (c) provides to You all reasonable assistance, at Your expense.</li>
+            <li>The look and feel of the Service is copyright © 2015 MusicApp. All rights reserved. You may not duplicate, copy, or reuse any portion of the HTML/CSS, Javascript, or visual design elements or concepts without express written permission from MusicApp.</li>
+        </ol>
+        <hr>
+        <h2>General Conditions</h2>
+        <ol>
+            <li>Your use of the Service is at your sole risk. The service is provided on an "as is" and "as available" basis.</li>
+            <li>Technical support is only available via email, the site and/or Twitter.</li>
+            <li>You understand that MusicApp uses third party vendors and hosting partners to provide the necessary hardware, software, networking, storage, and related technology required to run the Service.</li>
+            <li>You must not modify, adapt or hack the Service or modify another website so as to falsely imply that it is associated with the Service, MusicApp, or any other MusicApp service.</li>
+            <li>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the Service, use of the Service, or access to the Service without the express written permission by MusicApp.</li>
+            <li>We may, but have no obligation to, remove Content and Accounts containing Content that we determine in our sole discretion are unlawful, offensive, threatening, libelous, defamatory, pornographic, obscene or otherwise objectionable or violates any party's intellectual property or these Terms of Service.</li>
+            <li>Verbal, physical, written or other abuse (including threats of abuse or retribution) of any MusicApp customer, employee, member, or officer will result in immediate account termination.</li>
+            <li>You understand that the technical processing and transmission of the Service, including your Content, may be transferred unencrypted and involve (a) transmissions over various networks; and (b) changes to conform and adapt to technical requirements of connecting networks or devices.</li>
+            <li>You must not upload, post, host, or transmit unsolicited email, SMSs, or "spam" messages.</li>
+            <li>You must not transmit any worms or viruses or any code of a destructive nature.</li>
+            <li>MusicApp does not warrant that (i) the service will meet your specific requirements, (ii) the service will be uninterrupted, timely, secure, or error-free, (iii) the results that may be obtained from the use of the service will be accurate or reliable, (iv) the quality of any products, services, information, or other material purchased or obtained by you through the service will meet your expectations, and (v) any errors in the Service will be corrected.</li>
+            <li>You expressly understand and agree that MusicApp shall not be liable for any direct, indirect, incidental, special, consequential or exemplary damages, including but not limited to, damages for loss of profits, goodwill, use, data or other intangible losses (even if MusicApp has been advised of the possibility of such damages), resulting from: (i) the use or the inability to use the service; (ii) the cost of procurement of substitute goods and services resulting from any goods, data, information or services purchased or obtained or messages received or transactions entered into through or from the service; (iii) unauthorized access to or alteration of your transmissions or data; (iv) statements or conduct of any third party on the service; (v) or any other matter relating to the service.</li>
+            <li>The failure of MusicApp to exercise or enforce any right or provision of the Terms of Service shall not constitute a waiver of such right or provision. The Terms of Service constitutes the entire agreement between you and MusicApp and govern your use of the Service, superseding any prior agreements between you and MusicApp (including, but not limited to, any prior versions of the Terms of Service). You agree that these Terms of Service and Your use of the Service are governed under law.</li>
+            <li>Questions about the Terms of Service should be sent to the site staff
+            </li>
+        </ol>
+        <hr>
+    </div>
+</template>