Safari display fixes, Show update button by clicking on topright version text

Author: shortcutme

css/ZeroHello.css

@@ -1,5 +1,5 @@
 body { background-color: #D2CECD; color: #393837; margin: 10px; padding: 0px; font-family: 'Roboto', sans-serif; padding-bottom: 50px; backface-visibility: hidden } /*#AF3FBB*/
-h1, h2, h3, h4 { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 100px; margin: 0px; padding: 0px }
+h1, h2, h3, h4 { font-family: 'Roboto', Arial, sans-serif; font-weight: normal; font-size: 100px; margin: 0px; padding: 0px }
 h1 { font-family: 'Text Me One', sans-serif;; padding-bottom: 30px; line-height: 100px }
 h2 { font-size: 35px }
 h3 { font-size: 23px }
@@ -63,7 +63,7 @@ ul, li { margin: 0px; padding: 0px; list-style-type: none }
 .served { background-color: #AF3BFF; display: inline-block; padding: 10px; margin-left: -25px; color: white }
 
 
-.site-category { margin-top: -54px; float: left; padding-left: 20px; width: 370px; width: 90% }
+.site-category { margin-top: -54px; float: left; padding-left: 20px; width: 370px; height: 0px }
 
 
 /* Site */

css/all.css

@@ -16,9 +16,9 @@
  <div class="plugin-multiuser">Current user: <a class='identicon' href='#Show+Private+key' title='Show private key'></a><a href="#Logout" class="button button-logout">Logout</a></div>
  <div class="plugin-uipassword"><a href="#Logout" class="button button-logout">Logout</a></div>
  <div class="version current">Version: <a href="https://github.com/HelloZeroNet/ZeroNet" target="_top">Unknown</a></div>
- <div class="version latest new" title="New update available">Latest: <a href="https://github.com/HelloZeroNet/ZeroNet" target="_top">0.3.1</a></div>
+ <div class="version latest new" title="New update available">Latest: <a href="https://github.com/HelloZeroNet/ZeroNet" target="_top">0.3.2</a></div>
  <br><a href="#Update" class="button button-update button-submit">Update to new version</a>
- <br><span class='broken-autoupdate'>Err, we broke the autoupdate for this version.<br> Please overwrite your current <b>update.py</b> file<br> with the <a href="https://raw.githubusercontent.com/HelloZeroNet/ZeroNet/master/update.py" target="_top">latest one from github</a>, run it and restart ZeroNet.<br>Sorry for the troubles!</span>
+ <br><span class='broken-autoupdate'></span>
 </div>
 
 

index.html

@@ -13,6 +13,10 @@ class ZeroHello extends ZeroFrame
 			$(".broken-autoupdate").css("display", "block").html "Please run update.py manually<br>if ZeroNet doesn't comes back within 1 minute."
 			@cmd "serverUpdate", {}
 
+		$(".version.current").on "click", =>
+			#$(".version.latest").css "display", "inline-block"
+			$(".button-update").css "display", "inline-block"
+
 
 	# Wrapper websocket connection ready
 	onOpenWebsocket: (e) =>
@@ -174,6 +178,9 @@ class ZeroHello extends ZeroFrame
 
 		if site.address == @address and site.peers > 0 then $("#peers").text(site.peers) # Update servedby text
 
+		# Background color based on address
+		# elem.find(".site").css("border", "4px solid "+@toColor(site.address))
+
 		return elem
 
 
@@ -275,8 +282,11 @@ class ZeroHello extends ZeroFrame
 				$(".plugin-uipassword .button-logout").on "click", =>
 					@cmd "uiLogout", []
 
-
-
+	toColor: (text) ->
+		hash = 0
+		for i in [0..text.length-1]
+			hash += text.charCodeAt(i)*i
+		return "hsl(" + (hash % 360) + ",30%,50%)";
 
 
 	# - Site commands -

js/ZeroHello.coffee

@@ -922,13 +922,18 @@ jQuery.extend( jQuery.easing,
           return _this.local_storage = res;
         };
       })(this));
-      return $(".button-update").on("click", (function(_this) {
+      $(".button-update").on("click", (function(_this) {
         return function() {
           $(".button-update").addClass("loading");
           $(".broken-autoupdate").css("display", "block").html("Please run update.py manually<br>if ZeroNet doesn't comes back within 1 minute.");
           return _this.cmd("serverUpdate", {});
         };
       })(this));
+      return $(".version.current").on("click", (function(_this) {
+        return function() {
+          return $(".button-update").css("display", "inline-block");
+        };
+      })(this));
     };
 
     ZeroHello.prototype.onOpenWebsocket = function(e) {
@@ -1251,6 +1256,15 @@ jQuery.extend( jQuery.easing,
       })(this));
     };
 
+    ZeroHello.prototype.toColor = function(text) {
+      var hash, i, _i, _ref;
+      hash = 0;
+      for (i = _i = 0, _ref = text.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; i = 0 <= _ref ? ++_i : --_i) {
+        hash += text.charCodeAt(i) * i;
+      }
+      return "hsl(" + (hash % 360) + ",30%,50%)";
+    };
+
     ZeroHello.prototype.siteUpdate = function(address) {
       return this.cmd("siteUpdate", {
         "address": address