Permalink
Browse files

new registration form ui

  • Loading branch information...
1 parent 8e3c32f commit b1dd4b509986eca917f9cd349da732e9d24858d0 @qrush qrush committed May 10, 2012
View
@@ -3,7 +3,8 @@ source 'https://rubygems.org'
ruby '1.9.3'
gem 'rails', '3.2.3'
-gem 'heroku'
+
+gem 'bourbon'
gem 'high_voltage'
gem 'jquery-rails'
gem 'pg'
@@ -13,3 +14,7 @@ group :assets do
gem 'sass-rails', github: 'rails/sass-rails', branch: '3-2-stable'
gem 'uglifier'
end
+
+group :development do
+ gem 'heroku'
+end
View
@@ -49,6 +49,8 @@ GEM
multi_json (~> 1.0)
addressable (2.2.7)
arel (3.0.2)
+ bourbon (1.4.0)
+ sass (>= 3.1)
builder (3.0.0)
coffee-script (2.2.0)
coffee-script-source
@@ -128,6 +130,7 @@ PLATFORMS
ruby
DEPENDENCIES
+ bourbon
coffee-rails!
heroku
high_voltage
@@ -1,13 +0,0 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require_self
- *= require_tree .
-*/
@@ -0,0 +1,4 @@
+@import "bourbon";
+@import "layout";
+@import "home";
+@import "registrations";
@@ -1,125 +1,14 @@
-@import "reset";
-
-$width: 770px;
-
-body {
- font-family: 'Helvetica', 'Arial', sans-serif;
- background-color: #FAFAFA;
- font-size: 15px;
-}
-
-a, a:visited {
- color: #159DF7;
-}
-
-a:hover {
- color: #0067AA;
-}
-
-h1 {
- font-size: 2.5em;
-}
-
-h2 {
- color: #565658;
-}
-
-h3 {
- color: #565658;
-}
-
-p {
- line-height: 1.4;
- margin: 1em 0;
+#gMap {
+ margin-bottom: 1em;
}
-ul {
- list-style: disc;
+#sponsors {
+ list-style-type: none;
+ text-align: center;
li {
- margin-left: 30px;
- margin-bottom: 3px;
- }
-
- margin: 1em 0;
-}
-
-#top {
- width: 100%;
- padding-top: 5px;
- padding-bottom: 5px;
- background-color: #001848;
-
- h1 {
- a {
- text-decoration: none;
- text-indent: -9999px;
- margin: 10px auto 5px auto;
- background: url('/assets/new_logo.png') no-repeat 50%;
- width: $width;
- height: 163px;
- display: block;
- }
- }
-}
-
-#nav {
- border-top: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- background-color: #F0A800;
- width: 100%;
-
- ul {
- padding: 10px 5px;
- list-style-type: none;
- width: $width;
- margin: 0 auto;
- text-align: center;
-
- li {
- display: inline;
- padding-left: 10px;
- padding-right: 10px;
- }
-
- a {
- text-decoration: none;
- color: #FFF;
- font-weight: normal;
-
- &:hover {
- text-decoration: none;
- color: #000;
- }
- }
+ display: inline-block;
+ vertical-align: middle;
}
}
-#content {
- width: 750px;
- margin: 20px auto 0px auto;
- padding-bottom: 40px;
-
- #gMap {
- margin-bottom: 1em;
- }
-
- #sponsors {
- list-style-type: none;
- text-align: center;
-
- li {
- display: inline-block;
- vertical-align: middle;
- }
- }
-}
-
-#footer {
- width: $width;
- text-align: center;
- margin: 20px auto;
- font-size: 10px;
- color: #666;
- margin-top: 20px;
-}
@@ -0,0 +1,112 @@
+@import "reset";
+
+$width: 770px;
+
+body {
+ font-family: 'Helvetica', 'Arial', sans-serif;
+ background-color: #FAFAFA;
+ font-size: 15px;
+}
+
+a, a:visited {
+ color: #159DF7;
+}
+
+a:hover {
+ color: #0067AA;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ color: #565658;
+}
+
+h3 {
+ color: #565658;
+}
+
+p {
+ line-height: 1.4;
+ margin: 1em 0;
+}
+
+ul {
+ list-style: disc;
+
+ li {
+ margin-left: 30px;
+ margin-bottom: 3px;
+ }
+
+ margin: 1em 0;
+}
+
+#top {
+ width: 100%;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ background-color: #001848;
+
+ h1 {
+ a {
+ text-decoration: none;
+ text-indent: -9999px;
+ margin: 10px auto 5px auto;
+ background: url('/assets/new_logo.png') no-repeat 50%;
+ width: $width;
+ height: 163px;
+ display: block;
+ }
+ }
+}
+
+#nav {
+ border-top: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+ background-color: #F0A800;
+ width: 100%;
+
+ ul {
+ padding: 10px 5px;
+ list-style-type: none;
+ width: $width;
+ margin: 0 auto;
+ text-align: center;
+
+ li {
+ display: inline;
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ a {
+ text-decoration: none;
+ color: #FFF;
+ font-weight: normal;
+
+ &:hover {
+ text-decoration: none;
+ color: #000;
+ }
+ }
+ }
+}
+
+#content {
+ width: 750px;
+ margin: 20px auto 0px auto;
+ padding-bottom: 40px;
+}
+
+#footer {
+ width: $width;
+ text-align: center;
+ margin: 20px auto;
+ font-size: 10px;
+ color: #666;
+ margin-top: 20px;
+}
+
@@ -0,0 +1,29 @@
+#new_registration {
+ label {
+ font-size: 16px;
+ font-weight: bold;
+ display: block;
+ }
+
+ input {
+ background: #eee;
+ border: none;
+ padding: 15px;
+ font-size: 30px;
+ width: 100%;
+ @include border-radius(8px);
+ @include box-shadow(inset 0 3px 3px #706751);
+ color: #453000;
+ border-bottom: 2px solid #FFF8E8;
+ margin: 5px 0 0 0;
+ }
+
+ p {
+ margin-bottom: 15px;
+ }
+
+ button {
+ @include button(shiny, #F0A800);
+ font-size: 25px;
+ }
+}
@@ -0,0 +1,5 @@
+class RegistrationsController < ApplicationController
+ def new
+ @registration = Registration.new
+ end
+end
@@ -0,0 +1,3 @@
+class Registration < ActiveRecord::Base
+ attr_accessible :email, :key, :name, :topic, :twitter
+end
@@ -14,8 +14,8 @@
<div id="nav">
<ul>
<li><a href="/">Home</a></li>
- <li><a href="/register">Register</a></li>
- <li><a href="/attendees">Attendees</a></li>
+ <li><a href="/registrations/new">Register</a></li>
+ <li><a href="/registrations">Attendees</a></li>
<li><a href="http://maps.google.com/maps/ms?msa=0&amp;msid=206245297805510026235.0004bfa4c9b9a4784613f&amp;ie=UTF8&amp;t=m&amp;ll=42.881876,-78.877287&amp;spn=0.011006,0.031972&amp;z=15&amp;source=embed">Directions</a></li>
<li><a href="/pages/slides">Slides</a></li>
<li><a href="http://barcamp.org/BarCampBuffalo">Wiki</a></li>
@@ -0,0 +1,24 @@
+<p>
+ Ready to sign up for BarCamp? Awesome!
+</p>
+
+<%= form_for @registration do |f| %>
+ <p>
+ <%= f.label :name %>
+ <%= f.text_field :name %>
+ </p>
+ <p>
+ <%= f.label :email, "Email address" %>
+ <%= f.text_field :email %>
+ </p>
+ <p>
+ <%= f.label :twitter, "Twitter handle" %>
+ <%= f.text_field :twitter %>
+ </p>
+ <p>
+ <%= f.label :topic, "Talk topic" %>
+ <%= f.text_field :topic %>
+ </p>
+
+ <button>Sign up</button>
+<% end %>
View
@@ -1,3 +1,5 @@
Barcamp::Application.routes.draw do
+ resources :registrations
+
root :to => 'high_voltage/pages#show', :id => 'home'
end
@@ -0,0 +1,13 @@
+class CreateRegistrations < ActiveRecord::Migration
+ def change
+ create_table :registrations do |t|
+ t.string :key
+ t.string :email
+ t.string :twitter
+ t.string :name
+ t.string :topic
+
+ t.timestamps
+ end
+ end
+end
Oops, something went wrong.

0 comments on commit b1dd4b5

Please sign in to comment.