final for first release

index.htm

@@ -5,7 +5,7 @@
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 
     <title>jTab - Guitar Chord and Tab Library</title>
-    <meta name="description" content=""/>
+    <meta name="description" content="jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab) notation on the web"/>
     <meta name="keywords"    content="guitar,chord,tab,tabulature,music,notation,javascript,css,svg,html,xhtml"/>
 
     <style type="text/css" media="screen">
@@ -142,23 +142,23 @@ <h1>jTab - Guitar Chord and Tab Notation for the Web</h1>
 for example, Internet Explorer 7 and Firefox 3.
 </p>
 <p>
-jTab is written and maintained by <a href="http://tardate.com">Paul Gallagher</a> and release as open source for all to exploit.
-Aside from scratching a personal itch, jTab was greatly inspired by 
+jTab is written and maintained by <a href="http://tardate.com">Paul Gallagher</a> and released as open source for all to exploit.
+Aside from just scratching a personal itch, jTab was greatly inspired by 
 Dmitry Baranovskiy's fantastic work on the <a href="http://raphaeljs.com/">Rapha&euml;l</a> SVG library,
-and Alex Gorbatchev's <a href="http://www.dreamprojections.com/syntaxhighlighter/">syntaxhighlighter</a> (for opening the door to what is possible).
+and Alex Gorbatchev's <a href="http://www.dreamprojections.com/syntaxhighlighter/">syntaxhighlighter</a> (for opening the door to what is possible!).
 </p>
 
 
 
 <a name="examples"><h2>Live Examples</h2></a>
 <p>
 Show don't tell! So before going further, here are some examples of jTab in action. 
-More examples are available <a href="http://tardate.com/jtab/examples.htm">here</a>.
+More examples are available <a href="examples.htm">here</a>.
 </p>
 
 <h3>Interactive/Explicit Rendering using Javascript</h3>
 <p>
-jTab can be used to reander notation in real-time using Javascript. This could be based on user input (like here), or with the notation feed
+jTab can be used to render notation in real-time using Javascript. This could be based on user input (like here), or with the notation feed
 being generated or retrieved from some system or web service.
 </p>
 <span>Try it out. Enter a phrase here (see <a href="#notation">notation</a> for help):</span><input id="notation" size="40"><input type="button" value="Notate this!" onclick="jtab.render('tab',$('notation').value);">
@@ -183,7 +183,7 @@ <h3>Implicit Rendering using CSS</h3>
 <a name="notation"><h2>Notation Reference</h2></a>
 <p>
 If you find this a little dry to read,
-see the <a href="http://tardate.com/jtab/examples.htm">examples</a> page which demostrate all these features and more.
+see the <a href="examples.htm">examples</a> page which demostrate all these features and more.
 </p>
 <h3>Chord Notation</h3>
 <p>
@@ -252,9 +252,11 @@ <h3>Mixing Chord &amp; Tab Notation</h3>
 </p>
 <p>
 The master source code repository is on github (<a href="http://github.com/tardate/jtab/tree/master">http://github.com/tardate/jtab/tree/master</a>). 
-Here you will always find the latest version and be able to <a href="#feedback">contribute</a> to the project yourself.
+You will always find the latest version here and be able to <a href="#feedback">contribute</a> to the project yourself.
+</p>
+<p>
+There is also a version located at http://tardate.com/jtab that you can point to directly (although performance may suffer a little). 
 </p>
-
 
 <a name="install"><h2>How To Install jTab on your Web Page or Site</h2></a>
 <h3>1. Include jTab Javascript files</h3>
@@ -265,16 +267,21 @@ <h3>1. Include jTab Javascript files</h3>
 Compatible versions of these libraries located along with jtab.js, or if you are already using a version of these libraries
 you probably do not need to include them again.
 </p>
+<p>
+You can <a href="#download">download</a> these files and use them locally on your own site.
+There is also a version located at http://tardate.com/jtab that you can point to directly (although performance may suffer a little). 
+The example below shows how to pull the files direct from tardate.com.
+</p>
 
 <pre name="code" class="xml:wraplines">
 &lt;head&gt;
     ... (other stuff) ...
     &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; &lt;!-- recommended to avoid security warnings with SVG in IE8 --&gt
-    &lt;link type="text/css" rel="stylesheet" media="screen" href="css/jtab-helper.css"/&gt; &lt;!-- optional: helpers to preset jtab region heights to avoid rendering jitter --&gt
+    &lt;link type="text/css" rel="stylesheet" media="screen" href="http://tardate.com/jtab/css/jtab-helper.css"/&gt; &lt;!-- optional: helpers to preset jtab region heights to avoid rendering jitter --&gt
 
-    &lt;script src="javascripts/prototype.js" type="text/javascript"&gt;&lt;/script&gt;
-    &lt;script src="javascripts/raphael.js" type="text/javascript"&gt;&lt;/script&gt;
-    &lt;script src="javascripts/jtab.js" type="text/javascript"&gt;&lt;/script&gt;
+    &lt;script src="http://tardate.com/jtab/javascripts/prototype.js" type="text/javascript"&gt;&lt;/script&gt;
+    &lt;script src="http://tardate.com/jtab/javascripts/raphael.js" type="text/javascript"&gt;&lt;/script&gt;
+    &lt;script src="http://tardate.com/jtab/javascripts/jtab.js" type="text/javascript"&gt;&lt;/script&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
@@ -407,12 +414,25 @@ <h3>Implicit rendering isn't happening?</h3>
 
 <div id="footer">
 </div>
+
 <!-- START: for syntaxhighlighter -->
 <script language='javascript'>
 dp.SyntaxHighlighter.ClipboardSwf = 'http://tardate.com/syntaxhighlighter/js/clipboard.swf';
 dp.SyntaxHighlighter.HighlightAll('code');
 </script>
 <!-- END: for syntaxhighlighter -->
 
+<!-- START: for google analytics -->
+ <script type="text/javascript">
+var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+try {
+var pageTracker = _gat._getTracker("UA-4894631-6");
+pageTracker._trackPageview();
+} catch(err) {}</script>
+<!-- END: for google analytics -->
+
   </body>
 </html>