Restructured files. Improved README.

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>After Dark in CSS</title>
   <link rel="shortcut icon" href="img/favicon.png" />
-  <link rel="stylesheet" href="base.css">
+  <link rel="stylesheet" href="all/base.css">
   <style>
     html,
     body {
@@ -201,23 +201,23 @@
     <h1 class="title">After Dark in CSS</h1>
     <div class="ad"><img src="img/after-dark-icon.png" /></div>
     <ul>
-      <li><a class="s" href="flying-toasters.html">Flying Toasters</a></li>
-      <li><a class="s" href="fish.html">Fish</a></li>
-      <li><a class="s" href="globe.html">Globe</a></li>
-      <li><a href="hard-rain.html">Hard Rain</a></li>
-      <li><a class="s" href="bouncing-ball.html">Bouncing Ball</a></li>
-      <li><a class="s" href="warp.html">Warp</a></li>
-      <li><a class="s" href="messages.html">Messages</a></li>
-      <li><a class="s" href="messages2.html">Messages 2</a></li>
-      <li><a href="fade-out.html" class="s">Fade Out</a></li>
-      <li><a class="s" href="logo.html">Logo</a></li>
-      <li><a class="s" href="rainstorm.html">Rainstorm</a></li>
-      <li><a class="s" href="spotlight.html">Spotlight</a></li>
+      <li><a class="s" href="all/flying-toasters.html">Flying Toasters</a></li>
+      <li><a class="s" href="all/fish.html">Fish</a></li>
+      <li><a class="s" href="all/globe.html">Globe</a></li>
+      <li><a href="all/hard-rain.html">Hard Rain</a></li>
+      <li><a class="s" href="all/bouncing-ball.html">Bouncing Ball</a></li>
+      <li><a class="s" href="all/warp.html">Warp</a></li>
+      <li><a class="s" href="all/messages.html">Messages</a></li>
+      <li><a class="s" href="all/messages2.html">Messages 2</a></li>
+      <li><a href="all/fade-out.html" class="s">Fade Out</a></li>
+      <li><a class="s" href="all/logo.html">Logo</a></li>
+      <li><a class="s" href="all/rainstorm.html">Rainstorm</a></li>
+      <li><a class="s" href="all/spotlight.html">Spotlight</a></li>
       <li><a id="randomizer" href="#">Randomizer</a></li>
     </ul>
   </div>
   <footer class="footer">
-    <a href="https://twitter.com/share" class="twitter-share-button" data-text="&quot;After Dark&quot; screensavers, rebuilt using CSS animations:" data-related="bryanebraun">Tweet</a>
+    <a href="https://twitter.com/share" class="twitter-share-button" data-text="Classic &quot;After Dark&quot; screensavers, rebuilt using CSS animations:" data-related="bryanebraun">Tweet</a>
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
   
   </footer>