Permalink
Browse files

Static winners page with dummy data until I get the winners list, and…

… new homepage for the end of the contest
  • Loading branch information...
1 parent 7ed3ea8 commit de52867a801d15db98c149b557451ff5be5df601 @potch potch committed Feb 2, 2011
Showing with 104 additions and 12 deletions.
  1. +1 −0 apps/games/urls.py
  2. +6 −0 apps/games/views.py
  3. +11 −9 apps/static/templates/static/home.html
  4. +85 −2 media/css/screen.css
  5. +1 −1 media/js/global.js
View
@@ -4,6 +4,7 @@
url(r'^$', 'view_list', name='games.view_list'),
url(r'^(?P<game_id>\d+)/(?P<slug>[\w-]+)?', 'view', name='games.view'),
url(r'^finalists$', 'finalists', name='games.finalists'),
+ url(r'^winners$', 'winners', name='games.winners'),
url(r'^mine$', 'mine', name='games.mine'),
url(r'^create', 'create', name='games.create'),
url(r'^edit/(?P<game_id>\d+)$', 'edit', name='games.edit'),
View
@@ -115,6 +115,12 @@ def finalists(request):
return render(request, 'games/finalists.html', {'games': games})
+@enabled_or_404('ALLOW_GALLERY')
+def winners(request):
+ """View the list of winners."""
+ return render(request, 'games/winners.html')
+
+
@login_required
def mine(request):
"""View your own games."""
@@ -1,18 +1,20 @@
{% extends "base.html" %}
{% load flatblock_tags %}
-{% block class %}home{% endblock %}
+{% block class %}home gameover{% endblock %}
{% block content %}
- <h1 class="home-title">&lt;&#x200a;GAME_ON&#x200a;&gt;</h1>
- <div class="home-message">
- {% flatblock "home" 3600 %}
- </div>
+ <h1 class="home-title">&lt;&#x200a;GAME OVER&#x200a;&gt;</h1>
+ <div class="home-welcome">
+ <p>The votes are in, the winners are announced, and we're fresh out of quarters.
+ <p>Thanks to all who entered, the voters, and our judges! See you next time!
+ </div>
{% if settings.ALLOW_VOTING %}
- <div class="button">
- <a href="{% url vote.ballot %}"><br>VOTE NOW!</a>
+ <div class="button right">
+ <a href="{% url games.view_list %}"><br>Play the Games</a>
+ </div>
+ <div class="button left">
+ <a href="{% url games.winners %}"><br>See the Winners</a>
</div>
{% endif %}
- <img class="header-left" src="{{ MEDIA_URL }}img/ships-ani.png">
- <img class="header-right" src="{{ MEDIA_URL }}img/raygun.png">
{% endblock %}
View
@@ -117,6 +117,13 @@ nav.toc a {
top: -1em;
height: 575px;
}
+.gameover #content {
+ background:transparent url('/media/img/lines-center.png') no-repeat center top;
+ padding-top: 0;
+ top: -1em;
+ height: auto;
+ margin-bottom: 20px;
+}
.home-title {
color: white;
font-family: Karnivore, Verdana, sans-serif;
@@ -125,7 +132,9 @@ nav.toc a {
text-shadow: 0 1px 2px rgba(0,0,0,.5);
text-align: left;
}
-
+.gameover .home-title {
+ text-align: center;
+}
.home-welcome {
margin-top: 65px;
max-width: 440px;
@@ -140,6 +149,19 @@ nav.toc a {
max-width: 440px;
}
+.gameover .home-welcome {
+ text-align:center;
+ margin-top: 480px;
+ font-weight: bold;
+ width: auto;
+ padding: 0 100px;
+}
+.gameover .home-welcome, .gameover .home-welcome p {
+ max-width:inherit;
+ width: auto;
+}
+
+
.header-left {
position: absolute;
bottom: 0;
@@ -393,7 +415,17 @@ nav a:hover {color: white; text-decoration: none;}
-moz-box-shadow: 0px 12px 3px rgba(0,0,0,0.2), 0px 2px 1px rgba(0,0,0,0.8), inset 0px 2px 0px rgba(255,255,255,0.5), inset 0px 12px 48px rgba(255,100,16,0.8), inset 0px -12px 0px rgba(0,0,0,0.2);
box-shadow: 0px 12px 3px rgba(0,0,0,0.2), 0px 2px 1px rgba(0,0,0,0.8), inset 0px 2px 0px rgba(255,255,255,0.5), inset 0px 12px 48px rgba(255,100,16,0.8), inset 0px -12px 0px rgba(0,0,0,0.2);
}
-
+.gameover .button a {
+ font-size: 36px;
+}
+.button.right {
+ right:150px;
+ left:auto;
+}
+.button.left {
+ left:150px;
+ right:auto;
+}
#content {
position: relative;
}
@@ -460,6 +492,49 @@ body.prizes header, body.prizes footer, body.prizes h1{
height: 400px;
line-height: 1.5em;
width: 50%;
+ position: relative;
+}
+
+.winners .grandprize h2 {
+ font-size: 24px;
+ margin-bottom: 0;
+ padding-top: 20px;
+}
+
+.winners .grandprize .thumb {
+ position: static;
+ overflow: hidden;
+ background: none;
+ height: 350px;
+ width: auto;
+ margin-top: 2.2em;
+ padding:0;
+}
+
+.grandprize .button {
+ left: 425px;
+ margin: 0;
+ right: auto;
+ top: 280px;
+}
+
+.winners .grandprize .game h2 {
+ font-size:40px;
+}
+
+.winners .grandprize .action {
+ font-size: 2em;
+ padding: 12px 16px 8px;
+}
+
+.winners .grandprize {
+ background: #858242 url('/media/img/lines.png') no-repeat 93% top;
+ background: url('/media/img/lines.png') no-repeat 93% top rgba(0,0,0,.1);
+ display: block;
+ padding: 0 45% 0 5%;
+ height: 500px;
+ line-height: 1.5em;
+ width: 50%;
}
ul.prizelist {
@@ -554,6 +629,14 @@ ul.prizelist {
display: block;
}
+.categories nav {
+ display:block;
+ margin: 0 0 16px 0;
+}
+.winners .categories hgroup {
+ margin-left: 80px;
+}
+
.categories li {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
View
@@ -69,7 +69,7 @@ $.fn.vtruncate = function(opts) {
// initializes a particle effect on the raygun, if supported.
$(document).ready(function() {
if (!!document.createElement('canvas').getContext && //checks for canvas capability
- $('body').hasClass('home')) { //we're on the homepage
+ $('body').hasClass('home') && $('.header-right').length) { //we're on the homepage
var $c = $('<canvas></canvas>');
var raygun = $('.header-right').offset();

0 comments on commit de52867

Please sign in to comment.