make more l33t

modules/profile/pages.js

@@ -23,7 +23,7 @@ var pages = function(dbot) {
             });
         },
 
-        '/grid/:connection': function(req, res) {
+        '/profile/:connection': function(req, res) {
             var connection = req.params.connection;
             var profiles = dbot.db.profiles[connection];
 

public/styles.css

@@ -193,3 +193,34 @@ li.option-votes {
   text-align: left;
   margin-bottom: 10px;
 }
+
+/**
+ * spaceinvader's thumbnails
+ */
+span.nicks {
+  display: none;
+  color: #fff;
+  text-decoration: none;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  width: 100%;
+}
+div.imgwrap {
+  background-color: #000;
+  position: relative;
+}
+div.imgwrap > img {
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+ 
+.thumbnail:hover > div.imgwrap > img {
+  opacity: 0.5;
+}
+
+.thumbnail:hover > div.imgwrap > span.nicks {
+  display: inline;
+}

views/profile/profile.jade

@@ -92,3 +92,6 @@ block content
                           #{chan.fields.wpl.data}
                       td
                           #{chan.fields.in_mentions.data}
+      ul.pager
+        li.previous
+          a(href='/profile/'+connection) ← Back to #{connection}.

views/profile/profile_grid.jade

@@ -4,10 +4,11 @@ block content
   div.page-header.profile_page-header
     h1 
       #{connection}
-  div.span9
+  ul.thumbnails
     each profile, key in profiles
       if profile.hasOwnProperty('profile') && profile.profile.avatar
-        div.span2  
-          a(href='/profile/'+connection+'/'+encodeURIComponent(key)) 
-            h3= profile.profile.primary
-            img.profile_avatar(src="#{profile.profile.avatar}")
+        li.span2
+          a.thumbnail(href='/profile/'+connection+'/'+encodeURIComponent(key))
+            div.imgwrap
+              img(src="#{profile.profile.avatar}", alt="#{key}'s photo")
+              span.nicks #{profile.profile.primary}

views/users/connections.jade

@@ -7,4 +7,4 @@ block content
     #modulelinks
       -each connection in connections
         a.module(href='/channels/'+connection) #{connection}
-        a.module(href='/grid/'+connection) #{connection} headshots
+        a.module(href='/profile/'+connection) #{connection} headshots