Swapped class names, cleaned CSS & HTML, tidy'd.
[dylansserver.git] / index.php
index f9020b5..bccbb1d 100644 (file)
--- a/index.php
+++ b/index.php
@@ -5,8 +5,6 @@
 <head>
   <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">
 
     <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=
+        <div class="exhibit" id="repthis_">
+          <span id="reprap_entry">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>
           <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>
+        <div class="exhibit" id="youtube_backup_">
+          <h1 id="youtube_backup_title"><a href=
+          "https://github.com/nospampleasemam/youtube_backup">youtube_backup</a></h1><span id="youtube_backup_entry">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=
           "http://www.python.org/">python</a>.</span>
         </div>
 
-        <div class="tabs" id="i_like_pandora_">
-          <span class="i_like_pandora-entry-title"><a href=
-          "https://github.com/nospampleasemam/i_like_pandora">i_like_pandora</a></span><br>
-
-          <br>
-          <span class="i_like_pandora-entry"><br>
-          searches <a href="http://youtube.com">youtube</a> for
-          what you like on <a href=
-          "http://pandora.com">pandora</a>.<br>
+        <div class="exhibit" id="i_like_pandora_">
+          <h1 id="i_like_pandora_title"><a href=
+          "https://github.com/nospampleasemam/i_like_pandora">i_like_pandora</a></h1><span id="i_like_pandora_entry">searches
+          <a href="http://youtube.com">youtube</a> for what you
+          like on <a href="http://pandora.com">pandora</a>.<br>
           <br>
           then it downloads the first video.<br>
           <br>
-          it's not <i>quite</i> done yet.<br>
+          it's not quite done yet.<br>
           <br>
           <br>
           the code is free (as in freedom), <a href=
           </span>
         </div>
 
-        <div class="tabs" id="peepshow_">
-          <h3><span class="peepshow-entry-title"><i><a href=
-          "foxy-addons/peepshow/peepshow.xpi">foxy-addons/</a></i></span></h3>
-
-          <h1><span class="peepshow-entry"><i><a href=
-          "foxy-addons/peepshow/peepshow.xpi">peepshow</a></i></span></h1><span class="i_like_pandora-entry"><br>
+        <div class="exhibit" id="peepshow_">
+          <h3 id="peepshow_title_1"><a href=
+          "foxy-addons/peepshow/peepshow.xpi">foxy-addons/</a></h3>
 
-          <br>
-          <br>
-          <span class="peepshow_entry">a <a href=
+          <h1 id="peepshow_title_2"><a href=
+          "foxy-addons/peepshow/peepshow.xpi">peepshow</a></h1><span id="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></span>
+          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>
+        <div class="exhibit" id="drawcss_">
+          <h1 id="drawcss_title"><a href=
+          "drawcss">drawcss</a></h1><span id=
+          "drawcss_entry">writing markup for website wireframes
+          always seemed silly.<br>
           <br>
           this is a tool to draw them (it's not done).<br>
           <br>
           code</a>.</span>
         </div>
 
-        <div class="tabs" id="readoo_">
-          <span class="readoo_entry"><a href=
-          "http://github.com/nospampleasemam/readoo">readoo</a>
-          helps you find search keywords to target.<br>
+        <div class="exhibit" id="readoo_">
+          <h1 id="readoo_title"><a href=
+          "http://github.com/nospampleasemam/readoo">readoo</a></h1><span id="readoo_entry">helps
+          you find search keywords to target.<br>
           <br>
           it reads your IIS logs, and finds successful keywords
           worth focusing on.<br>
           it's not done yet! here's the <a href=
           "http://github.com/nospampleasemam/readoo">source
           code</a>.</span>
-        </div><br>
+        </div>
       </div>
 
-      <ul class="portfolio" style="text-align:right">
-        <li style="list-style: none; display: inline">
+      <ul id="portfolio" style="text-align:right">
+        <li>
           <h3>my projects:</h3>
         </li>
 
-        <li class="project"><a class="exhibit" href=
-        "#repthis">repthis.info</a></li>
+        <li><a class="tab" href="#repthis">repthis.info</a></li>
 
-        <li style="list-style: none"><br></li>
-
-        <li class="project"><a class="exhibit" href=
+        <li><a class="tab" href=
         "#youtube_backup">youtube_backup</a></li>
 
-        <li style="list-style: none"><br></li>
-
-        <li class="project"><a class="exhibit" href=
+        <li><a class="tab" href=
         "#i_like_pandora">i_like_pandora</a></li>
 
-        <li style="list-style: none"><br></li>
-
-        <li class="project"><a class="exhibit" href=
+        <li><a class="tab" 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><a class="tab" 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>
+        <li><a class="tab" href="#readoo">readoo</a></li>
 
+        <li>
           <h3>things i've done for others:</h3>
         </li>
 
-        <li class="project"><a href=
+        <li><a href=
         "http://activehamptons.com">activehamptons.com</a></li>
 
-        <li style="list-style: none"><br></li>
-
-        <li class="project"><a href=
+        <li><a href=
         "http://transfishing.com">transfishing.com</a></li>
 
-        <li style="list-style: none">
-          <br>
-          <br>
-
+        <li>
           <h3>something i've worked on:</h3>
         </li>
 
-        <li class="project"><a href=
+        <li><a href=
         "http://tempositions.com">tempositions.com</a></li>
 
-        <li style="list-style: none">
-          <br>
-          <br>
-
+        <li>
           <h3>my github repo:</h3>
         </li>
 
-        <li class="project"><a href=
+        <li><a href=
         "http://github.com/nospampleasemam">github@github.com:nospampleasemam</a></li>
 
-        <li style="list-style: none">
-          <br>
-          <br>
-
+        <li>
           <h3>my repo:</h3>
         </li>
 
-        <li class="project">
-        git://dylanstestserver.com/project_name</li>
-
-        <li style="list-style: none">
-          <br>
-          <br>
-          <br>
-          <br>
-          <br>
+        <li>git://dylanstestserver.com/project_name</li>
 
-          <h1><a href="mailto:dylan@psu.edu">dylan</a></h1><a href=
+        <li>
+          <h1 id="contact_me"><a href=
+          "mailto:dylan@psu.edu">dylan</a></h1><a href=
           "mailto:dylan@psu.edu">@psu.edu</a>
         </li>
       </ul>