diff --git a/minecraftcodex/database/templates/versions.html b/minecraftcodex/database/templates/versions.html
index be8634c..2c82830 100644
--- a/minecraftcodex/database/templates/versions.html
+++ b/minecraftcodex/database/templates/versions.html
@@ -8,7 +8,38 @@
 <div class="container">
     <h1>Minecraft versions</h1>
     <hr />
-    options
+    {% if show == 'squares' %}
+    <div class="row-fluid">
+        {% for item in page.object_list %}
+        <div class="span3">
+            <a href="{{ url('version', item.status, item.version_number) }}">
+                <div class="well">
+                    <div class="row-fluid">
+                        <div class="span6">
+                            <span class="label {% if item.status == 'release' %}label-info{% endif %}">{{ item.version_number }}</span>
+                            {% if item.jarfiles %}
+                            &nbsp;<span class="label label-warning" 
+                                title="Downloads available">D</span>
+                            {% endif %}
+                        </div>
+                        <div class="span6">
+                            <p class="text-black text-right">{{ item.date }}</p>
+                        </div>
+                    </div>
+                    <!--<p class="text-black text-center">{{ item.name }}</p>-->
+                    <div class="text-right">
+                        More details &raquo;
+                    </div>
+                </div>
+            </a>
+        </div>
+        {% if loop.index % 4 == 0 %}
+    </div>
+    <div class="row-fluid">
+        {% endif %}
+        {% endfor %}
+    </div>
+    {% else %}
     <table class="table table-condensed table-hover">
         <thead>
             <tr>
@@ -51,11 +82,12 @@
             {% endfor %}
         </tbody>
     </table>
+    {% endif %}
     <div class="pagination pagination-centered">
         <ul>
             {% for p in range(1, paginator.num_pages+1) %}
             <li {% if p == page_number %}class="active"{% endif %}>
-                <a href="{{ url('versions_list') }}?page={{ p }}">{{ p }}</a>
+                <a href="{{ url('versions_list') }}?page={{ p }}{% if show != 'list' %}&amp;show={{ show }}{% endif %}">{{ p }}</a>
             </li>
             {% endfor %}
         </ul>
diff --git a/minecraftcodex/database/views.py b/minecraftcodex/database/views.py
index e00657b..05f2090 100644
--- a/minecraftcodex/database/views.py
+++ b/minecraftcodex/database/views.py
@@ -12,17 +12,23 @@ def home(request):
 
 def versions(request):
     section = 'versions'
+    show_options = ['list', 'squares']
+    show = 'list'
     versions = Version.objects.filter(snapshot=False).\
         order_by('-date', '-version_number')
-    paginator = Paginator(versions, 50)
+    paginator = Paginator(versions, 48)
     page_number = 1
 
     if 'page' in request.GET:
         page_number = int(request.GET['page'])
+    if 'show' in request.GET:
+        if request.GET['show'] in show_options:
+            show = request.GET['show']
 
     page = paginator.page(page_number)
 
     data = {
+        'show': show,
         'section': section,
         'page': page,
         'page_number': page_number,