Error handling, localstorage fix, styling, search stuff, boobs, fucks and colored people

index.php

@@ -26,17 +26,17 @@
                 </div>
                 
                 <ul class="title-container hide-on-med-and-down">
-                    <li class="col s9" id="song-title">
+                    <li class="col s9" id="song-title" onclick="showSearch();">
                         Loading...
                     </li>
-                    <li class="search-container">
+                    <li class="search-container hide" id="search-wrapper">
                         <input id="search" class="search_input" type="search" required title="Search for songs..." spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off">
                     </li>
                 </ul>
 
                 <ul class="right control-list">
                     <li>
-                        <a class="nav-btn" href="#" id="search-btn" onclick="">
+                        <a class="nav-btn" href="#" id="search-btn" onclick="showSearch();">
                             <i class="mdi-action-search"></i>
                             <span class="hover-text">Find</span>
                         </a>
@@ -48,7 +48,7 @@
                         </a>
                     </li>
                     <li>
-                        <a class="nav-btn" href="#" id="shuffle" onclick="shuffle();">
+                        <a class="nav-btn hide-on-small-only" href="#" id="shuffle" onclick="shuffle();">
                             <i class="mdi-av-shuffle"></i>
                             <span class="hover-text">Stir</span>
                         </a>
@@ -70,7 +70,7 @@
     </header>
     <main class="container center-align main">
         <div class="row">
-            <div class="col s12 m9 video-container">
+            <div class="col s12 m9 video-container hide-on-small-only">
                 <div id="player" class="ytplayer"></div>
                 <div id="controls">
                   <div id="playpause">

php/footer.php

@@ -32,7 +32,9 @@
                             </a>
                         </p>
                         <p>
-                            <img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://zoff.no/<?php echo $list; ?>&choe=UTF-8&chld=L|1" alt="QRCode for link" title="QRCode">
+                            <a href="https://chart.googleapis.com/chart?chs=500x500&cht=qr&chl=http://zoff.no/<?php echo $list; ?>&choe=UTF-8&chld=L|1" >
+                                <img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://zoff.no/<?php echo $list; ?>&choe=UTF-8&chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!">
+                            </a>
                         </p>
                     </li>
                 </ul>

php/nochan.php

@@ -138,7 +138,7 @@ if(isset($_GET['chan'])){
                                 </a>
                             </p>
                             <p>
-                                <a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://zoff.no/<?php echo $list; ?>&text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://zoff.no/<?php echo $list; ?>&text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&via=zoffmusic','Share Playlist','width=600,height=300')">
+                                <a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://zoff.no/&text=Check out Zöff, a live shared playlist!&via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://zoff.no/&text=Check out Zöff, a live shared playlist!&via=zoffmusic&via=zoffmusic','Share Playlist','width=600,height=300')">
                                     <img class="left" src="static/images/twitter.png">Share on Twitter
                                 </a>
                             </p>

static/css/style.css

@@ -65,11 +65,12 @@ main {
 }
 
 nav .zbrand{
-    max-width: 22%;
+max-width: 22%;
-    overflow: hidden;
+min-width: 200px;
-    position: relative;
+overflow: hidden;
-    padding-left: 0;
+position: relative;
-    margin-left: -10px;
+font-size: 30px;
+padding: 0 20px;
 }
 
 .fullwidth{
@@ -237,6 +238,7 @@ hide mdi-action-visibility mdi-action-visibility-off
 }
 
 .chan{
+    padding-right:10px;
     text-shadow: 4px 4px 9px rgba(0, 0, 0, 0.42);
 }
 

static/js/playercontrols.js

@@ -25,11 +25,13 @@ function fitToScreen()
 
 function initSlider()
 {
-	if(localStorage.getItem("volume") !== undefined)
+	if(localStorage.volume)
 	{
 		vol = localStorage.getItem("volume");
-	}else
+	}else{
 		vol = 100;
+		localStorage.setItem("volume", vol);
+	}
 	$("#volume").slider({
 	    min: 0,
 	    max: 100,

static/js/search.js

@@ -111,6 +111,10 @@ $(document).keyup(function(e) {
 	}
 });
 
+function showSearch(){
+	$("#search-wrapper").toggleClass("hide");
+	$("#song-title").toggleClass("hide");
+}
 
 function search(search_input){
 

static/js/youtube.js

@@ -215,7 +215,7 @@ function getTitle(titt, v)
 
 function errorHandler(newState)
 {
-	socket.emit("end", video_id);
+	socket.emit("skip");
 }
 
 function onPlayerReady(event) {