Renamed index.html to index.en.html.tmpl and adding templatestrings.
[treecutter.git] / style / bluenightsky / index.en.html.tmpl
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>