Skip to content
Browse files

Update CSS and layout to make the landing page work responsively.

  • Loading branch information...
1 parent 3f616d8 commit 8d6e85f2b2c7b12d8cbcf0181b0459300900d684 @mitechie committed
Showing with 34 additions and 16 deletions.
  1. +5 −0 bookie/static/css/base.scss
  2. +12 −0 bookie/static/css/responsive.scss
  3. +17 −16 bookie/templates/index.mako
View
5 bookie/static/css/base.scss
@@ -123,6 +123,11 @@ body {
.signup {
font-weight: .8em;
+ float: right;
+ width: 45%;
+ input[type="email"]#email {
+ width: 20em;
+ }
}
}
View
12 bookie/static/css/responsive.scss
@@ -11,6 +11,18 @@
margin: 0;
}
+ #welcome {
+ .signup {
+ float: none;
+ clear: both;
+ width: 100%;
+
+ input[type="email"]#email {
+ width: 95%;
+ }
+ }
+ }
+
.readable {
font-size: 16px;
View
33 bookie/templates/index.mako
@@ -1,8 +1,23 @@
<%inherit file="/main_wrap.mako" />
<%def name="title()">Welcome to Bookie</%def>
-<div id="welcome" class="yui3-g" style="max-width: 1000px; margin: 1em 4em;">
- <div class="yui3-u-1-2">
+<div id="welcome" class="" style="max-width: 1000px; margin: 1em 4em;">
+ <div class="signup">
+ <div class="form">
+ <h2>Enter Email to Signup</h2>
+ <form id="#signup_form" action="signup_process" method="POST">
+ <ul>
+ <li>
+ <input type="email" id="email" name="email"
+ placeholder="email address" />
+ <input type="submit" id="send_signup" name="send_signup" value="Sign Up" />
+ </li>
+ </ul>
+ </form>
+ </div>
+ </div>
+
+ <div class="">
<p>Bookie is an open source bookmarking application.</p>
<p>Host it yourself or feel free to signup for the hosted version.</p>
<div>Features</div>
@@ -38,18 +53,4 @@
src="https://www.gittip.com/mitechie/widget.html"
width="48pt" height="20pt"></iframe>
</div>
- <div class="yui3-u-1-2" class="signup">
- <div class="form">
- <h2>Enter Email to Signup</h2>
- <form id="#signup_form" action="signup_process" method="POST">
- <ul>
- <li>
- <input type="email" id="email" name="email"
- style="width: 20em;" placeholder="email address" />
- <input type="submit" id="send_signup" name="send_signup" value="Sign Up" />
- </li>
- </ul>
- </form>
- </div>
- </div>
</div>

0 comments on commit 8d6e85f

Please sign in to comment.
Something went wrong with that request. Please try again.