Commits

Justin Venezuela committed 1130f81

Prettified home page

  • Participants
  • Parent commits 82f2bc1

Comments (0)

Files changed (5)

 
 handlers:
 
+- url: /retina_wood.png
+  static_files: src/static/img/retina_wood.png
+  upload: src/static/img
+
+- url: /starleague.css
+  static_files: src/static/css/starleague.css
+  upload: src/static/css
+
 - url: /.*
   script: src/handlers.py

File src/static/css/starleague.css

+/**
+ * Stylesheet for MIT Starleague tournament site.
+ * Authors: Justin Venezuela (jven@mit.edu), Max Nelson (maxnelso@mit.edu)
+ */
+
+@import url(http://fonts.googleapis.com/css?family=Iceberg);
+@import url(http://fonts.googleapis.com/css?family=Strait);
+
+body {
+  background-image: url('retina_wood.png');
+}
+
+.homepage {
+  padding: 10px 0;
+  height: 210px;
+  font-family: 'Strait', sans-serif;
+  font-size: 1.2em;
+  text-align: center;
+}
+
+.homepage hr {
+  margin-top: 40px;
+  background-color: black;
+  border-color: black;
+  color: black;
+}
+
+.panel {
+  background-color: #F5DA81;
+  margin: 50px auto;
+  padding: 20px;
+  height: 400px;
+  width: 80%;
+  min-width: 400px;
+  max-width: 600px;
+  /* Generated from css3.me */
+  border: 9px solid #3B170B;
+  -moz-border-radius: 20px;
+  -webkit-border-radius: 20px;
+  border-radius: 20px;
+  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
+  -moz-box-shadow: 0px 0px 15px black;
+  -webkit-box-shadow: 0px 0px 15px black;
+  box-shadow: 0px 0px 15px black;
+  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
+}
+
+/* Taken from hellohappy.org/css3-buttons */
+
+.register {
+  background-color: #ee432e;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
+  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  border: 1px solid #951100;
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  color: #fff;
+  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
+  padding: 15px 20px;
+  text-align: center;
+  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
+  width: 200px;
+}
+
+.register:hover {
+  background-color: #f37873;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
+  background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+  background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+  background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+  background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+  background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+  cursor: pointer;
+}
+
+.register:active {
+  background-color: #d43c28;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
+  background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
+  background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
+  background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
+  background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
+  background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
+  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
+  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
+}
+
+.tourney-name {
+  font-family: 'Iceberg', cursive;
+  font-size: 2.5em;
+  font-weight: bold;
+  line-height: 0;
+}

File src/static/img/retina_wood.png

Added
New image

File src/templates/base.html

 <!DOCTYPE HTML>
 <html>
 <head>
+<link href="starleague.css" type="text/css" rel="stylesheet"/>
 <title>MIT Starleague</title>
 </head>
 <body>
+<div class="panel">
 {% block content %}
 {% endblock %}
+</div>
 </body>
 </html>

File src/templates/home.html

 {% extends "base.html" %}
 {% block content %}
-Hello, world!
+<div class="homepage">
+<p>MIT Starleague presents</p>
+<p class="tourney-name">Wintercraft 2012</p>
+<button class="register">I want to play!</button>
+<hr/>
+<p>Sponsored by:</p>
+<a href="sponsorship">Interested in sponsoring?</a>
+</div>
 {% endblock %}