added lamb and shrimp; added faq

briandoll · Feb 27, 2011 · 191bb55 · 191bb55
1 parent b0272ab
commit 191bb55
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -43,9 +43,12 @@ <h1>I eat Paleo, but how much protein do I need every day?</h1>
               <option value="6">Egg(s)</option>
               <option value="3">slices of Bacon</option>
               <option value="7">oz. of Beef</option>
-              <option value="8.5">oz. of Chicken</option>
+              <option value="8">oz. of Chicken</option>
               <option value="6">oz. of Fish</option>
+              <option value="7">oz. of Lamb</option>
               <option value="7.25">oz. of Pork</option>
+              <option value="7">oz. of Shrimp</option>
+              <option value="8.5">oz. of Turkey</option>
             </select>
           </li>
         </ul>
@@ -59,7 +62,23 @@ <h1>I eat Paleo, but how much protein do I need every day?</h1>
         </div>
         <div id="congrats"></div>
       </div>
+
+      <div id="faq">
+        <h3>FAQ</h3>
+        <strong>What about protein powder, dairy, nuts, veggies?</strong></br>
+        In the words of <a href="http://robbwolf.com/"> the man himself, Robb Wolf</a>:<br/>
+        Your protein needs to have the following criteria:
+        <ol>
+          <li>It needs a face.</li>
+          <li>It needs a soul.</li>
+          <li>You need to kill it, and bring its essence into your being.</li>
+        </ol>
+        That is all.
+      </div>
+
+
     </div>
+
     <div id="footer">an <a href="http://emphaticsolutions.com">emphatic solution</a> by Brian Doll</div>
     <script src="protein.js"></script>
     <script type="text/javascript">

diff --git a/protein.css b/protein.css
@@ -100,6 +100,11 @@ a {
   color: #000;
 }
 
+ol {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
 .ui-widget-header {
  border-width: 0px; 
 }
@@ -113,9 +118,20 @@ a {
   box-shadow: 5px 5px 5px #666;
 }
 
+#faq {
+  width:800px;
+  font-size: 14pt;
+  clear: left;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: left;
+  margin-top: 20px;
+}
+
 #footer {
   text-align: center;
-  position: absolute;
+  pposition: absolute;
+  clear: left;
   bottom: 20px;
   left: 0px;
   width: 100%;