resize sections

max-mapper · May 3, 2012 · ec1bff9 · ec1bff9
1 parent f698b89
commit ec1bff9
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/bicycler.png b/bicycler.png
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 
   </head>
   <body>
-    <section id="first" class="story" data-speed="8" data-type="background">      
+    <section id="first" class="section" data-speed="8" data-type="background">      
       <div class="bicycler" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"></div>    
       <article>
         <div id="floating-tacos">
@@ -752,19 +752,19 @@
       </article>
     </section>
 
-    <section id="second" class="story" data-speed="4" data-type="background">
+    <section id="second" class="section" data-speed="4" data-type="background">
       <article>
         <h1>A conference based on bicycles and tacos</h1>
-        <p>Day 1: Oakland, California<br>
-          Day 2: San Francisco, California<br>
-          Free to attend, see map below for details
+        <p><strong>Day 1:</strong> Oakland, California <strong>Day 2:</strong> San Francisco, California</p>
+        <p>
+          Free to attend, see map below for the starting locations. TacoConf is a mobile conference so if you want to stay up to date in real-time then follow <a href="http://twitter.com/tacoconf">@tacoconf</a> on twitter.
         </p>
         <h2>Are you serious?</h2>
         <p>Yes. We have arranged for all kinds of talks about food, culture and technology. In addition, attendees will ride their bicycles on a mini-tour of some of the best <a href="http://en.wikipedia.org/wiki/Antojito">antojitos</a> that the Bay Area offers.
         <h2>What to bring</h2>
         <p>A bicycle + some cash to buy tacos. Bonus points if you bring your significant other and/or kids. TacoConf is fun for the whole family!</p>
         <p>Be prepared to bicycle between taco trucks and taquerias and hear presentations from interesting people!</p>
-        <p>Speakers (semi-complete list):
+        <p>Speakers:
           <a href="https://twitter.com/#!/aq">@aq</a>
           <a href="https://twitter.com/#!/izs">@izs</a>
           <a href="https://twitter.com/#!/burritojustice">@burritojustice</a>
@@ -776,12 +776,13 @@ <h2>What to bring</h2>
           <a href="https://twitter.com/#!/cfarivar">@cfarivar</a>
           <a href="https://twitter.com/#!/cramforce">@cramforce</a>
           <a href="https://twitter.com/#!/CATacoTrucks">@CATacoTrucks</a>
-
         </p>
         <p>Each speaker will on present on a single day so come on out for both days to see them all!</p>
-        <p>Watch <a href="http://twitter.com/tacoconf">our twitters</a> for more details)</p>
+        <p>Watch <a href="http://twitter.com/tacoconf">our twitters</a> for more details</p>
         <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tacoconf.com" data-text="A conference based on tacos and bicycles! #tacoconf">Tweet</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+        <h2>Do I need to RSVP?</h2>
+        <p>Nope, but you can optionally follow the event and see other details at <a href="http://lanyrd.com/2012/tacoconf/">lanyrd.com/2012/tacoconf</a></p>
         <p>
           <div id="sponsors">
             GENEROUSLY SPONSORED BY:
@@ -794,7 +795,7 @@ <h2>What to bring</h2>
       </article>
     </section>
 
-    <section id="third" class="story" data-speed="6" data-type="background" data-offsetY="250">      
+    <section id="third" class="section" data-speed="6" data-type="background" data-offsetY="250">      
       <div class="photograph" data-type="sprite" data-offsetY="1250" data-Xposition="25%" data-speed="2"></div>
         <article>
           <h2>Scrolling Sprites</h2>

diff --git a/initialize-taco-magic.js b/initialize-taco-magic.js
@@ -66,7 +66,7 @@ $(function() {
   ]
 
   var w = document.body.offsetWidth
-  var h = "800"
+  var h = "700"
 
   var nodes = d3.range(200).map(function() { return {radius: Math.random() * 12 + 4}; }),
       colors = ["#B34620", "#B34620", "#BE3B66", "#BFE165", "#7BA120"]
@@ -85,7 +85,7 @@ $(function() {
 
   var tacoLeft = w/2 - 373
   var taco = d3.select("#tacoconf-logo-g")
-    .attr('transform', 'translate(' + tacoLeft + ',-350)')
+    .attr('transform', 'translate(' + tacoLeft + ',-420)')
 
   var svg = d3.select("#floating-tacos svg")
     .attr("width", w)

diff --git a/style.css b/style.css
@@ -1,12 +1,12 @@
-.story { height: 800px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}
+.section { height: 700px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}
 
 #first { background: url(texture-noise.png) }
 #second { background: url(tacotruck.jpg) 50% 0 no-repeat fixed; }
 
-#first .bicycler { background: url(bicycler.png) 50% 100px no-repeat fixed; min-height: 800px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
+#first .bicycler { background: url(bicycler.png) 50% 100px no-repeat fixed; min-height: 700px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
 #first article { width: 100%; top: 0px; position: absolute; text-align: center; }
 
-#second { padding: 50px 0;}
+#second { padding: 50px 0; height: 1000px !important; }
 #second article { background: #fafafa; color: #000; width: 445px; margin-left: 100px; padding: 20px; line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
 
 #third article {  background-color: #333; color: #fff; padding: 10px 20px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }