Renamed index.html to index.en.html.tmpl and adding templatestrings.
authorFredrik Unger <fred@tree.se>
Fri, 4 Mar 2011 20:41:55 +0000 (21:41 +0100)
committerFredrik Unger <fred@tree.se>
Fri, 4 Mar 2011 20:41:55 +0000 (21:41 +0100)
style/adropabove/index.en.html.tmpl [new file with mode: 0644]
style/adropabove/index.html [deleted file]
style/bluenightsky/index.en.html.tmpl [new file with mode: 0644]
style/bluenightsky/index.html [deleted file]
style/freggies/index.en.html.tmpl [new file with mode: 0644]
style/freggies/index.html [deleted file]
style/turquoiseswirls/index.en.html.tmpl [new file with mode: 0644]
style/turquoiseswirls/index.html [deleted file]

diff --git a/style/adropabove/index.en.html.tmpl b/style/adropabove/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..441c5a1
--- /dev/null
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>$title</title>
+    <link rel="stylesheet" href="styles.css"
+         type="text/css" media="screen" />
+    <link rel="stylesheet" href="print.css"
+         type="text/css" media="print" />
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <link rel="stylesheet" href="superfish.css"
+         type="text/css" media="screen"/>
+    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
+    <script type="text/javascript" src="js/hoverIntent.js"></script>
+    <script type="text/javascript" src="js/superfish.js"></script>
+    <script type="text/javascript">
+
+      // initialise plugins
+      jQuery(function(){
+      jQuery('ul.sf-menu').superfish();
+      });
+
+    </script>
+  </head>
+  <body>
+    <div id="wrapper"><!-- #wrapper -->
+      <nav><!-- top nav -->
+       $menu
+      </nav><!-- end of top nav -->
+
+      <header><!-- header -->
+       <h1><a href="/">Site name</a></h1>
+       <h2>Your tag line here</h2>
+      </header><!-- end of header -->
+
+      <section id="main"><!-- #main content and sidebar area -->
+       <section id="content"><!-- #content -->
+         <article>
+           $article
+         </article>
+       </section><!-- end of #content -->
+
+       <aside id="sidebar"><!-- sidebar -->
+         <h3>$levelname</h3>
+         $levelmenu
+
+         <h3>More Stuff</h3>
+         <ul>
+           <li><a href="#">Blah</a></li>
+           <li><a href="#">More blah</a></li>
+         </ul>
+
+       </aside><!-- end of sidebar -->
+
+      </section><!-- end of #main content and sidebar-->
+
+      <footer>
+       <section id="footer-area">
+
+         <section id="footer-outer-block">
+           <aside class="footer-segment">
+             <h4>Friends</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #first footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Awesome Stuff</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #second footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Coolness</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #third footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Blahdyblah</h4>
+             <p>
+               Integer nec odio. Praesent libero. Sed cursus ante
+               dapibus diam. Sed nisi. Nulla quis sem at nibh
+               elementum imperdiet. Duis sagittis ipsum. Praesent
+               mauris. Fusce nec tellus sed augue semper porta.
+             </p>
+             <p>©;2010 <a href="/">$site</a></p>
+           </aside><!-- end of #fourth footer segment -->
+
+         </section><!-- end of footer-outer-block -->
+
+       </section><!-- end of footer-area -->
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>
diff --git a/style/adropabove/index.html b/style/adropabove/index.html
deleted file mode 100644 (file)
index c92dd82..0000000
+++ /dev/null
@@ -1,118 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>A Drop Above</title>
-    <link rel="stylesheet" href="styles.css"
-         type="text/css" media="screen" />
-    <link rel="stylesheet" href="print.css"
-         type="text/css" media="print" />
-    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-    <link rel="stylesheet" href="superfish.css"
-         type="text/css" media="screen"/>
-    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
-    <script type="text/javascript" src="js/hoverIntent.js"></script>
-    <script type="text/javascript" src="js/superfish.js"></script>
-    <script type="text/javascript">
-
-      // initialise plugins
-      jQuery(function(){
-      jQuery('ul.sf-menu').superfish();
-      });
-
-    </script>
-  </head>
-  <body>
-    <div id="wrapper"><!-- #wrapper -->
-      <nav><!-- top nav -->
-
-      </nav><!-- end of top nav -->
-
-      <header><!-- header -->
-       <h1><a href="#">A Drop Above</a></h1>
-       <h2>Your tag line here</h2>
-      </header><!-- end of header -->
-
-      <section id="main"><!-- #main content and sidebar area -->
-       <section id="content"><!-- #content -->
-         <article>
-
-         </article>
-       </section><!-- end of #content -->
-
-       <aside id="sidebar"><!-- sidebar -->
-         <h3>Stuff</h3>
-         <ul>
-           <li><a href="#">Curabitur sodales</a></li>
-           <li><a href="#">Sed dignissim</a></li>
-           <li><a href="#">Fusce nec</a></li>
-           <li><a href="#">Nulla quis</a></li>
-         </ul>
-
-         <h3>More Stuff</h3>
-         <ul>
-           <li><a href="#">Blah</a></li>
-           <li><a href="#">More blah</a></li>
-         </ul>
-
-       </aside><!-- end of sidebar -->
-
-      </section><!-- end of #main content and sidebar-->
-
-      <footer>
-       <section id="footer-area">
-
-         <section id="footer-outer-block">
-           <aside class="footer-segment">
-             <h4>Friends</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #first footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Awesome Stuff</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #second footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Coolness</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #third footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Blahdyblah</h4>
-             <p>
-               Integer nec odio. Praesent libero. Sed cursus ante
-               dapibus diam. Sed nisi. Nulla quis sem at nibh
-               elementum imperdiet. Duis sagittis ipsum. Praesent
-               mauris. Fusce nec tellus sed augue semper porta.
-             </p>
-           </aside><!-- end of #fourth footer segment -->
-
-         </section><!-- end of footer-outer-block -->
-
-       </section><!-- end of footer-area -->
-      </footer>
-
-    </div><!-- #wrapper -->
-    <!-- Free template created by http://freehtml5templates.com -->
-  </body>
-</html>
diff --git a/style/bluenightsky/index.en.html.tmpl b/style/bluenightsky/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..bc944de
--- /dev/null
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>$title</title>
+    <link rel="stylesheet" href="styles.css"
+         type="text/css" media="screen" />
+    <link rel="stylesheet" href="print.css"
+         type="text/css" media="print" />
+    <script type="text/javascript"
+           src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
+    </script>
+    <script type="text/javascript" src="js/simpletabs.js"></script>
+    <link rel="stylesheet" href="lightbox.css"
+         type="text/css" media="screen" />
+    <script type="text/javascript" src="js/jquery.js"></script>
+    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <script type="text/javascript">
+      $(function() {
+      $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
+      });
+    </script>
+  </head>
+  <body>
+    <div id="wrapper"><!-- #wrapper -->
+
+      <header><!-- header -->
+       <h1><a href="/">Site name</a></h1>
+       <h2>Your compelling tag line goes here</h2>
+       <img src="images/bluenightsky.png" width="940" height="200" alt=""/>
+       <!-- header image -->
+      </header><!-- end of header -->
+
+      <nav><!-- top nav -->
+       <div class="menu">
+         $menu
+       </div>
+      </nav><!-- end of top nav -->
+
+      <section id="main"><!-- #main content and sidebar area -->
+       <section id="content"><!-- #content -->
+         <article>
+           $article
+         </article>
+       </section><!-- end of #content -->
+
+       <aside id="sidebar"><!-- sidebar -->
+
+         <div class="tabwidget">
+           <ul class="tabs">
+             <li><a href="#tab1">Menu</a></li>
+             <li><a href="#tab2">Popular</a></li>
+             <li><a href="#tab3">About Me</a></li>
+           </ul>
+           <div class="tab_container">
+             <div id="tab1" class="tab_content">
+               <h3>$levelname</h3>
+               $levelmenu
+             </div>
+             <div id="tab3" class="tab_content">
+               <h3>Who I Am</h3> <img src="images/me.png" alt=""
+               /><p>Lorem ipsum in libris debitis facilis qui, in usu
+               esse falli deseruisse. Vel ut vivendo sensibus
+               partiendo, liber philosophia ne vim. Viris oblique
+               explicari has et. Nam noster iisque discere te, sale
+               doming delectus est te, an debet quando eruditi
+               pro. Ad dicant praesent persequeris has, ne vel
+               minimum petentium periculis.</p>
+             </div>
+           </div>
+         </div>
+
+         <div class="standard">
+           <h3>Things To Do</h3>
+           <ul>
+             <li><a href="#">Create</a></li>
+             <li><a href="#">Have Fun</a></li>
+             <li><a href="#">Share With Friends</a></li>
+             <li><a href="#">Play Games</a></li>
+             <li><a href="#">Upload</a></li>
+             <li><a href="#">Download</a></li>
+           </ul>
+
+
+           <h3>Sponsors</h3>
+           <img src="images/ad180.png" alt="" /><br /><br />
+
+           <h3>Connect With Us</h3>
+           <ul>
+             <li><a href="#">Twitter</a></li>
+             <li><a href="#">Facebook</a></li>
+             <li><a href="#">LinkedIn</a></li>
+             <li><a href="#">Flickr</a></li>
+           </ul>
+         </div>
+
+       </aside><!-- end of sidebar -->
+
+      </section><!-- end of #main content and sidebar-->
+
+      <footer>
+       <section id="footer-area">
+
+         <section id="footer-outer-block">
+           <aside class="footer-segment">
+             <h4>Friends</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #first footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Awesome Stuff</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #second footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Coolness</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #third footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Blahdyblah</h4>
+             <p>© 2010 <a href="/">$site</a> Praesent
+             libero. Sed cursus ante dapibus diam. Sed nisi.</p>
+           </aside><!-- end of #fourth footer segment -->
+
+         </section><!-- end of footer-outer-block -->
+
+       </section><!-- end of footer-area -->
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>
diff --git a/style/bluenightsky/index.html b/style/bluenightsky/index.html
deleted file mode 100644 (file)
index f12aeec..0000000
+++ /dev/null
@@ -1,166 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>BlueNightSky</title>
-    <link rel="stylesheet" href="styles.css"
-         type="text/css" media="screen" />
-    <link rel="stylesheet" href="print.css"
-         type="text/css" media="print" />
-    <script type="text/javascript"
-           src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
-    </script>
-    <script type="text/javascript" src="js/simpletabs.js"></script>
-    <link rel="stylesheet" href="lightbox.css"
-         type="text/css" media="screen" />
-    <script type="text/javascript" src="js/jquery.js"></script>
-    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
-    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-    <script type="text/javascript">
-      $(function() {
-      $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
-      });
-    </script>
-  </head>
-  <body>
-    <div id="wrapper"><!-- #wrapper -->
-
-      <header><!-- header -->
-       <h1><a href="#">Blue Night Sky</a></h1>
-       <h2>Your compelling tag line goes here</h2>
-       <img src="images/bluenightsky.png" width="940" height="200" alt=""/>
-       <!-- header image -->
-      </header><!-- end of header -->
-
-      <nav><!-- top nav -->
-       <div class="menu">
-
-       </div>
-      </nav><!-- end of top nav -->
-
-      <section id="main"><!-- #main content and sidebar area -->
-
-       <section id="content"><!-- #content -->
-         <article>
-
-         </article>
-       </section><!-- end of #content -->
-
-       <aside id="sidebar"><!-- sidebar -->
-
-         <div class="tabwidget">
-           <ul class="tabs">
-             <li><a href="#tab1">Recent</a></li>
-             <li><a href="#tab2">Popular</a></li>
-             <li><a href="#tab3">About Me</a></li>
-           </ul>
-           <div class="tab_container">
-             <div id="tab1" class="tab_content">
-               <h3>Recent Articles</h3>
-               <ul>
-                 <li><a href="#">Interesting Recent Link 1</a></li>
-                 <li><a href="#">Interesting Recent Link 2</a></li>
-                 <li><a href="#">Interesting Recent Link 3</a></li>
-                 <li><a href="#">Interesting Recent Link 4</a></li>
-                 <li><a href="#">Interesting Recent Link 5</a></li>
-                 <li><a href="#">Interesting Recent Link 6</a></li>
-                 <li><a href="#">Interesting Recent Link 7</a></li>
-               </ul>
-             </div>
-             <div id="tab2" class="tab_content">
-               <h3>Our Most Popular</h3>
-               <ul>
-                 <li><a href="#">Most Popular Link 1</a></li>
-                 <li><a href="#">Most Popular Link 2</a></li>
-                 <li><a href="#">Most Popular Link 3</a></li>
-                 <li><a href="#">Most Popular Link 4</a></li>
-               </ul>
-             </div>
-             <div id="tab3" class="tab_content">
-               <h3>Who I Am</h3> <img src="images/me.png" alt=""
-               /><p>Lorem ipsum in libris debitis facilis qui, in usu
-               esse falli deseruisse. Vel ut vivendo sensibus
-               partiendo, liber philosophia ne vim. Viris oblique
-               explicari has et. Nam noster iisque discere te, sale
-               doming delectus est te, an debet quando eruditi
-               pro. Ad dicant praesent persequeris has, ne vel
-               minimum petentium periculis.</p>
-             </div>
-           </div>
-         </div>
-
-         <div class="standard">
-           <h3>Things To Do</h3>
-           <ul>
-             <li><a href="#">Create</a></li>
-             <li><a href="#">Have Fun</a></li>
-             <li><a href="#">Share With Friends</a></li>
-             <li><a href="#">Play Games</a></li>
-             <li><a href="#">Upload</a></li>
-             <li><a href="#">Download</a></li>
-           </ul>
-
-
-           <h3>Sponsors</h3>
-           <img src="images/ad180.png" alt="" /><br /><br />
-
-           <h3>Connect With Us</h3>
-           <ul>
-             <li><a href="#">Twitter</a></li>
-             <li><a href="#">Facebook</a></li>
-             <li><a href="#">LinkedIn</a></li>
-             <li><a href="#">Flickr</a></li>
-           </ul>
-         </div>
-
-       </aside><!-- end of sidebar -->
-
-      </section><!-- end of #main content and sidebar-->
-
-      <footer>
-       <section id="footer-area">
-
-         <section id="footer-outer-block">
-           <aside class="footer-segment">
-             <h4>Friends</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #first footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Awesome Stuff</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #second footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Coolness</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #third footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Blahdyblah</h4>
-             <p>© 2010 <a href="#">yoursite.com</a> Praesent
-             libero. Sed cursus ante dapibus diam. Sed nisi.</p>
-           </aside><!-- end of #fourth footer segment -->
-
-         </section><!-- end of footer-outer-block -->
-
-       </section><!-- end of footer-area -->
-      </footer>
-
-    </div><!-- #wrapper -->
-    <!-- Free template created by http://freehtml5templates.com -->
-  </body>
-</html>
diff --git a/style/freggies/index.en.html.tmpl b/style/freggies/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..8f41022
--- /dev/null
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>$title</title>
+    <link rel="stylesheet" href="css/styles.css"
+         type="text/css" media="screen" />
+    <link rel="stylesheet" href="css/print.css"
+         type="text/css" media="print" />
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  </head>
+  <body>
+    <div id="wrapper"><!-- #wrapper -->
+      <nav><!-- top nav -->
+       <div class="menu">
+         $menu
+       </div>
+      </nav><!-- end of top nav -->
+
+      <header><!-- header -->
+       <h1><a href="/">Site name</a></h1>
+       <h2>Your compelling tag line goes here</h2>
+      </header><!-- end of header -->
+
+      <section id="main"><!-- #main content and sidebar area -->
+       <section id="content"><!-- #content -->
+         <article>
+           $article
+         </article>
+       </section><!-- end of #content -->
+
+       <aside id="sidebar"><!-- sidebar -->
+         <h3>$levelname</h3>
+         $levelmenu
+
+         <h3>More Stuff</h3>
+         <ul>
+           <li><a href="#">Curabitur sodales</a></li>
+           <li><a href="#">Sed dignissim</a></li>
+           <li><a href="#">Fusce nec</a></li>
+           <li><a href="#">Nulla quis</a></li>
+           <li><a href="#">Blah</a></li>
+           <li><a href="#">More blah</a></li>
+         </ul>
+
+         <h3>Even More Stuff</h3>
+         <ul>
+           <li><a href="#">Curabitur sodales</a></li>
+           <li><a href="#">Sed dignissim</a></li>
+           <li><a href="#">Fusce nec</a></li>
+           <li><a href="#">Nulla quis</a></li>
+           <li><a href="#">Blah</a></li>
+           <li><a href="#">More blah</a></li>
+         </ul>
+
+       </aside><!-- end of sidebar -->
+
+      </section><!-- end of #main content and sidebar-->
+
+      <footer>
+       <section id="footer-area">
+
+         <section id="footer-outer-block">
+           <aside class="footer-segment">
+             <h4>Friends</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #first footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Awesome Stuff</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #second footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Coolness</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #third footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Blahdyblah</h4>
+             <p>Integer nec odio. Praesent libero. Sed cursus ante
+             dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
+             imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
+             tellus sed augue semper porta.</p>
+           </aside><!-- end of #fourth footer segment -->
+
+         </section><!-- end of footer-outer-block -->
+
+       </section><!-- end of footer-area -->
+       <section class="footerbottom">
+         <p>©;2010 <a href="/">$site</a></p>
+       </section>
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>
diff --git a/style/freggies/index.html b/style/freggies/index.html
deleted file mode 100644 (file)
index 9dc6f0e..0000000
+++ /dev/null
@@ -1,122 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Freggies</title>
-    <link rel="stylesheet" href="css/styles.css"
-         type="text/css" media="screen" />
-    <link rel="stylesheet" href="css/print.css"
-         type="text/css" media="print" />
-    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-  </head>
-  <body>
-    <div id="wrapper"><!-- #wrapper -->
-      <nav><!-- top nav -->
-       <div class="menu">
-
-       </div>
-      </nav><!-- end of top nav -->
-
-      <header><!-- header -->
-       <h1><a href="#">Freggies</a></h1>
-       <h2>Fruits and Veggies = Healthy Freggies</h2>
-      </header><!-- end of header -->
-
-      <section id="main"><!-- #main content and sidebar area -->
-       <section id="content"><!-- #content -->
-         <article>
-
-         </article>
-       </section><!-- end of #content -->
-
-       <aside id="sidebar"><!-- sidebar -->
-         <h3>Stuff</h3>
-         <ul>
-           <li><a href="#">Curabitur sodales</a></li>
-           <li><a href="#">Sed dignissim</a></li>
-           <li><a href="#">Fusce nec</a></li>
-           <li><a href="#">Nulla quis</a></li>
-         </ul>
-
-         <h3>More Stuff</h3>
-         <ul>
-           <li><a href="#">Curabitur sodales</a></li>
-           <li><a href="#">Sed dignissim</a></li>
-           <li><a href="#">Fusce nec</a></li>
-           <li><a href="#">Nulla quis</a></li>
-           <li><a href="#">Blah</a></li>
-           <li><a href="#">More blah</a></li>
-         </ul>
-
-         <h3>Even More Stuff</h3>
-         <ul>
-           <li><a href="#">Curabitur sodales</a></li>
-           <li><a href="#">Sed dignissim</a></li>
-           <li><a href="#">Fusce nec</a></li>
-           <li><a href="#">Nulla quis</a></li>
-           <li><a href="#">Blah</a></li>
-           <li><a href="#">More blah</a></li>
-         </ul>
-
-       </aside><!-- end of sidebar -->
-
-      </section><!-- end of #main content and sidebar-->
-
-      <footer>
-       <section id="footer-area">
-
-         <section id="footer-outer-block">
-           <aside class="footer-segment">
-             <h4>Friends</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #first footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Awesome Stuff</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #second footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Coolness</h4>
-             <ul>
-               <li><a href="#">one linkylink</a></li>
-               <li><a href="#">two linkylinks</a></li>
-               <li><a href="#">three linkylinks</a></li>
-               <li><a href="#">four linkylinks</a></li>
-               <li><a href="#">five linkylinks</a></li>
-             </ul>
-           </aside><!-- end of #third footer segment -->
-
-           <aside class="footer-segment">
-             <h4>Blahdyblah</h4>
-             <p>Integer nec odio. Praesent libero. Sed cursus ante
-             dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
-             imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
-             tellus sed augue semper porta.</p>
-           </aside><!-- end of #fourth footer segment -->
-
-         </section><!-- end of footer-outer-block -->
-
-       </section><!-- end of footer-area -->
-       <section class="footerbottom">
-         <p>©;2010 <a href="#">yoururl.com</a></p>
-       </section>
-      </footer>
-
-    </div><!-- #wrapper -->
-    <!-- Free template created by http://freehtml5templates.com -->
-  </body>
-</html>
diff --git a/style/turquoiseswirls/index.en.html.tmpl b/style/turquoiseswirls/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..a6c9dff
--- /dev/null
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <head>
+    <meta charset="UTF-8"/>
+    <title>$title</title>
+    <link rel="stylesheet" href="css/style.css"
+         type="text/css" media="screen" />
+    <link rel="stylesheet" href="css/print.css"
+         type="text/css" media="print" />
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  </head>
+
+  <body>
+
+    <div id="wrapper">
+
+      <header>
+       <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>
+       <div id="description">Your interesting &amp; compelling tag line</div>
+       <div id="top">
+         <nav>
+           $menu
+         </nav>
+       </div>
+      </header>
+
+      <section>
+       <div id="container">
+         <div id="content">
+           <article>
+             $article
+           </article>
+         </div><!-- #content-->
+       </div><!-- #container-->
+
+       <aside id="left"><!-- start left sidebar -->
+         <div class="box">
+           <h3>$levelname</h3>
+           <div class="inner">
+             $levelmenu
+           </div>
+         </div><!-- .box -->
+
+         <div class="box">
+           <h3>Our Sponsor</h3>
+           <div class="inner">
+             <br />
+             <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
+             <br />
+           </div>
+         </div><!-- .box -->
+
+       </aside><!-- end left sidebar -->
+
+       <aside id="right"><!-- start right sidebar -->
+
+         <div class="box">
+           <h3>Connect With Us</h3>
+           <div class="inner">
+             <ul>
+               <li><a href="#">Twitter</a></li>
+               <li><a href="#">Facebook</a></li>
+             </ul>
+           </div>
+         </div><!-- .box -->
+
+         <div class="box">
+           <h3>Recent Articles</h3>
+           <div class="inner">
+             <ul>
+               <li><a href="#">How To Clean Anything</a></li>
+               <li><a href="#">Get The Most Out of Widgets</a></li>
+             </ul>
+           </div>
+         </div><!-- .box -->
+
+         <div class="box">
+           <h3>Recommended</h3>
+           <div class="inner">
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+           </div>
+         </div><!-- .box -->
+
+       </aside><!-- end right sidebar -->
+
+      </section>
+
+      <footer>
+       <div id="copyright">
+         <span>© 2010 All rights reserved <a href="/">$site</a></span>
+       </div>
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>
diff --git a/style/turquoiseswirls/index.html b/style/turquoiseswirls/index.html
deleted file mode 100644 (file)
index a2bd8de..0000000
+++ /dev/null
@@ -1,109 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      lang="en">
-  <head>
-    <meta charset="UTF-8"/>
-    <title>my title</title>
-    <link rel="stylesheet" href="css/style.css"
-         type="text/css" media="screen" />
-    <link rel="stylesheet" href="css/print.css"
-         type="text/css" media="print" />
-    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-  </head>
-
-  <body>
-
-    <div id="wrapper">
-
-      <header>
-       <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>
-       <div id="description">Your interesting &amp; compelling tag line</div>
-       <div id="top">
-         <nav>
-
-         </nav>
-       </div>
-      </header>
-
-      <section>
-
-       <div id="container">
-         <div id="content">
-           <article>
-
-           </article>
-         </div><!-- #content-->
-       </div><!-- #container-->
-
-       <aside id="left"><!-- start left sidebar -->
-         <div class="box">
-           <h3>Main Menu</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">Products</a></li>
-               <li><a href="#">Support</a></li>
-               <li><a href="#">Popular Uses</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-
-         <div class="box">
-           <h3>Our Sponsor</h3>
-           <div class="inner">
-             <br />
-             <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
-             <br />
-           </div>
-         </div><!-- .box -->
-
-       </aside><!-- end left sidebar -->
-
-       <aside id="right"><!-- start right sidebar -->
-
-         <div class="box">
-           <h3>Connect With Us</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">Twitter</a></li>
-               <li><a href="#">Facebook</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-
-         <div class="box">
-           <h3>Recent Articles</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">How To Clean Anything</a></li>
-               <li><a href="#">Get The Most Out of Widgets</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-
-         <div class="box">
-           <h3>Recommended</h3>
-           <div class="inner">
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-           </div>
-         </div><!-- .box -->
-
-       </aside><!-- end right sidebar -->
-
-      </section>
-
-      <footer>
-       <div id="copyright">
-         <span>© 2010 All rights reserved <a href="#">yoursite.com</a></span>
-       </div>
-      </footer>
-
-    </div><!-- #wrapper -->
-    <!-- Free template created by http://freehtml5templates.com -->
-  </body>
-</html>