added drawcss, showdivs function

diff --git a/includes/style.css b/includes/style.css
index a84482e..d1f72b2 100644 (file)
--- a/includes/style.css
+++ b/includes/style.css
@@ -107,3 +107,11 @@ a {
 .readoo_entry{
        font:1.6em arial;
 }
+
+.drawcss_entry{
+       font:1.6em "lucida console";
+}
+
+.shownDiv{
+       border:1px solid black;
+}

diff --git a/includes/tabs.js b/includes/tabs.js
index 4cec99c..7c7f269 100644 (file)
--- a/includes/tabs.js
+++ b/includes/tabs.js
@@ -15,5 +15,11 @@ $(document).ready(function() {
                $(activeTab).addClass("active_tab");
                return false;
        });
+       $('#showdivs').click(function() {
+               var divs = document.getElementsByTagName('div');
+               for(i=0;i<divs.length;i++){
+                       divs[i].className += (" shownDiv");
+               }
+       });
 
 });

diff --git a/index.php b/index.php
index 2617b6d..a4c56ec 100644 (file)
--- a/index.php
+++ b/index.php
@@ -32,7 +32,6 @@
     <div id="content">
       <div id="exhibit">
         <div class="tabs" id="repthis">
-          <div class="minimizer"></div><br>
           <span class="reprap_entry-title">3D printing is a form of
           additive manufacturing technology where a three
           dimensional object is created by successive layers of
@@ -62,6 +61,14 @@
 
        here's the <a href="http://github.com/nospampleasemam/peepshow/">repo</a> for the source code.</span>
         </div>
+       <div class="tabs" id="drawcss">
+       <span class="drawcss_entry"><a href="drawcss">drawcss</a><br><br>
+       writing markup for website wireframes always seemed silly.<br><br>
+       this is a tool to draw them (it's not done).<br><br>
+       <a href="#show" id="showdivs">check out</a> the invisible divs this page is built on.<br><br>
+       then get <a href="http://github.com/nospampleasemam/drawcss">the code</a>.
+       </span>
+       </div>
 
         <div class="tabs" id="readoo">
        <span class="readoo_entry"><a href="readoo">readoo</a> helps you find search keywords to target.<br><br>
@@ -91,6 +98,11 @@
 
         <li style="list-style: none"><br></li>
 
+        <li class="project"><a class="exhibit" href=
+        "#drawcss">drawcss</a></li>
+
+        <li style="list-style: none"><br></li>
+
         <li class="project"><a class="exhibit" href=
         "#readoo">readoo</a></li>