From: dylan <dylan@MAJUSCULE.(none)>
Date: Mon, 25 Oct 2010 05:57:32 +0000 (-0400)
Subject: added drawcss, showdivs function
X-Git-Url: https://disinclined.org/git/?a=commitdiff_plain;h=897b1bc37445421a3404ace1c02b529b0ea843e5;hp=9ee0f3050a7ac673f88812fcdd71fe434ff42a47;p=dylansserver.git

added drawcss, showdivs function
---

diff --git a/includes/style.css b/includes/style.css
index a84482e..d1f72b2 100644
--- 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
--- 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
--- 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>