init reviews ui

media/css/mkt/ratings.less

@@ -0,0 +1,18 @@
+.reviews {
+    ul {
+        padding: 0;
+    }
+    > div {
+        width: 50%;
+        float: left;
+    }
+    h3 {
+        text-align: center;
+    }
+    .review {
+        list-style-type: none;
+        p {
+            font-size: 120%;
+        }
+    }
+}

mkt/asset_bundles.py

@@ -80,6 +80,7 @@ CSS = {
         'css/mkt/breadcrumbs.less',
         'css/mkt/buttons.less',
         'css/mkt/detail.less',
+        'css/mkt/ratings.less',
         'css/mkt/slider.less',
         'css/mkt/promo-grid.less',
         'css/mkt/overlay.less',

mkt/detail/templates/detail/app.html

@@ -231,5 +231,26 @@
     </ul>
   </section>
 
+  {% if waffle.switch('ratings') %}
+    <section class="reviews c" id="reviews">
+      <div class="thumbs-up">
+        <h3>Positive Reviews <b>(100)</b></h3>
+        <ul>
+          {% for x in range(5) %}
+            {% include 'ratings/rating.html' %}
+          {% endfor %}
+        </ul>
+      </div>
+      <div class="thumbs-down">
+        <h3>Negative Reviews <b>(95)</b></h3>
+        <ul>
+          {% for x in range(5) %}
+            {% include 'ratings/rating.html' %}
+          {% endfor %}
+        </ul>
+      </div>
+    </section>
+  {% endif %}
+
 {% endif %}
 {% endblock %}

mkt/ratings/templates/ratings/rating.html

@@ -0,0 +1,6 @@
+<li class="review positive">
+  <p>It Stinks!</p>
+  <div class="byline">
+    by <a href="#">Jay Sherman</a> on <span>January 26, 1994</span>
+  </div>
+</li>