Added Vote for new logo

jm2l/static/css/font-size.css

@@ -0,0 +1,315 @@
+.font-size-0 { font-size: 91px; }
+.font-size-1 { font-size: 90px; }
+.font-size-2 { font-size: 40px; }
+.font-size-3 { font-size: 34px; }
+.font-size-4 { font-size: 30px; }
+.font-size-5 { font-size: 29px; }
+.font-size-6 { font-size: 28px; }
+.font-size-7 { font-size: 21px; }
+.font-size-8 { font-size: 19px; }
+.font-size-9 { font-size: 17px; }
+.font-size-10 { font-size: 17px; }
+.font-size-11 { font-size: 16px; }
+.font-size-12 { font-size: 15px; }
+
+@media all and (min-width: 1100px){ 
+	.font-size-0{ font-size: 3.1vw; }
+	.font-size-1{ font-size: 2.9vw; }
+	.font-size-2{ font-size: 2.4vw; }
+	.font-size-3{ font-size: 1.95vw; }
+	.font-size-4{ font-size: 1.8vw; }
+	.font-size-5{ font-size: 1.7vw; }
+	.font-size-6{ font-size: 1.55vw; }
+	.font-size-7{ font-size: 1.3vw; }
+	.font-size-8{ font-size: 1.23vw; }
+	.font-size-9{ font-size: 1.15vw; } 
+	.font-size-10{ font-size: 1.05vw; }
+	.font-size-11{ font-size: 1vw; }
+	.font-size-12{ font-size: 0.95vw; }
+}
+
+@media all and (max-width: 2100px){
+	.font-size-0 { font-size: 118px; }
+	.font-size-1 { font-size: 117px; }
+	.font-size-2 { font-size: 49px; }
+	.font-size-3 { font-size: 41px; }
+	.font-size-4 { font-size: 39px; }
+	.font-size-5 { font-size: 37px; }
+	.font-size-6 { font-size: 35px; }
+	.font-size-7 { font-size: 27px; }
+	.font-size-8 { font-size: 24px; }
+	.font-size-9 { font-size: 22px; }
+	.font-size-10 { font-size: 22px; }
+	.font-size-11 { font-size: 21px; }
+	.font-size-12 { font-size: 19px; }
+}
+@media all and (max-width: 2000px){
+	.font-size-0 { font-size: 113px; }
+	.font-size-1 { font-size: 112px; }
+	.font-size-2 { font-size: 47px; }
+	.font-size-3 { font-size: 39px; }
+	.font-size-4 { font-size: 37px; }
+	.font-size-5 { font-size: 35px; }
+	.font-size-6 { font-size: 33px; }
+	.font-size-7 { font-size: 26px; }
+	.font-size-8 { font-size: 23px; }
+	.font-size-9 { font-size: 22px; }
+	.font-size-10 { font-size: 22px; }
+	.font-size-11 { font-size: 20px; }
+	.font-size-12 { font-size: 18px; }
+}
+@media all and (max-width: 1900px){
+	.font-size-0 { font-size: 107px; }
+	.font-size-1 { font-size: 106px; }
+	.font-size-2 { font-size: 44px; }
+	.font-size-3 { font-size: 38px; }
+	.font-size-4 { font-size: 36px; }
+	.font-size-5 { font-size: 34px; }
+	.font-size-6 { font-size: 31px; }
+	.font-size-7 { font-size: 25px; }
+	.font-size-8 { font-size: 22px; }
+	.font-size-9 { font-size: 20px; }
+	.font-size-10 { font-size: 20px; }
+	.font-size-11 { font-size: 19px; }
+	.font-size-12 { font-size: 17px; }
+}
+@media all and (max-width: 1800px){
+	.font-size-0 { font-size: 102px; }
+	.font-size-1 { font-size: 101px; }
+	.font-size-2 { font-size: 42px; }
+	.font-size-3 { font-size: 35px; }
+	.font-size-4 { font-size: 33px; }
+	.font-size-5 { font-size: 31px; }
+	.font-size-6 { font-size: 29px; }
+	.font-size-7 { font-size: 23px; }
+	.font-size-8 { font-size: 21px; }
+	.font-size-9 { font-size: 19px; }
+	.font-size-10 { font-size: 19px; }
+	.font-size-11 { font-size: 18px; }
+	.font-size-12 { font-size: 17px; }
+}
+@media all and (max-width: 1700px){
+	.font-size-0 { font-size: 96px; }
+	.font-size-1 { font-size: 95px; }
+	.font-size-2 { font-size: 39px; }
+	.font-size-3 { font-size: 33px; }
+	.font-size-4 { font-size: 31px; }
+	.font-size-5 { font-size: 29px; }
+	.font-size-6 { font-size: 27px; }
+	.font-size-7 { font-size: 22px; }
+	.font-size-8 { font-size: 20px; }
+	.font-size-9 { font-size: 18px; }
+	.font-size-10 { font-size: 18px; }
+	.font-size-11 { font-size: 17px; }
+	.font-size-12 { font-size: 16px; }
+}
+@media all and (max-width: 1600px){
+	.font-size-0 { font-size: 91px; }
+	.font-size-1 { font-size: 90px; }
+	.font-size-2 { font-size: 38px; }
+	.font-size-3 { font-size: 31px; }
+	.font-size-4 { font-size: 29px; }
+	.font-size-5 { font-size: 27px; }
+	.font-size-6 { font-size: 25px; }
+	.font-size-7 { font-size: 21px; }
+	.font-size-8 { font-size: 19px; }
+	.font-size-9 { font-size: 17px; }
+	.font-size-10 { font-size: 17px; }
+	.font-size-11 { font-size: 16px; }
+	.font-size-12 { font-size: 15px; }
+}
+@media all and (max-width: 1500px){
+	.font-size-0 { font-size: 84px; }
+	.font-size-1 { font-size: 84px; }
+	.font-size-2 { font-size: 35px; }
+	.font-size-3 { font-size: 30px; }
+	.font-size-4 { font-size: 28px; }
+	.font-size-5 { font-size: 26px; }
+	.font-size-6 { font-size: 24px; }
+	.font-size-7 { font-size: 20px; }
+	.font-size-8 { font-size: 18px; }
+	.font-size-9 { font-size: 17px; }
+	.font-size-10 { font-size: 17px; }
+	.font-size-11 { font-size: 15px; }
+	.font-size-12 { font-size: 14px; }
+}
+@media all and (max-width: 1400px){
+	.font-size-0 { font-size: 78px; }
+	.font-size-1 { font-size: 78px; }
+	.font-size-2 { font-size: 33px; }
+	.font-size-3 { font-size: 27px; }
+	.font-size-4 { font-size: 25px; }
+	.font-size-5 { font-size: 23px; }
+	.font-size-6 { font-size: 21px; }
+	.font-size-7 { font-size: 18px; }
+	.font-size-8 { font-size: 17px; }
+	.font-size-9 { font-size: 15px; }
+	.font-size-10 { font-size: 15px; }
+	.font-size-11 { font-size: 14px; }
+	.font-size-12 { font-size: 13px; }
+}
+@media all and (max-width: 1300px){
+	.font-size-0 { font-size: 72px; }
+	.font-size-1 { font-size: 72px; }
+	.font-size-2 { font-size: 31px; }
+	.font-size-3 { font-size: 25px; }
+	.font-size-4 { font-size: 23px; }
+	.font-size-5 { font-size: 21px; }
+	.font-size-6 { font-size: 19px; }
+	.font-size-7 { font-size: 17px; }
+	.font-size-8 { font-size: 16px; }
+	.font-size-9 { font-size: 14px; }
+	.font-size-10 { font-size: 14px; }
+	.font-size-11 { font-size: 13px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 1200px){
+	.font-size-0 { font-size: 67px; }
+	.font-size-1 { font-size: 66px; }
+	.font-size-2 { font-size: 28px; }
+	.font-size-3 { font-size: 24px; }
+	.font-size-4 { font-size: 22px; }
+	.font-size-5 { font-size: 20px; }
+	.font-size-6 { font-size: 18px; }
+	.font-size-7 { font-size: 16px; }
+	.font-size-8 { font-size: 14px; }
+	.font-size-9 { font-size: 13px; }
+	.font-size-10 { font-size: 13px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 1100px){
+	.font-size-0 { font-size: 61px; }
+	.font-size-1 { font-size: 60px; }
+	.font-size-2 { font-size: 26px; }
+	.font-size-3 { font-size: 24px; }
+	.font-size-4 { font-size: 22px; }
+	.font-size-5 { font-size: 20px; }
+	.font-size-6 { font-size: 18px; }
+	.font-size-7 { font-size: 16px; }
+	.font-size-8 { font-size: 14px; }
+	.font-size-9 { font-size: 13px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 1000px){
+	.font-size-0 { font-size: 56px; }
+	.font-size-1 { font-size: 55px; }
+	.font-size-2 { font-size: 26px; }
+	.font-size-3 { font-size: 24px; }
+	.font-size-4 { font-size: 22px; }
+	.font-size-5 { font-size: 20px; }
+	.font-size-6 { font-size: 17px; }
+	.font-size-7 { font-size: 15px; }
+	.font-size-8 { font-size: 14px; }
+	.font-size-9 { font-size: 13px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 900px){
+	.font-size-0 { font-size: 49px; }
+	.font-size-1 { font-size: 48px; }
+	.font-size-2 { font-size: 25px; }
+	.font-size-3 { font-size: 23px; }
+	.font-size-4 { font-size: 21px; }
+	.font-size-5 { font-size: 19px; }
+	.font-size-6 { font-size: 17px; }
+	.font-size-7 { font-size: 15px; }
+	.font-size-8 { font-size: 14px; }
+	.font-size-9 { font-size: 13px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 800px){
+	.font-size-0 { font-size: 45px; }
+	.font-size-1 { font-size: 44px; }
+	.font-size-2 { font-size: 25px; }
+	.font-size-3 { font-size: 23px; }
+	.font-size-4 { font-size: 20px; }
+	.font-size-5 { font-size: 18px; }
+	.font-size-6 { font-size: 16px; }
+	.font-size-7 { font-size: 15px; }
+	.font-size-8 { font-size: 14px; }
+	.font-size-9 { font-size: 13px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 700px){
+	.font-size-0 { font-size: 39px; }
+	.font-size-1 { font-size: 38px; }
+	.font-size-2 { font-size: 22px; }
+	.font-size-3 { font-size: 20px; }
+	.font-size-4 { font-size: 18px; }
+	.font-size-5 { font-size: 16px; }
+	.font-size-6 { font-size: 14px; }
+	.font-size-7 { font-size: 13px; }
+	.font-size-8 { font-size: 12px; }
+	.font-size-9 { font-size: 12px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 600px){
+	.font-size-0 { font-size: 33px; }
+	.font-size-1 { font-size: 32px; }
+	.font-size-2 { font-size: 20px; }
+	.font-size-3 { font-size: 18px; }
+	.font-size-4 { font-size: 16px; }
+	.font-size-5 { font-size: 14px; }
+	.font-size-6 { font-size: 13px; }
+	.font-size-7 { font-size: 12px; }
+	.font-size-8 { font-size: 12px; }
+	.font-size-9 { font-size: 12px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 500px){
+	.font-size-0 { font-size: 28px; }
+	.font-size-1 { font-size: 27px; }
+	.font-size-2 { font-size: 19px; }
+	.font-size-3 { font-size: 17px; }
+	.font-size-4 { font-size: 15px; }
+	.font-size-5 { font-size: 13px; }
+	.font-size-6 { font-size: 12px; }
+	.font-size-7 { font-size: 12px; }
+	.font-size-8 { font-size: 12px; }
+	.font-size-9 { font-size: 12px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 400px){
+	.font-size-0 { font-size: 21px; }
+	.font-size-1 { font-size: 20px; }
+	.font-size-2 { font-size: 18px; }
+	.font-size-3 { font-size: 16px; }
+	.font-size-4 { font-size: 15px; }
+	.font-size-5 { font-size: 14px; }
+	.font-size-6 { font-size: 13px; }
+	.font-size-7 { font-size: 12px; }
+	.font-size-8 { font-size: 12px; }
+	.font-size-9 { font-size: 12px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}
+@media all and (max-width: 300px){
+	.font-size-0 { font-size: 16px; }
+	.font-size-1 { font-size: 15px; }
+	.font-size-2 { font-size: 14px; }
+	.font-size-3 { font-size: 13px; }
+	.font-size-4 { font-size: 12px; }
+	.font-size-5 { font-size: 12px; }
+	.font-size-6 { font-size: 12px; }
+	.font-size-7 { font-size: 12px; }
+	.font-size-8 { font-size: 12px; }
+	.font-size-9 { font-size: 12px; }
+	.font-size-10 { font-size: 12px; }
+	.font-size-11 { font-size: 12px; }
+	.font-size-12 { font-size: 12px; }
+}

jm2l/templates/layout.mako

@@ -16,6 +16,7 @@
   <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="/css/jm2l.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="/css/bootstrap-responsive.css">
+  <link rel="stylesheet" href="/css/font-size.css">
   ${self.cssAddOn()}
   <!--[if lte IE 6]>
   <link rel="stylesheet" href="/static/ie6.css" type="text/css" media="screen" charset="utf-8" />
@@ -64,7 +65,12 @@ ${helpers.uploader_js()}
           <div style="height:215px;background: url(/img/2015/logo_2.png) no-repeat scroll center transparent"></div>
             </a>
         </div>
-        % if request.user and request.user.vote_logo not in [1,2,3]:
+        <div class="item ${["","active"][request.user and request.user.vote_logo==4 or 0]}">
+            <a href="/">
+          <div style="height:215px;background: url(/img/2015/logo_3.png) no-repeat scroll center transparent"></div>
+            </a>
+        </div>
+        % if request.user and request.user.vote_logo not in [1,2,3,4]:
         <div class="item active">
             <div class="align-center">
                 <H1>JM2L 2015</H1>