Permalink
Browse files

Winners page, now with winners

  • Loading branch information...
1 parent 8f1f174 commit 80446f0064e432120210c50f92751da13b7d4abd @potch potch committed Feb 3, 2011
@@ -6,15 +6,18 @@
{% block content %}
<h1>High Scores</h1>
+ <h2>Congratulations to the bit-slingers, pixel-wranglers, and JavaScript junkies listed
+ here for showing the world what the Web can do!</h2>
<section class="grandprize">
<h2>BEST OVERALL</h2>
- <section id="game-126" class="game">
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <section class="game">
+ <h2><a href="/games/130/marble-run">MARBLE RUN</a></h2>
+ <h4>by <span>stravid</span></h4>
<div class="thumb">
- <img src="https://gaming.mozillalabs.com/media/uploads/ztype.png">
+ <img src="https://gaming.mozillalabs.com/media/uploads/marblerun.png">
</div>
<div class="button">
- <a href="http://www.phoboslab.org/ztype/" target="_blank"><br>Play Now!</a>
+ <a target="_blank" href="http://marblerun.at/"><br/>Play Now!</a>
</div>
</section>
</section>
@@ -23,62 +26,71 @@
<ul class="categories">
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <h2><a href="/games/133/far-7">FAR 7</a></h2>
<h3>Best Technology</h3>
+ <h4>by <span>Sontan</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://far7.by/">Play Now!</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <h2><a href="/games/130/marble-run">MARBLE RUN</a></h2>
<h3>Best Web-iness</h3>
+ <h4>by <span>stravid</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://marblerun.at/">Play Now!</a>
+ <a class="action" href="https://github.com/MathiasPaumgarten/marblerun">See the source</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <h2><a href="/games/169/sketchout">Sketchout</a></h2>
<h3>Best Aesthetics</h3>
+ <h4>by <span>Fi</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://sketch-out.appspot.com/">Play Now!</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <h2><a href="/games/72/favimon">Favimon</a></h2>
<h3>Most Original</h3>
+ <h4>by <span>oulipian</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://www.favimon.com/">Play Now!</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
- <h3>Best Polish</h3>
+ <h2><a href="/games/148/websnooker">Websnooker</a></h2>
+ <h3>Most Polished</h3>
+ <h4>by <span>leek</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://beta.websnooker.com/">Play Now!</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
- <h2><a href="/games/126/z-type">Z-Type</a></h2>
+ <h2 class="tiny"><a href="/games/149/robots-are-people-too">Robots Are People Too</a></h2>
<h3>Most Fun</h3>
+ <h4>by <span>rapt</span></h4>
<nav>
- <a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
+ <a class="action" target="_blank" href="http://raptjs.heroku.com/">Play Now!</a>
+ <a class="action" href="https://github.com/evanw/rapt">See the source</a>
</nav>
</hgroup>
</li>
<li>
<hgroup>
<h2><a href="/games/126/z-type">Z-Type</a></h2>
<h3>Community Choice</h3>
+ <h4>by <span>phoboslab</span></h4>
<nav>
<a href="http://www.phoboslab.org/ztype/" target="_blank" class="action">Play Now!</a>
</nav>
@@ -4,10 +4,11 @@
{% block class %}home gameover{% endblock %}
{% block content %}
- <h1 class="home-title">&lt;&#x200a;GAME OVER&#x200a;&gt;</h1>
+ <h1 class="home-title">&lt;&#x200a;GAME ON&#x200a;&gt;</h1>
<div class="home-welcome">
+ <h2>Game Over- for now!</h2>
<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!
+ <p>Thanks to all who entered, the voters, and our judges!
</div>
{% if settings.ALLOW_VOTING %}
<div class="button right">
@@ -363,6 +363,23 @@
</p>
</div>
<div>
+ <img src="/media/img/judges/portrait_seb.png">
+ <h2>Seb Lee-Delisle</h2>
+ <p>
+ Seb is a digital media consultant and founding partner at award-winning agency
+ Plug-in Media. He specialises in programming creative visual effects and interfaces
+ for games, physics, motion detection, 3D and visual effects (like particle systems).
+ His work has pushed the boundaries of what is possible both on and off the web, and
+ won a BAFTA for the Plug-in Media project Big and Small for the BBC.
+ </p>
+ <p>
+ He lectures and runs training courses world-wide and speaks at conferences worldwide
+ such as iDesign, FMX, FITC, Droidcon, Adobe MAX and many others. He blogs at
+ <a href="http://sebleedelisle.com/">sebleedelisle.com</a> and tweets at
+ <a href="http://twitter.com/seb_ly">@seb_ly</a>.
+ </p>
+ </div>
+ <div>
<img src="/media/img/judges/portrait_catherine.png">
<h2>Cathy Leung</h2>
<h3>Seneca College</h3>
View
@@ -44,6 +44,11 @@
overflow: hidden;
}
+.games .single p {
+ max-height: none;
+ min-height: 0;
+}
+
.game nav {
position: absolute;
bottom: 2em;
View
@@ -46,7 +46,7 @@ body {
a:link, a:hover, a:active, a:focus, a:visited {color: #fdeb6a;}
a:hover {color: #fdeb6a; text-decoration: underline;}
-h1, h2, h3 {font-family: OrbitronMed, "Courier New", monospace; text-transform: uppercase; letter-spacing: 1px;}
+h1, h2, h3, h4 {font-family: OrbitronMed, "Courier New", monospace; text-transform: uppercase; letter-spacing: 1px;}
h1 {
font-size: 3em;
@@ -501,13 +501,31 @@ body.prizes header, body.prizes footer, body.prizes h1{
padding-top: 20px;
}
+.winners #content > h2 {
+ margin: -30px 40px 20px 40px;
+ font-size: 14px;
+}
+
+.winners h4 {
+ color: rgba(255,255,255,.8);
+ font-size: 14px;
+ margin-top: .2em;
+}
+.winners h4 span {
+ color: #fff;
+}
+.winners .grandprize h4 {
+ margin-top: 1.2em;
+ margin-bottom: .5em;
+}
+
.winners .grandprize .thumb {
position: static;
overflow: hidden;
background: none;
height: 350px;
- width: auto;
- margin-top: 2.2em;
+ width: 512px;
+ margin-top: 1em;
padding:0;
}
@@ -519,7 +537,7 @@ body.prizes header, body.prizes footer, body.prizes h1{
}
.winners .grandprize .game h2 {
- font-size:40px;
+ font-size:38px;
}
.winners .grandprize .action {
@@ -531,10 +549,10 @@ body.prizes header, body.prizes footer, body.prizes h1{
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%;
+ padding: 0 25% 0 5%;
height: 500px;
line-height: 1.5em;
- width: 50%;
+ width: 70%;
}
ul.prizelist {
@@ -620,8 +638,13 @@ ul.prizelist {
font-size: 24px;
}
+.prizes .categories .tiny {
+ font-size: 19px;
+}
+
.prizes .categories h3 {
- font-size: 14px;
+ font-size: 16px;
+ margin-bottom: 0;
}
.categories hgroup {
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 80446f0

Please sign in to comment.