Commits

Chris Leonello committed 6a19c55

Some web site cleanup. Added info page with links to list, tracker.

Comments (0)

Files changed (8)

+</div>
+    
+    <div id="preloader" style="display: none;">
+        <img src="images/navdownloadover.png" alt="navdownloadover" width="89" height="26"/>
+        <img src="images/navexamplesover.png" alt="navexamplesover" width="88" height="26"/>
+        <img src="images/navhomeover.png" alt="navhomeover" width="59" height="26"/>
+        <img src="images/navdocsover.png" alt="navdocsover" width="55" height="26"/>
+        <img src="images/navinfoover.png" alt="navinfoover" width="46" height="26"/>
+        <img src="images/downloadnowover.png" alt="downloadnowover" width="102" height="39"/>
+    </div>
+  </body>
+</html>

index.html

-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
-<html lang="en">
-  <head>
-    <link rel="stylesheet" type="text/css" href="style.css" >
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>
-      jqPlot - Pure Javascript Plotting
-    </title>
-  </head>
-  <body>
-    <div id="main">
-    
-      <div class="logo">
-      
-        <a href="./index.html" id="home"><span>Home</span></a> <a href="./tests/" id="examples"><span>Examples</span></a> <a href="./docs/" id="docs"><span>Docs</span></a> <a href="http://www.bitbucket.org/cleonello/jqplot/downloads/" id="download"><span>Download</span></a>
-        
-      </div>
-      
-      <p id="heading1" class="heading">A Versatile and Expandable jQuery Plotting Plugin!</p>
-      
-      <div id="holder1">
-          <div id="floater1">
-            <div class="paragraph">jqPlot is a plotting plugin for the jQuery Javascript framework.  jqPlot produces beautiful line and bar charts with many features including:</div>
-            
-            <ul>
-              <li>Numerous chart style options.</li>
-              <li>Date axes with customizable formatting.</li>
-              <li>Rotated axis text.</li>
-              <li>Automatic trend line computation.</li>
-              <li>Tooltips and data point highlighting.</li>
-              <li>Sensible defaults for ease of use.</li>
-            </ul>
-            <div id="openSourceProject">jqPlot is an open source project by Chris Leonello</div>
-            <a id="downloadButton" href="http://www.bitbucket.org/cleonello/jqplot/downloads/"><span>Download Now!</span></a>
-            
-          </div>
-          <img id="chartsImage" src="images/leftcharts.jpg" alt="leftcharts" width="317" height="268"/>
-      </div>
-      
-      <p id="heading2" class="heading">jqPlots Strongest Feature is it's Plugability!</p>
-      
-      <p class="text">Computation and drawing of lines, axes, shadows even the grid itself is handled by pluggable "renderers".  Not only are the plot elements customizable, plugins can expand functionality of the plot too!  There are plenty of hooks into the core jqPlot code allowing for custom event handlers, creation of new plot types, adding canvases to the plot, and more!</p>
-      
-      <table>
-        <tr>
-          <td><img src="images/linestyles2.jpg" alt="linestyles2" width="149" height="148"/>
-          </td>
-          <td><img src="images/barchart.jpg" alt="barchart" width="149" height="149"/>
-          </td>
-          <td><img src="images/shadow2.jpg" alt="shadow2" width="148" height="149"/>
-          </td>
-        </tr>
-        <tr>
-          <td><div>Numerous <b>line style options</b> with 6 built in marker styles!</div>
-          </td>
-          <td><div>Horizontal and vertical <b>Bar charts</b>!</div>
-          </td>
-          <td><div><b>Shadow</b> control on lines, markers, the grid, everything!</div>
-          </td>
-        </tr>
-        <tr>
-          <td><img src="images/dragdrop2.jpg" alt="dragdrop2" width="149" height="149"/>
-          </td>
-          <td><img src="images/logaxes2.jpg" alt="logaxes2" width="148" height="149"/>
-          </td>
-          <td><img src="images/trendline2.jpg" alt="trendline2" width="148" height="149"/>
-          </td>
-        </tr>
-        <tr>
-          <td><div><b>Drag and drop</b> points with auto updating of data!</div>
-          </td>
-          <td><div><b>Log Axes</b> with flexible tick marks!</div>
-          </td>
-          <td><div><b>Trend lines</b> computed automatically!</div>
-          </td>
-        </tr>
-      </table>
-      
-      <p style="padding-bottom: 20px;" class="text">jqPlot has been tested on IE 6, IE 7, IE 8, Firefox, Safari, and Opera.  You can see jqPlot in action on the <a href="./tests/">tests &amp; examples page</a>.
-      
-    </div>
-    
-    <div id="preloader" style="display: none;">
-        <img src="images/navdownloadover.png" alt="navdownloadover" width="89" height="26"/>
-        <img src="images/navexamplesover.png" alt="navexamplesover" width="88" height="26"/>
-        <img src="images/navhomeover.png" alt="navhomeover" width="59" height="26"/>
-        <img src="images/navdocsover.png" alt="navdocsover" width="55" height="26"/>
-        <img src="images/downloadnowover.png" alt="downloadnowover" width="102" height="39"/>
-    </div>
-  </body>
-</html>
+<?php
+  require("opener.php");
+?> 
+      
+      <p id="heading1" class="heading">A Versatile and Expandable jQuery Plotting Plugin!</p>
+      
+      <div id="holder1">
+          <div id="floater1">
+            <div class="paragraph">jqPlot is a plotting plugin for the jQuery Javascript framework.  jqPlot produces beautiful line and bar charts with many features including:</div>
+            
+            <ul>
+              <li>Numerous chart style options.</li>
+              <li>Date axes with customizable formatting.</li>
+              <li>Rotated axis text.</li>
+              <li>Automatic trend line computation.</li>
+              <li>Tooltips and data point highlighting.</li>
+              <li>Sensible defaults for ease of use.</li>
+            </ul>
+            <div id="openSourceProject">jqPlot is an open source project by Chris Leonello</div>
+            <a id="downloadButton" href="http://www.bitbucket.org/cleonello/jqplot/downloads/"><span>Download Now!</span></a>
+            
+          </div>
+          <img id="chartsImage" src="images/leftcharts.jpg" alt="leftcharts" width="317" height="268"/>
+      </div>
+      
+      <p id="heading2" class="heading">jqPlot's Strongest Feature is its Pluggability!</p>
+      
+      <p class="text">Computation and drawing of lines, axes, shadows even the grid itself is handled by pluggable "renderers".  Not only are the plot elements customizable, plugins can expand functionality of the plot too!  There are plenty of hooks into the core jqPlot code allowing for custom event handlers, creation of new plot types, adding canvases to the plot, and more!</p>
+      
+      <table>
+        <tr>
+          <td><img src="images/linestyles2.jpg" alt="linestyles2" width="149" height="148"/>
+          </td>
+          <td><img src="images/barchart.jpg" alt="barchart" width="149" height="149"/>
+          </td>
+          <td><img src="images/shadow2.jpg" alt="shadow2" width="148" height="149"/>
+          </td>
+        </tr>
+        <tr>
+          <td><div>Numerous <b>line style options</b> with 6 built in marker styles!</div>
+          </td>
+          <td><div>Horizontal and vertical <b>Bar charts</b>!</div>
+          </td>
+          <td><div><b>Shadow</b> control on lines, markers, the grid, everything!</div>
+          </td>
+        </tr>
+        <tr>
+          <td><img src="images/dragdrop2.jpg" alt="dragdrop2" width="149" height="149"/>
+          </td>
+          <td><img src="images/logaxes2.jpg" alt="logaxes2" width="148" height="149"/>
+          </td>
+          <td><img src="images/trendline2.jpg" alt="trendline2" width="148" height="149"/>
+          </td>
+        </tr>
+        <tr>
+          <td><div><b>Drag and drop</b> points with auto updating of data!</div>
+          </td>
+          <td><div><b>Log Axes</b> with flexible tick marks!</div>
+          </td>
+          <td><div><b>Trend lines</b> computed automatically!</div>
+          </td>
+        </tr>
+      </table>
+      
+      <p style="padding-bottom: 20px;" class="text">jqPlot has been tested on IE 6, IE 7, IE 8, Firefox, Safari, and Opera.  You can see jqPlot in action on the <a href="./tests/">tests &amp; examples page</a>.
+      
+<?php
+  require("closer.php");
+?> 
+     
+<?php
+  require("opener.php");
+?> 
+      <script type="text/javascript" language="javascript">
+          function goe() {
+            parts = ['mXVai', 'ltPo', ':', 'chrU', 'iOs.', 'leMEone', 'llo@', 'gQBm', 'ail.', 'cIUo', 'm']
+            location.href=parts.join('').replace(/[A-Z]/g, '');
+            return false;
+          }
+      </script>
+ 
+ 
+      <p class="text large" style="padding-top:30px">There are many sources for further information and help with jqPlot.  For general discussion, questions, and issues about, visit the <a href="http://groups.google.com/group/jqplot-users">Google group</a>.</p>
+      
+      <p class="text large">To see the latest changes and source, visit the <a href="http://www.bitbucket.org/cleonello/jqplot/">project page</a> on bitbucket</p>
+      
+      <p class="text large">To file a bug, issue, or feature request, visit the <a href="http://www.bitbucket.org/cleonello/jqplot/issues/">issue tracker</a> on bitbucket</p>
+      
+      <p class="text large">To contact the author directly <a href="#" onClick="javascript:goe();">click here</a>
+      
+      <p class="text large">jqPlot is an open source project dual licensed under the MIT and GPL version 2 licenses.  It is the work of Chris Leonello who desires to give something back to the open source community that has so often helped him.</p>
+      
+<?php
+  require("closer.php");
+?> 
+     
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css" >
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>
+      jqPlot - Pure Javascript Plotting
+    </title>
+  </head>
+  <body>
+    <div id="main">
+    
+      <div class="logo">
+      
+        <div id="navhome" onclick="location.href='./index.php';"></div> <div id="navexamples" onclick="location.href='./tests/';"></div> <div id="navdocs" onclick="location.href='./docs/';"></div> <div id="navdownload" onclick="location.href='http://bitbucket.org/cleonello/jqplot/downloads/';"></div> <div id="navinfo" onclick="location.href='./info.php';"></div>
+        
+      </div>
     body {
       font-family: Tahoma, "Helvetica Neue", "Trebuchet MS", Verdana, Arial, sans-serif;
       font-size: 14px;
+      color: #444444;
       padding: 0px;
       border-width: 0px;
       margin: 0px;
         border: 0px;
     }
 
-    #home {
+    #navhome {
       background-image: url(images/navhome.png);
       height: 26px;
       width: 59px;
       position: absolute;
       top: 65px;
-      left: 437px;
+      left: 389px;
     }
 
-    #examples {
+    #navexamples {
       background-image: url(images/navexamples.png);
       height: 26px;
       width: 88px;
       position: absolute;
       top: 65px;
-      left: 503px;
+      left: 452px;
     }
 
-    #docs {
+    #navdocs {
       background-image: url(images/navdocs.png);
       height: 26px;
       width: 55px;
       position: absolute;
       top: 65px;
-      left: 598px;
+      left: 544px;
     }
 
-    #download {
+    #navdownload {
       background-image: url(images/navdownload.png);
       height: 26px;
       width: 89px;
       position: absolute;
       top: 65px;
-      left: 660px;
+      left: 603px;
+    }
+
+    #navinfo {
+      background-image: url(images/navinfo.png);
+      height: 26px;
+      width: 46px;
+      position: absolute;
+      top: 65px;
+      left: 696px;
     }
     
-    #home:hover {
+    #navhome:hover {
         background-image: url(images/navhomeover.png);
+        cursor: pointer;
     }
     
-    #examples:hover {
+    #navexamples:hover {
         background-image: url(images/navexamplesover.png);
+        cursor: pointer;
     }
     
-    #docs:hover {
+    #navdocs:hover {
         background-image: url(images/navdocsover.png);
+        cursor: pointer;
     }
     
-    #download:hover {
+    #navdownload:hover {
         background-image: url(images/navdownloadover.png);
+        cursor: pointer;
+    }
+    
+    #navinfo:hover {
+        background-image: url(images/navinfoover.png);
+        cursor: pointer;
     }
 
     #heading1 {
     	margin-left: 60px;
     }
     
+    .text.large {
+        font-size: 16px;
+    }
+    
     table{
     	border-collapse: collapse;
     	border-width: 0px;
     
     #openSourceProject{
     	width: 160px;
-    	color: #a5a5a5;
+    	color: #999999;
     	left: 30px;
     	bottom: 24px;
     	position: absolute;
 </head>
   <body onLoad="runSuites();">
     <div id="main">
-      <div class="logo">  
-        <a href="../../index.html" id="home"><span>Home</span></a> <a href="./index.html" id="examples"><span>Examples</span></a> <a href="../docs/" id="docs"><span>Docs</span></a> <a href="http://www.bitbucket.org/cleonello/jqplot/downloads/" id="download"><span>Download</span></a>
+      <div class="logo">
+      
+        <div id="navhome" onclick="location.href='../../index.php';"></div> <div id="navexamples" onclick="location.href='./';"></div> <div id="navdocs" onclick="location.href='../docs/';"></div> <div id="navdownload" onclick="location.href='http://bitbucket.org/cleonello/jqplot/downloads/';"></div> <div id="navinfo" onclick="location.href='../info.php';"></div>
+        
       </div>
     
       <div id="content">
         <img src="../images/navexamplesover.png" alt="navexamplesover" width="88" height="26"/>
         <img src="../images/navhomeover.png" alt="navhomeover" width="59" height="26"/>
         <img src="../images/navdocsover.png" alt="navdocsover" width="55" height="26"/>
+        <img src="../images/navinfoover.png" alt="navinfoover" width="46" height="26"/>
         <img src="../images/downloadnowover.png" alt="downloadnowover" width="102" height="39"/>
     </div>
   </body>

tests/unittests.css

     border: 0px;
 }
 
-#home {
-  background-image: url(../images/navhome.png);
-  height: 26px;
-  width: 59px;
-  position: absolute;
-  top: 65px;
-  left: 437px;
-}
 
-#examples {
-  background-image: url(../images/navexamples.png);
-  height: 26px;
-  width: 88px;
-  position: absolute;
-  top: 65px;
-  left: 503px;
-}
+    #navhome {
+      background-image: url(../images/navhome.png);
+      height: 26px;
+      width: 59px;
+      position: absolute;
+      top: 65px;
+      left: 389px;
+    }
 
-#docs {
-  background-image: url(../images/navdocs.png);
-  height: 26px;
-  width: 55px;
-  position: absolute;
-  top: 65px;
-  left: 598px;
-}
+    #navexamples {
+      background-image: url(../images/navexamples.png);
+      height: 26px;
+      width: 88px;
+      position: absolute;
+      top: 65px;
+      left: 452px;
+    }
 
-#download {
-  background-image: url(../images/navdownload.png);
-  height: 26px;
-  width: 89px;
-  position: absolute;
-  top: 65px;
-  left: 660px;
-}
+    #navdocs {
+      background-image: url(../images/navdocs.png);
+      height: 26px;
+      width: 55px;
+      position: absolute;
+      top: 65px;
+      left: 544px;
+    }
 
-#home:hover {
-    background-image: url(../images/navhomeover.png);
-}
+    #navdownload {
+      background-image: url(../images/navdownload.png);
+      height: 26px;
+      width: 89px;
+      position: absolute;
+      top: 65px;
+      left: 603px;
+    }
 
-#examples:hover {
-    background-image: url(../images/navexamplesover.png);
-}
-
-#docs:hover {
-    background-image: url(../images/navdocsover.png);
-}
-
-#download:hover {
-    background-image: url(../images/navdownloadover.png);
-}
+    #navinfo {
+      background-image: url(../images/navinfo.png);
+      height: 26px;
+      width: 46px;
+      position: absolute;
+      top: 65px;
+      left: 696px;
+    }
+    
+    #navhome:hover {
+        background-image: url(../images/navhomeover.png);
+        cursor: pointer;
+    }
+    
+    #navexamples:hover {
+        background-image: url(../images/navexamplesover.png);
+        cursor: pointer;
+    }
+    
+    #navdocs:hover {
+        background-image: url(../images/navdocsover.png);
+        cursor: pointer;
+    }
+    
+    #navdownload:hover {
+        background-image: url(../images/navdownloadover.png);
+        cursor: pointer;
+    }
+    
+    #navinfo:hover {
+        background-image: url(../images/navinfoover.png);
+        cursor: pointer;
+    }
 
 #main {
 	margin-bottom: 0px;