Commits

Scott Nixon committed 099a92a

first run at returning person layout

Comments (0)

Files changed (7)

design/Mockups/MM-Returning_User-Mockup.png

Added
New image

design/css/mellow-main.css

+body {
+    margin: auto; /* center in viewport */
+    width: 960px;
+    padding: 0 10px;
+}
+header {
+    margin-bottom: 2em;
+}
+h1 {
+    color: #7EA107;
+}
+#mellow_head {
+    position: relative;
+    top: -2.1em;
+}
+#mellow_head, #mellow_head a, #mellow_head a:hover, #mellow_head a:active {
+    width: 350px;
+    font-family: 'Pacifico', serif;
+    font-size: 44px;
+    font-style: normal;
+    font-weight: 400;
+    background: #fff;
+    padding: 0px 0px;
+    color: black;
+    text-decoration: none;
+}
+#menu {
+    background: #fff;
+    float: left;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    height: 100px;
+    width: 100%;
+}
+
+#menu li {
+    float: left;
+    display: inline;
+    font: 16px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
+
+}
+#menu a.highlight {
+    background: #fff;
+    color: #000;
+    display: block;
+    float: left;
+    margin: 0;
+    padding: 8px 12px;
+    text-decoration: none;
+    font-weight:normal;
+ }
+#menu a:hover.highlight {
+    background: #2580a2;
+    color: #fff;
+    padding-bottom: 8px;
+    }
+
+footer {
+    margin: 2em auto 0 auto;
+    width: 760px;
+    color: blue;
+}
+footer li {
+    display: inline;
+}
+
+
+ul li {
+    list-style: none;
+}
+
+.value-prop {
+    background:lightgray;
+}
+
+.food-info ul {
+    padding: 5px 5px;
+    margin: 0em 0em;
+    background-color: #414141;
+}
+.food-info li {
+    padding: 0.75em 0.75em;
+    background-color: #e1f9f2;
+}
+.food-info input[type="text"] {
+    width: 25px;
+}
+.food-info h1 {
+    padding: 0.75em 0.75em;
+    margin: 0 0;
+    color: #000;
+//    background-color: #8bada3;
+}
+.food-info .sec-tier{
+//    background-color: #3B6670;
+}
+.food-info {
+    background-color: #0d1F30;
+}
+.food-info .quad-tier {
+  //  background-color: #f0e3c0;
+}
+.food-info button {
+    background-color: #DB6C0f;
+}

design/images/choc-muffins.jpg

Added
New image

design/images/corn-cowder.jpg

Added
New image

design/images/meatballs.jpg

Added
New image

design/images/smokey-beans.jpg

Added
New image

design/returning_person.html

+<html>
+    <head>
+<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
+<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssgrids/grids-min.css">
+<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssbase/base-min.css">
+<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css">
+    <!--  <link href="http://happyherb-css.s3.amazonaws.com/960test/960.css" rel="stylesheet" type="text/css">
+<link href="http://happyherb-css.s3.amazonaws.com/960test/reset.css" rel="stylesheet" type="text/css">
+<link href="http://happyherb-css.s3.amazonaws.com/960test/text.css" rel="stylesheet" type="text/css">-->
+        <link href="http://fonts.googleapis.com/css?family=Pacifico:regular" rel="stylesheet" type="text/css">
+<link rel="stylesheet" href="sd/slidedeck.skin.css" type="text/css" media="screen">
+<link rel="stylesheet" href="sd/skin.css" type="text/css" media="screen">
+
+
+<link rel="stylesheet" href="css/mellow-main.css" type="text/css" media="screen">
+
+<style>
+
+</style>
+
+<script type="text/javascript" src="sd/jquery-1.3.2.min.js"></script>
+<script type="text/javascript" src="sd/slidedeck.jquery.lite.js"></script>
+    </head>
+<body>
+<div class="yui3-g">
+  <header class="yui3-u-1">
+    <ul id="menu">
+      <li id="mellow_head"><a href="/" target="_self">mellow meals</a></li> 
+      <li><a class="highlight" href="#" target="_self">menu</a></li>
+      <li><a class="highlight" href="#" target="_self">what we do</a></li>
+      <li><a class="highlight" href="#" target="_self">faq</a></li>
+      <li><a class="highlight" href="#" target="_self">about us</a></li>
+    </ul>
+  </header>
+    
+  <div class="yui3-u-1 value-prop"> <!-- begin Content -->
+    <!-- Value Propostion box -->
+    <blockquote>Mellow Meals will feed you 5 healthy meals, for less than the average cost of eating-out once; and we deliver.</blockquote>
+  </div>    <!-- end Content  -->
+
+    <!-- more-information -->
+
+      <div class="yui3-u-2-3">
+	<img width="550" height="400" src="images/corn-cowder.jpg">
+      </div>
+      <div class="yui3-u-1-3 food-info">
+	<ul>
+	  <li><h1>Chipotle Roasted Corn Soup</h1></li>
+	  <li class="sec-tier"><input type="text" value="3"> 14oz. - Serves 1</li>
+	  <li class="sec-tier"><button type="button">Add to Cart</button></li>
+	  <li class="third-tier"><strong>Description:</strong> Sweet and velvety, roasted corn soup with a hint of 
+	      chipotle. Lorem ipsum dolor sit amet, consector adipisicing elit, sed do eiusmod tempor incididunt.</li>
+	  <li class="quad-tier"><strong>Ingredients:</strong> roasted corn, non-dairy milk, chipotle powder</li>
+	  <li>Main | Nutrition</li>
+	</ul>
+      </div>
+
+      <div class="yui3-u-1-2">
+	<h1>Smokey Black Bean Enchiladas</h1>
+	<img width="350" height="250" src="images/smokey-beans.jpg">
+      </div>
+
+      <div class="yui3-u-1-2">
+      </div>
+
+      <div class="yui3-u-1-2">
+      </div>
+    <!-- end more-information -->
+
+    <footer class="yui3-u-1">
+      <ul>
+      <li>Mellow Meals Copyright 2011</li> | <li>Follow us on Twitter</li> | <li>Join us on Facebook</li> | <li>Contact Us</li>
+      </ul>
+    </footer>
+
+</div>
+</body>    
+</html>
+
+