wtf?

Evangenieur · Dec 15, 2012 · d99da84 · d99da84
2 parents 6ecf9a5 + 14a24d5
commit d99da84
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 12 deletions.
diff --git a/public/javascripts/hvidio.js b/public/javascripts/hvidio.js
@@ -1,5 +1,5 @@
 (function() {
-    var loader, socket, scroller,
+    var loader, socket, scroller, counter = 0,
         $main = $('#main'),
         $form = $('#form'),
         $keyword = $('#keyword'),
@@ -178,6 +178,8 @@
                     this.embed = this.embed.substr(0, pos);
                 }
 
+                $('#counter').text(counter++);
+
                 if (typeof search.initiated == "undefined") { 
                     search.initiated = true;
                     scroll = false;

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -117,6 +117,14 @@ p.tagline {
   width: 32px;
   height: 32px;
 }
+#counter {
+  color: #5c7a1e;
+  font-weight: bold;
+  font-style: italic;
+  font-size: 30px;
+  position: absolute;
+  left: 40px;
+}
 #close {
   position: fixed;
   top: 20px;
@@ -129,9 +137,6 @@ p.tagline {
   display: none;
   cursor: pointer;
 }
-.visible {
-  visibility: visible !important;
-}
 #results {
   height: 0;
   position: relative;
@@ -144,6 +149,7 @@ p.tagline {
   position: relative;
 }
 #results .video {
+  visibility: hidden;
   float: left;
   margin: 10px 10px;
   min-height: 200px;
@@ -176,7 +182,7 @@ p.tagline {
 #results .video .video-cell .video-wrapper {
   display: block;
   position: relative;
-  height: 150px;
+  height: 140px;
 }
 #results .video .video-cell .tip {
   background: #99cc32;
@@ -206,6 +212,7 @@ p.tagline {
   font: bold 11px/1.8 Arial;
   color: #FFF;
   text-shadow: 0px 1px 1px black;
+  margin-top: 10px;
 }
 #results .video .video-cell .video-meta h5 {
   font-weight: bold;
@@ -227,7 +234,7 @@ p.tagline {
 }
 #results .video .video-cell img.preview {
   width: 210px;
-  height: 150px;
+  height: 140px;
   border: 1px solid gray;
   box-shadow: 0px 5px 30px black;
 }
diff --git a/public/stylesheets/style.less b/public/stylesheets/style.less
@@ -139,6 +139,15 @@ p.tagline {
     height: 32px;
 }
 
+#counter {
+    color: darken(@color-main, 20);
+    font-weight: bold;
+    font-style: italic;
+    font-size: 30px;
+    position: absolute;
+    left: 40px;
+}
+
 #close {
     position: fixed;
     top: 20px;
@@ -152,9 +161,9 @@ p.tagline {
     cursor: pointer;
 }
 
-.visible {
-    visibility: visible !important;
-}
+// .visible {
+//     visibility: visible !important;
+// }
 
 #results {
     height: 0;
@@ -169,7 +178,7 @@ p.tagline {
     }
 
     .video {
-
+        visibility: hidden;
         float: left;
         margin: 10px 10px;
         min-height: @cell-height;
@@ -206,7 +215,7 @@ p.tagline {
             .video-wrapper {
                 display: block;
                 position: relative;
-                height: 150px;
+                height: 140px;
             }
 
             .tip {
@@ -251,6 +260,7 @@ p.tagline {
                 font: bold 11px/1.8 Arial;
                 color: #FFF;
                 text-shadow: 0px 1px 1px black;
+                margin-top: 10px;
 
                 h5 {
                     font-weight: bold;
@@ -278,7 +288,7 @@ p.tagline {
 
             img.preview {
                 width: 210px;
-                height: 150px;
+                height: 140px;
                 border: 1px solid gray;
                 box-shadow: 0px 5px 30px black;
             }

diff --git a/views/index.jade b/views/index.jade
@@ -19,6 +19,7 @@ block content
         div#results
 
         div#loading
+            div#counter
 
         div#close