Permalink
Browse files

Styled MailChimp form, rearranged some HTML for performance

  • Loading branch information...
1 parent 956b160 commit d9b3b1ecce9690412e8a501368d47dafd1d4d33c @rupl rupl committed Sep 16, 2011
Showing with 51 additions and 27 deletions.
  1. +2 −1 css/620.css
  2. +31 −0 css/signup-form.css
  3. +18 −26 index.html
View
@@ -52,7 +52,8 @@ header,
.launchdate,
.signup-form {
width: 620px;
- margin: 0 auto;
+ margin-left: auto;
+ margin-right: auto;
}
/* 9.NAVIGATION */
View
@@ -86,3 +86,34 @@
}
*/
+
+#mc-embedded-subscribe-form label {display: block; text-align: center; position: relative; top: -.3em; }
+#mce-EMAIL,
+#mc-embedded-subscribe {display: block; width: 90%; margin: 0 auto; font-size: 1.5em; font-family: gloriola-web, sans-serif; }
+
+#mce-EMAIL { text-align: center; padding: .25em .15em; border: 5px solid #ABCDDC; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #166CAC; }
+#mc-embedded-subscribe {width: 260px; margin-top: 16px; padding-top: 6px; color: #222; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); border-radius: .6em; border: 0; /* border: 8px solid #222; */ background-image: linear-gradient(bottom, rgb(22,107,172) 1%, rgb(54,170,220) 78%);
+ background-image: linear-gradient(bottom, rgb(237,149,16) 1%, rgb(247,184,48) 79%);
+ background-image: -o-linear-gradient(bottom, rgb(237,149,16) 1%, rgb(247,184,48) 79%);
+ background-image: -moz-linear-gradient(bottom, rgb(237,149,16) 1%, rgb(247,184,48) 79%);
+ background-image: -webkit-linear-gradient(bottom, rgb(237,149,16) 1%, rgb(247,184,48) 79%);
+ background-image: -ms-linear-gradient(bottom, rgb(237,149,16) 1%, rgb(247,184,48) 79%);
+
+ background-image: -webkit-gradient(
+ linear,
+ left bottom,
+ left top,
+ color-stop(0.01, rgb(237,149,16)),
+ color-stop(0.79, rgb(247,184,48))
+ );
+ cursor: pointer;
+}
+.signup-form {
+ margin-top: 60px;
+}
+
+/*
+orange - ed9310
+blue - 166cac
+green - 96c441
+*/
View
@@ -1,14 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
<!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
-<!--
-Howdy, wandering web developer :)
--->
-
<head>
<meta charset="utf-8">
@@ -19,7 +15,7 @@
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
-<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
+<meta name="viewport" content="width=device-width, target-densitydpi=160, initial-scale=1">
<!-- For all browsers -->
<link rel="stylesheet" media="screen" href="css/style.css?v=1">
@@ -28,8 +24,15 @@
<!-- For progressively larger displays -->
<link rel="stylesheet" media="only screen and (min-width: 620px)" href="css/620.css?v=1">
-<!-- JavaScript at bottom except for Modernizr -->
<script src="js/libs/modernizr-1.7.min.js"></script>
+<script src="http://use.typekit.com/lgh4hyh.js"></script>
+<script>try{Typekit.load();}catch(e){}</script>
+
+<!--[if (lt IE 9) & (!IEMobile)]>
+<script src="js/libs/DOMAssistantCompressed-2.8.js"></script>
+<script src="js/libs/selectivizr-min.js"></script>
+<script src="js/libs/respond.min.js"></script>
+<![endif]-->
<script type="text/javascript">
var imageURLs = [
@@ -83,44 +86,33 @@ <h1 class="gloriola">DrupalCamp Austin is an immersive learning experience for a
</header>
-<section class="launchdate clearfix"><p>Registration opens in October</p></section>
+<section class="launchdate"><p>Registration opens in October</p></section>
<!-- MailChimp signup form -->
<section class="signup-form clearfix">
- <p>Be the first to know!</p>
<div id="mc_embed_signup">
<form action="http://fourkitchens.us2.list-manage2.com/subscribe/post?u=a69fca90d904cf3933c9776c3&amp;id=467af0be3a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
- <label for="mce-EMAIL">Email me when the site is up!</label>
- <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email address" required>
- <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+ <label for="mce-EMAIL">Want to know when the site launches?</label>
+ <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Your email" required>
+ <div class="clear"><input type="submit" value="Let me know!" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</section>
-<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script>
<!-- Scripts -->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
-<script type="text/javascript" src="http://use.typekit.com/lgh4hyh.js"></script>
-<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-
-<!--[if (lt IE 9) & (!IEMobile)]>
-<script src="js/libs/DOMAssistantCompressed-2.8.js"></script>
-<script src="js/libs/selectivizr-min.js"></script>
-<script src="js/libs/respond.min.js"></script>
-<![endif]-->
-
-<!-- http://t.co/HZe9oJ4 -->
+<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
<script>
-var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
+var _gaq=[['_setAccount','UA-10055851-3'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
-<noscript>Your browser does not support Javascript</noscript>
+<noscript><!-- Mobile analytics coming! --></noscript>
<!-- _____ ______ __ __ ______
/ ___// __ // / / // __ /

0 comments on commit d9b3b1e

Please sign in to comment.