Include free games in getOwnedGames, added custom thumbnail hover effect

controllers/api.js

@@ -361,6 +361,7 @@ exports.getSteam = function(req, res) {
     },
     ownedGames: function(done) {
       query.include_appinfo = 1;
+      query.include_played_free_games = 1;
       var qs = querystring.stringify(query);
       request.get({ url: 'http://api.steampowered.com/IPlayerService/GetOwnedGames/v0001/?' + qs, json: true }, function(error, request, body) {
         done(error, body.response.games);

public/css/styles.less

@@ -99,4 +99,22 @@ body {
   margin-right: 5px;
 }
 
+// Thumbnails
+.thumb {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.thumb img {
+
+  margin-bottom: 5px;
+  margin-right: 5px;
+  opacity: 0.2;
+  transition: opacity 0.2s;
+}
+
+.thumb:hover img {
+  opacity: 1;
+  box-shadow: 0 0 3px 1px @brand-primary;
+}
 

views/api/steam.jade

@@ -28,7 +28,7 @@ block content
   h3 Owned Games
   ul.list-unstyled.list-inline
     for game in ownedGames
-      li
+      li.thumb
         a(href='http://store.steampowered.com/app/#{game.appid}/')
           img(src='http://media.steampowered.com/steamcommunity/public/images/apps/#{game.appid}/#{game.img_logo_url}.jpg' width="92")