I think we are ready to present this stuff.

Author: mikeckennedy

days/013-016-css-basics/demos/selectorville/.idea/jsLibraryMappings.xml

@@ -26,12 +26,39 @@
         <div style="clear: both;"></div>
     </div>
 
-    <p>+1 kitsch tumeric kale chips. Prism bitters man braid, hell of godard wolf af fashion axe kombucha thundercats
-        beard cred stumptown. Sriracha hella wayfarers pug fam stumptown kickstarter. Put a bird on it etsy try-hard
-        gentrify kogi. Selvage stumptown vinyl everyday carry, iPhone trust fund microdosing banjo kitsch intelligentsia
-        humblebrag keffiyeh sriracha kickstarter. Prism tattooed 8-bit offal fam glossier humblebrag, pug sustainable
-        scenester everyday carry. Deep v gochujang echo park mixtape.</p>
-    <a href="index.html">&#171; home</a>
+    <div class="page-content">
+
+        <p>
+            Lorem ipsum dolor amet bushwick banh mi irony sustainable twee slow-carb whatever iPhone austin kale chips vegan
+            meh flannel sartorial crucifix. Lyft ramps biodiesel asymmetrical offal, four dollar toast succulents meggings
+            microdosing mumblecore pitchfork humblebrag. Offal kinfolk scenester, sustainable adaptogen coloring book copper
+            mug salvia ennui williamsburg green juice. 8-bit keffiyeh palo santo, distillery leggings raw denim shoreditch.
+            Scenester pour-over twee marfa, kogi gluten-free lo-fi chillwave cloud bread bushwick. Yr hell of four dollar
+            toast, aesthetic vinyl chillwave VHS keytar. Cronut echo park sartorial hexagon, forage direct trade whatever
+            viral.
+        </p>
+
+        <p>
+            Bitters wayfarers godard kitsch waistcoat cliche put a bird on it street art butcher gluten-free tofu
+            williamsburg skateboard deep v. Edison bulb succulents lyft, stumptown selfies leggings readymade cliche
+            humblebrag taiyaki pop-up hashtag jianbing. XOXO banjo tattooed distillery, microdosing vegan schlitz enamel pin
+            raw denim cliche truffaut. Retro butcher blue bottle, fashion axe snackwave poke small batch normcore. Enamel
+            pin 3 wolf moon typewriter, before they sold out microdosing cardigan truffaut bespoke 8-bit sartorial +1 lomo
+            food truck. Listicle hell of kale chips, echo park vice +1 pork belly. Pickled hell of tbh chia artisan
+            pinterest venmo tumblr jean shorts chambray tote bag fixie vinyl.
+        </p>
+
+        <p>
+            Content via <a href="https://hipsum.co">Hipster Ipsum</a>
+        </p>
+
+        <p><a href="index.html">&#171; home</a></p>
+
+    </div>
+
+
+
+
 </div>
 
 <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>

days/013-016-css-basics/demos/selectorville/float.html

@@ -27,9 +27,37 @@
     <li><a href="float.html">Floating items</a></li>
 </ol>
 
+<div class="page-content">
+
+    <p>
+        Lorem ipsum dolor amet bushwick banh mi irony sustainable twee slow-carb whatever iPhone austin kale chips vegan
+        meh flannel sartorial crucifix. Lyft ramps biodiesel asymmetrical offal, four dollar toast succulents meggings
+        microdosing mumblecore pitchfork humblebrag. Offal kinfolk scenester, sustainable adaptogen coloring book copper
+        mug salvia ennui williamsburg green juice. 8-bit keffiyeh palo santo, distillery leggings raw denim shoreditch.
+        Scenester pour-over twee marfa, kogi gluten-free lo-fi chillwave cloud bread bushwick. Yr hell of four dollar
+        toast, aesthetic vinyl chillwave VHS keytar. Cronut echo park sartorial hexagon, forage direct trade whatever
+        viral.
+    </p>
+
+    <p>
+        Bitters wayfarers godard kitsch waistcoat cliche put a bird on it street art butcher gluten-free tofu
+        williamsburg skateboard deep v. Edison bulb succulents lyft, stumptown selfies leggings readymade cliche
+        humblebrag taiyaki pop-up hashtag jianbing. XOXO banjo tattooed distillery, microdosing vegan schlitz enamel pin
+        raw denim cliche truffaut. Retro butcher blue bottle, fashion axe snackwave poke small batch normcore. Enamel
+        pin 3 wolf moon typewriter, before they sold out microdosing cardigan truffaut bespoke 8-bit sartorial +1 lomo
+        food truck. Listicle hell of kale chips, echo park vice +1 pork belly. Pickled hell of tbh chia artisan
+        pinterest venmo tumblr jean shorts chambray tote bag fixie vinyl.
+    </p>
+
+    <p>
+        Content via <a href="https://hipsum.co">Hipster Ipsum</a>
+    </p>
+
+</div>
+
 <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
 <script src="http://code.jquery.com/jquery-migrate-3.0.1.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script src="static/js/box.js"></script>
 </body>
 </html>

days/013-016-css-basics/demos/selectorville/layout.html

@@ -4,18 +4,18 @@ body {
     padding: 0;
 }
 
-img {
-    float: right;
-    height: 128px;
-}
-
 #top-div {
     background-color: #222;
     color: white;
     font-size: 48px;
     padding: 10px;
 }
 
-p {
+a {
+    font-weight: bold;
+}
+
+.page-content {
+    font-size: 18px;
     padding: 10px;
 }

days/013-016-css-basics/demos/selectorville/static/css/float.css

@@ -4,27 +4,14 @@ body {
     padding: 0;
 }
 
-ol {
-    background-color: #222;
-}
-
-li {
-    display: inline-block;
-    padding: 5px;
-    padding-right: 10px;
-}
-
-li a, li a:visited {
-    color: #aaa;
-}
-
-li a:hover {
-    color: white;
-    text-decoration: none;
-}
+/* color list hyperlinks #aaa even when visited */
+/* color list hyperlinks white, no underline when hovered */
+/* color list hyperlinks yellow, no underline when clicked */
+/* style page hyperlinks bold */
+/* color background of nav to #222*/
+/* list items horizontal, padding 5 & 10*/
 
-li a:active {
-    color: yellow;
-    text-decoration: none;
+.page-content {
+    font-size: 18px;
+    padding: 10px;
 }
-