${nav.nav('games')}
</%block>
-<%block name="css">
- ${parent.css()}
- <link href="/static/css/sprites.css" rel="stylesheet">
-</%block>
-
<%block name="title">
Game Index
</%block>
<div class="small-12 columns">
<ul class="tabs">
% for gt, url in game_type_links:
- <li class="tab-title
+ <li class="text-center tab-title
% if game_type_cd == gt or (game_type_cd is None and gt == 'overall'):
active
% endif
"
>
<a href="${url}" alt="${gt}" title="Show only ${gt} games">
- <span class="sprite sprite-${gt}"> </span><br />
+ <span class="sprite sprite-${gt}"></span><br />
${gt} <br />
</a>
</li>
##### RECENT GAMES TABLE #####
<div class="row">
- <div class="span12">
+ <div class="small-12 columns">
% if len(recent_games) > 0:
<table class="table-hover table-condensed">
<thead>
% for rg in recent_games:
<tr>
<td class="text-center"><a class="button tiny" href="${request.route_url('game_info', id=rg.game_id)}" title="View detailed information about this game">view</a></td>
- <td class="text-center"><span alt="${rg.game_type_cd}" class="sprite sprite-${rg.game_type_cd}" title="${rg.game_type_descr}"></span></td>
+ <td class="text-center"><i class="sprite sprite-${rg.game_type_cd}" title="${rg.game_type_descr}"></i></td>
<td class="show-for-medium-up no-stretch"><a href="${request.route_url('server_info', id=rg.server_id)}" title="Go to the detail page for this server">${rg.server_name}</a></td>
<td class="show-for-medium-up"><a href="${request.route_url('map_info', id=rg.map_id)}" title="Go to the map detail page for this map">${rg.map_name}</a></td>
<td class="show-for-large-up"><span class="abstime" data-epoch="${rg.epoch}" title="${rg.start_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${rg.fuzzy_date}</span></td>