fixed spacing error and changed header link to W3C/unicorn
[dylansserver.git] / index.php
index de3e754..ff05a13 100644 (file)
--- a/index.php
+++ b/index.php
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
 
+<html>
 <head>
-       <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-       <title>dylanstestserver/title>
-       <link  href="includes/style.css" rel="stylesheet" type="text/css">
-       <link rel="icon" href="icon.png" type="image/png">
+  <meta name="generator" content=
+  "HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
+  <meta http-equiv="Content-type" content=
+  "text/html; charset=us-ascii">
+
+  <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-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">
+      <a href=
+      "http://validator.w3.org/unicorn/check?ucn_uri=dylanstestserver.com&ucn_task=conformance#">
+      <img src="images/dylanstestserver.png" alt="dylanstestserver"
+      border="0"></a>
+    </div>
 
-<div id="structure"
-       <div id="banner">
-               <img src="images/dylanstestserver.png" />
-       </div>
-       <div id="content">
-               <div style="float:right">
-                       <a href="kjondesign/">kjondesign/</a>
-               </div>
+    <div id="content">
+      <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>
+
+          <br>
+          <a href="http://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>
+
+        <div class="tabs" id="youtube_backup_">
+          <span class="youtube_backup-entry-title"><a href=
+          "https://github.com/nospampleasemam/youtube_backup">youtube_backup</a></span>
+                 <br><br>
+                 <span class="youtube_backup-entry">
+                 <br>
+                 backs up all the <a href="http://youtube.com">youtube</a> videos in a users favorites list.<br><br>
+                  this is my fork of the <a href="https://github.com/hagnas/youtube_backup">original youtube_backup</a> which adds asynchronous alerts after successful downloads.<br><br>
+                  it's written in <a href="http://www.python.org/">python</a>.
+                 </span>
+        </div>
+
+        <div class="tabs" id="peepshow_"> 
+          <h3><i><a href=
+          "foxy-addons/peepshow">foxy-addons/</a></i></h3>
+
+          <h1><i><a href=
+          "foxy-addons/peepshow">peepshow</a></i></h1>
+<br><br><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="http://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>
-<br><br>
-</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=
+        "#youtube_backup">youtube_backup</a></li>
+
+        <li style="list-style: none"><br></li>
+
+        <li class="project"><a class="exhibit" href=
+        "#peepshow">foxy-addons/peepshow</a></li>
+
+        <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>
+
+        <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>