added drawcss, showdivs function
[dylansserver.git] / index.php
index 2c648c3..a4c56ec 100644 (file)
--- a/index.php
+++ b/index.php
@@ -1,5 +1,5 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
 
 <html>
 <head>
   <title>dylanstestserver</title>
   <link href="includes/style.css" rel="stylesheet" type="text/css">
   <link rel="icon" href="icon.png" type="image/png">
-  <script type="text/javascript" src="includes/jquery.js"></script>
+  <script type="text/javascript" src="includes/jquery-core.js">
+</script>
+  <script type="text/javascript" src=
+  "includes/jquery-components.js">
+</script>
   <script type="text/javascript" src="includes/tabs.js">
 </script>
 </head>
 
 <body>
   <div id="structure">
-    <div id="banner"><img src="images/dylanstestserver.png" alt=
-    "dylanstestserver"></div>
+    <div id="banner">
+      <a href=
+      "http://validator.w3.org/check?verbose=1&amp;uri=http%3A%2F%2Fdylanstestserver.com%2F">
+      <img src="images/dylanstestserver.png" alt="dylanstestserver"
+      border="0"></a>
+    </div>
 
     <div id="content">
-       <div id="exhibit">
-               <div class="tabs" id="repthis">
-                       REPTHIS
-               </div>
-               <br>
-               <br>
-               <br>
-               <br>
-               <br>
-               <br>
-               <br>
-       </div>
-      <ul class="portfolio" style="text-align:right">
-        <h3>my projects:</h3>
-       <li class="project"><a href="#repthis">repthis.info</a></li><br>
-        <a href=
-        "foxy-addons/peepshow/">foxy-addons/peepshow/</a><br>
-        <a href="readoo/">readoo/</a><br>
-        <a href="http://leavemeout.us">leavemeout.us</a><br>
-        <br>
+      <div id="exhibit">
+        <div class="tabs" id="repthis">
+          <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
+          material. [1]:<a href=
+          "http://repthis.info/">http://en.wikipedia.org/wiki/3D_printing</a><br>
 
-        <h3>things i've done for others:</h3><a href=
-        "http://activehamptons.com">activehamptons.com</a><br>
-        <a href="http://transfishing.com">transfishing.com</a><br>
-        <br>
+          <br>
+          <a href="reprap.org">reprap</a> is a <a href=
+          "http://en.wikipedia.org/wiki/Free_software">free</a>
+          desktop 3D printer capable of printing plastic
+          objects.<br>
+          <br>
+          <a href="http://repthis.info">repthis.info</a> is the account of a friend and I learning to build our own. <br>
+          <br>
+</span>
+        </div>
 
-        <h3>things i'm doing for others:</h3><a href=
-        "kjondesign/">kjondesign/</a><br>
-        <br>
+        <div class="tabs" id="peepshow"> 
+          <h3><i><a href=
+          "http://foxy-addons/peepshow">foxy-addons/</a></i></h3>
+
+          <h1><i><a href=
+          "http://foxy-addons/peepshow">peepshow</a></i></h1>
+<br><br><br>
 
-        <h3>my github repo:</h3><a href=
-        "http://github.com/nospampleasemam">github@github.com:nospampleasemam/</a><br>
+       <span class="peepshow_entry">a <a href="http://www.mozilla.com/en-US/products/download.html">firefox</a> addon, to load linked images inline (like on <a href="reddit.com/r/pics">reddit</a>).<br><br>
+
+       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>
+       it reads your IIS logs, and finds successful keywords worth focusing on.<br><br>
+       it's not done yet! here's the <a href="github.com/nospampleasemam/READOO">source code</a>.</span>
+        </div><br>
         <br>
         <br>
+        <br>
+        <br>
+        <br>
+        <br>
+      </div>
+
+      <ul class="portfolio" style="text-align:right">
+        <li style="list-style: none; display: inline">
+          <h3>my projects:</h3>
+        </li>
+
+        <li class="project"><a class="exhibit" href=
+        "#repthis">repthis.info</a></li>
+
+        <li style="list-style: none"><br></li>
+
+        <li class="project"><a class="exhibit" href=
+        "#peepshow">foxy-addons/peepshow</a></li>
 
-        <h2>i am</h2>
+        <li style="list-style: none"><br></li>
 
-        <h1><a href="mailto:dylan@psu.edu">dylan</a></h1><a href=
-        "mailto:dylan@psu.edu">@psu.edu</a>
+        <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>
+
+        <li style="list-style: none">
+          <br>
+          <br>
+
+          <h3>things i've done for others:</h3>
+        </li>
+
+        <li class="project"><a href=
+        "http://activehamptons.com">activehamptons.com</a></li>
+
+        <li style="list-style: none"><br></li>
+
+        <li class="project"><a href=
+        "http://transfishing.com">transfishing.com</a></li>
+
+        <li style="list-style: none">
+          <br>
+          <br>
+
+          <h3>things i'm doing for others:</h3>
+        </li>
+
+        <li class="project"><a href=
+        "kjondesign/">kjondesign</a></li>
+
+        <li style="list-style: none">
+          <br>
+          <br>
+
+          <h3>something i've worked on:</h3>
+        </li>
+
+        <li class="project"><a href=
+        "http://tempositions.com">tempositions.com</a></li>
+
+        <li style="list-style: none">
+          <br>
+          <br>
+
+          <h3>my github repo:</h3>
+        </li>
+
+        <li class="project"><a href=
+        "http://github.com/nospampleasemam">github@github.com:nospampleasemam</a></li>
+
+        <li style="list-style: none">
+          <br>
+          <br>
+          <br>
+          <br>
+          <br>
+          <br>
+
+          <h1><a href="mailto:dylan@psu.edu">dylan</a></h1><a href=
+          "mailto:dylan@psu.edu">@psu.edu</a>
+        </li>
       </ul>
     </div><br>
     <br>
   </div>
 </body>
 </html>
+