diff --git a/controllers/api.js b/controllers/api.js index 558f4f45c2..9233924817 100644 --- a/controllers/api.js +++ b/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); diff --git a/public/css/styles.less b/public/css/styles.less index 33f95be8e4..8e105d8a32 100644 --- a/public/css/styles.less +++ b/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; +} diff --git a/views/api/steam.jade b/views/api/steam.jade index a023f1b80c..d8a73219dd 100644 --- a/views/api/steam.jade +++ b/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")