Permalink
Browse files

Basic working version

  • Loading branch information...
1 parent 2ef884e commit 536e1f9c520b4036ab53c5419a4f4c9eeec3fa98 @nateberkopec committed Jul 15, 2012
Showing with 301 additions and 26 deletions.
  1. +2 −2 Gemfile
  2. +21 −10 Gemfile.lock
  3. +28 −0 application.rb
  4. +2 −13 config.ru
  5. +18 −0 public/css/style.css
  6. +11 −1 public/index.html
  7. +110 −0 views/cell.erb
  8. +109 −0 views/index.erb
View
@@ -1,4 +1,4 @@
source "http://rubygems.org"
-gem 'rack-contrib', :git => 'git://github.com/rack/rack-contrib.git'
-gem 'rack-rewrite'
+gem 'sinatra'
+gem 'pony'
View
@@ -1,19 +1,30 @@
-GIT
- remote: git://github.com/rack/rack-contrib.git
- revision: b7e7c38fd02c3b5da91aa57af78b3f571c6ebcd0
- specs:
- rack-contrib (1.1.0)
- rack (>= 0.9.1)
-
GEM
remote: http://rubygems.org/
specs:
+ i18n (0.6.0)
+ mail (2.4.4)
+ i18n (>= 0.4.0)
+ mime-types (~> 1.16)
+ treetop (~> 1.4.8)
+ mime-types (1.19)
+ polyglot (0.3.3)
+ pony (1.4)
+ mail (> 2.0)
rack (1.4.1)
- rack-rewrite (1.2.1)
+ rack-protection (1.2.0)
+ rack
+ sinatra (1.3.2)
+ rack (~> 1.3, >= 1.3.6)
+ rack-protection (~> 1.2)
+ tilt (~> 1.3, >= 1.3.3)
+ tilt (1.3.3)
+ treetop (1.4.10)
+ polyglot
+ polyglot (>= 0.3.1)
PLATFORMS
ruby
DEPENDENCIES
- rack-contrib!
- rack-rewrite
+ pony
+ sinatra
View
@@ -0,0 +1,28 @@
+require 'rubygems'
+require 'sinatra'
+require 'pony'
+
+get '/' do
+ erb :index
+end
+
+get '/cell' do
+ erb :cell
+end
+
+get '/email' do
+ Pony.mail(:to=>"nate.berkopec@gmail.com",
+ :from => 'tastingtonight@gmail.com',
+ :subject=> "SUBJECT",
+ :body => params.to_s,
+ :via => :smtp, :smtp => {
+ :host => 'smtp.gmail.com',
+ :port => '587',
+ :user => 'tastingtonight@gmail.com',
+ :password => 'beerandstuff',
+ :auth => :plain,
+ :domain => "gmail.com"
+ }
+ )
+ "We'll get in contact with you soon."
+end
View
@@ -1,13 +1,2 @@
-require 'rack-rewrite'
-
-use Rack::Static,
- :urls => ["/css", "/img"],
- :root => "public"
-
-
-use Rack::Rewrite do
- rewrite '/', '/index.html'
- rewrite '/cell', '/cell.html'
-end
-
-run Rack::Directory.new('public')
+require './hello'
+run Sinatra::Application
View
@@ -82,4 +82,22 @@ ul li {
font-size: 32px;
margin: 10px;
text-align: center;
+}
+
+form input, select, textarea {
+ display: block;
+ width: 100%;
+ height: 24px;
+ font-size: 18px;
+ margin-bottom: 15px;
+}
+
+textarea {
+ height: auto;
+}
+
+.form {
+ font-size: 24px;
+ width: 400px;
+ margin: 0 auto;
}
View
@@ -75,7 +75,17 @@ <h4 class="tk-adobe-garamond-pro">[ Craft Beer, Wine, Scotch ]</h4>
<hr />
<div class="cta">
<h2>Now Taking Orders for Next Weekend: July 20-22</h2>
- <h3>Delivery anywhere in NYC.</h3>
+ <h3>Delivery anywhere in NYC. With video tasting notes, glasses included,
+ and five incredible selections: how can you go wrong?</h3>
+ <form>
+ First name: <input type="text" name="firstname" /><br />
+ Last name: <input type="text" name="lastname" />
+ Address: <input type="text" name="lastname" />
+ Package Choice: <input type="text" name="lastname" />
+ Delivery Date: <input type="text" name="lastname" />
+ Delivery Time: <input type="text" name="lastname" />
+ Special Request and Instructions: <input type="text" name="lastname" />
+ </form>
</div>
</div>
View
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>TastingTonight</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
+ <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
+ <style type="text/css">
+ h1 {
+ text-align: center;
+ font-size: 18px;
+ }
+ </style>
+</head>
+<body>
+
+<div data-role="page" id="one" data-theme="a">
+ <div data-role="header">
+ <div>
+ <h1>TastingTonight</h1>
+ </div>
+ </div><!-- /header -->
+
+ <div data-role="content" >
+
+ <p>Welcome to TastingTonight! You're just an hour away from getting a professionally curated tasting box delivered to your place in NYC.</p>
+
+ <h3>Let's get started:</h3>
+ <p><a href="#two" data-role="button">Choose Package</a></p>
+ </div><!-- /content -->
+
+</div><!-- /page one -->
+
+
+<!-- Start of second page: #two -->
+<div data-role="page" id="two" data-theme="a">
+
+ <div data-role="header">
+ <h1>Choose Package</h1>
+ </div><!-- /header -->
+
+ <div data-role="content" data-theme="a">
+ <h2>Choose Your Tasting Package</h2>
+ <p><a href="#beer" data-role="button">Craft Beers</a></p>
+ <p><a href="#wine" data-role="button">Wines</a></p>
+ <p><a href="#scotch" data-role="button">Scotches</a></p>
+ </div><!-- /content -->
+</div><!-- /page two -->
+
+<div data-role="page" id="beer">
+
+ <div data-role="header" data-theme="a">
+ <div>
+ <h1>Craft Beer Package</h1>
+ </div>
+ </div><!-- /header -->
+
+ <div data-role="content" data-theme="a">
+ <h2>Choose Package Size</h2>
+ <h3>You'll receive 5 different beers with this package</h3>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerTwo" data-role="button">2 people - $25 <br> (equiv to 5 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerThree" data-role="button">3 people - $37 <br> (equiv to 7.5 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerFour" data-role="button">4 people - $50 <br>(equiv to 10 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerFive" data-role="button">5 people - $63 <br>(equiv to 12.5 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerSix" data-role="button">6 people - $75 <br>(equiv to 15 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerSeven" data-role="button">7 people - $87 <br>(equiv to 17.5 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerEight" data-role="button">8 people - $100 <br>(equiv to 20 beers)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=CraftBeerSPECIAL" data-role="button">Custom/Other <br>($8 pp)</a></p>
+ </div><!-- /content -->
+
+</div>
+
+<div data-role="page" id="wine">
+
+ <div data-role="header" data-theme="a">
+ <div>
+ <h1>Fine Wines Package</h1>
+ </div>
+ </div><!-- /header -->
+
+ <div data-role="content" data-theme="a">
+ <h2>Choose Package Size</h2>
+ <h3>You'll receive 5 different wines with this package</h3>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=WineTwoThree" data-role="button">2-4 people - $50 <br>(equiv to 2.5 bottles)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=WineFiveEight" data-role="button">5-8 people - $100 <br>(equiv to 5 bottles)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=WineSPECIAL" data-role="button">Custom/Other</a></p>
+ </div><!-- /content -->
+
+</div>
+
+<div data-role="page" id="scotch">
+
+ <div data-role="header" data-theme="a">
+ <div>
+ <h1>Scotch Package</h1>
+ </div>
+ </div><!-- /header -->
+
+ <div data-role="content" data-theme="a">
+ <h2>Choose Package Size</h2>
+ <h3>You'll receive 5 different scotches with this package</h3>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=ScotchThree" data-role="button">3 persons - $65 <br>(equiv to 1 full bottle)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=ScotchSix" data-role="button">6 persons - $125 <br>(equiv to 2 full bottles)</a></p>
+ <p><a href="mailto: nate.berkopec@gmail.com?subject=ScotchSPECIAL" data-role="button">Custom/Other</a></p>
+ </div><!-- /content -->
+
+</div>
+
+</body>
View
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>TastingTonight</title>
+ <link rel="stylesheet" href="css/normalize.css" />
+ <link rel="stylesheet" href="css/style.css" />
+ <script type="text/javascript" src="http://use.typekit.com/syk5cxs.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+ </head>
+ <body class="tk-adobe-garamond-pro">
+ <div class="container">
+ <div class="hero">
+ <h1 class="tk-adobe-garamond-pro">TastingTonight</h1>
+ <h4 class="tk-adobe-garamond-pro">[ Craft Beer, Wine, Scotch ]</h4>
+ <img src="img/heroimage.jpg" />
+ </div>
+ <div class="tk-adobe-garamond-pro" class="main_explainer">
+ <h3>Host a professional-quality tasting party with your friends. <br> We deliver
+ expert-curated tasting boxes <i>every weekend</i> in New York City.</h3>
+ </div>
+ <hr />
+ <div class="package_columns">
+ <h2>Tasting Packages</h2>
+ <h5>In every package, you'll receive:</h5>
+ <ul>
+ <li>Free delivery to anywhere in NYC</li>
+ <li>30 minutes of video tasting notes from a TastingTonight professional critic</li>
+ <li>5 tasting glasses (real glass!)</li>
+ <li>Printed tasting notes and hosting guide</li>
+ </ul>
+ <div class="third">
+ <h3>Scotch</h3>
+ <h4>This weekend's pack:</h4>
+ <h5>Introducing Islays</h5>
+ <ul>
+ <li>Laphroaig 18 Year</li>
+ <li>Lagavulin 16 Year</li>
+ <li>Caol Isla Signatory 1999</li>
+ <li>Bunhabhain Toiteach</li>
+ <li>Bowmore Darkest 15 Year</li>
+ </ul>
+ <p class="sell">Introduce yourself and your friends to the world of
+ peated scotches. This unique package of rare, classic and well-aged
+ bottlings is an incredible flight.</p>
+ </div>
+ <div class="third">
+ <h3>Craft Beer</h3>
+ <h4>This weekend's pack:</h4>
+ <h5>Summer in New York</h5>
+ <ul>
+ <li>Sunshine Pils</li>
+ <li>Allagash White</li>
+ <li>Harpoon Summer Beer</li>
+ <li>Bluepoint Blueberry Ale</li>
+ <li>Circus Boy Hefeweizen</li>
+ </ul>
+ <p class="sell">Grab some friends and some lawnchairs, because this pack is an amazing selection of the best summer beers we could find. Drink this
+ one outside.</p>
+
+ </div>
+ <div class="third">
+ <h3>Wine</h3>
+ <h4>This weekend's pack:</h4>
+ <h5>Sparkling France</h5>
+ <ul>
+ <li>Saumur Brut, Non Dose</li>
+ <li>Cremant de Bourgogne</li>
+ <li>Mauzac Nature, Plageoles</li>
+ <li>Brut de Savoie</li>
+ <li>Garden Brut - Reserve</li>
+ </ul>
+ <p class="sell">The French aren't exactly renowned for their military victories, but that's because they spent their time with their grapes rather than their guns.</p>
+ </div>
+ </div>
+ <hr />
+ <div class="cta">
+ <h2>Now Taking Orders for Next Weekend: July 20-22</h2>
+ <h3>Delivery anywhere in NYC. With video tasting notes, glasses included,
+ and five incredible selections: how can you go wrong?</h3>
+ <div class="form">
+ <form action="email" method="get">
+ First name: <input type="text" name="firstname" />
+ Last name: <input type="text" name="lastname" />
+ Address: <input type="text" name="address" />
+ Package Choice: <select name="package">
+ <option value="scotch23">Scotch (2-3 person) - $65</option>
+ <option value="scotch46">Scotch (5-8 person) - $120</option>
+ <option value="wine23">Wine (2-4 p.) - $50</option>
+ <option value="wine46">Wine (5-8 p.) - $100</option>
+ <option value="beer23">Craft Beer (2-3 p.) - $25</option>
+ <option value="beer46">Craft Beer (4-6 p.) - $50</option>
+ </select>
+ Delivery Date: <select name="date">
+ <option value="fri">Fri July 20</option>
+ <option value="sat">Sat July 21</option>
+ <option value="sun">Sun July 22</option>
+ </select>
+ Size of Party: <input type="text" name="time" />
+ Delivery Time: <input type="text" name="time" />
+ Phone Number: <input type="text" name="phone" />
+ Special Requests and Instructions: <textarea name="special" rows="5"></textarea>
+ <input type="submit" />
+ </div class="form">
+ </form>
+ </div>
+ </div>
+
+ </body>
+</html>

0 comments on commit 536e1f9

Please sign in to comment.