add a smiling face -> let's code

debomatic-webui/public/javascripts/page_generic.js

@@ -187,4 +187,14 @@ function Page_Generic() {
     // update html according with preferences
     this.preferences();
 
+    // show the smile face
+    $('#footer .copyright').mouseenter(function () {
+        $('#smile').animate({
+            'background-position-y': '-50px'
+        }, 200);
+    }).mouseleave(function () {
+        $('#smile').animate({
+            'background-position-y': '20px'
+        }, 150);
+    });
 }

debomatic-webui/public/stylesheets/style.css

@@ -213,3 +213,19 @@ footer .info {
   border-radius: 4px;
   font-size: 75%;
 }
+
+#smile {
+  background: transparent url(../images/smile-code.png) right 20px no-repeat;
+  width: 125px;
+  height: 125px;
+  position: fixed;
+  right: 5px;
+  bottom:0;
+}
+
+#footer .copyright {
+  height: 40px;
+  margin-top: -10px;
+  padding-top: 10px;
+  cursor: pointer;
+}

debomatic-webui/views/footer.ejs

     </div> <!-- #wrapper -->
 
-    <footer class="container-fluid">
-      <small class="copyright pull-right text-muted">
-        Fork me on <a href="https://github.com/LeoIannacone/debomatic-webui">github</a>
+    <div id="smile"></div>
+    <footer id="footer" class="container-fluid">
+      <small onclick="window.open('https://github.com/LeoIannacone/debomatic-webui','_blank');" class="copyright pull-right text-muted">
+        Fork me on <a href="">github</a>
       </small>
       <small class="info pull-right text-muted">v<%= version %> &bull;</small>
       <div id="status" class="clearfix">