Testing layout with normalize.css

author: Silvio Rhatto <rhatto@riseup.net> 2013-05-28 11:27:21 -0300
committer: Silvio Rhatto <rhatto@riseup.net> 2013-05-28 11:27:21 -0300
commit: ab2ab1892a92fd63b7d634e4daf33a3f418b0995 (patch)
tree: cd1863541efc0bb4dd76d20722014ed663af9c77 /includes/templates/bootstrap/page.tmpl
parent: ab9804014284a5f1ccac0200e67c08396a10f1da (diff)
download: blog-ab2ab1892a92fd63b7d634e4daf33a3f418b0995.tar.gz
blog-ab2ab1892a92fd63b7d634e4daf33a3f418b0995.tar.bz2
1 files changed, 259 insertions, 0 deletions
diff --git a/includes/templates/bootstrap/page.tmpl b/includes/templates/bootstrap/page.tmpl
new file mode 100644
index 0000000..5ef74b4
--- /dev/null
+++ b/includes/templates/bootstrap/page.tmpl
@@ -0,0 +1,259 @@
+<TMPL_IF HTML5><!DOCTYPE html>
+<html>
+<TMPL_ELSE><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+</TMPL_IF>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<TMPL_IF DYNAMIC>
+<TMPL_IF FORCEBASEURL><base href="<TMPL_VAR FORCEBASEURL>" /><TMPL_ELSE>
+<TMPL_IF BASEURL><base href="<TMPL_VAR BASEURL>" /></TMPL_IF>
+</TMPL_IF>
+</TMPL_IF>
+<TMPL_IF HTML5><meta charset="utf-8" /><TMPL_ELSE><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></TMPL_IF>
+<title><TMPL_VAR TITLE></title>
+<TMPL_IF FAVICON>
+<link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
+</TMPL_IF>
+<link rel="stylesheet" href="<TMPL_VAR BASEURL>bootstrap/css/bootstrap.min.css" type="text/css" />
+<link rel="stylesheet" href="<TMPL_VAR BASEURL>bootstrap/css/bootstrap-responsive.css" />
+<TMPL_IF LOCAL_CSS>
+<link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
+<TMPL_ELSE>
+<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
+</TMPL_IF>
+<TMPL_IF EDITURL>
+<link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
+</TMPL_IF>
+<TMPL_IF FEEDLINKS><TMPL_VAR FEEDLINKS></TMPL_IF>
+<TMPL_IF RELVCS><TMPL_VAR RELVCS></TMPL_IF>
+<TMPL_IF META><TMPL_VAR META></TMPL_IF>
+<style>
+@media (max-width: 979px) {
+  .navbar-fixed-top {
+    position: fixed;
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+</style>
+</head>
+<body style="padding-top: 60px; padding-bottom: 60px;">
+
+<script src="<TMPL_VAR BASEURL>/js/jquery.min.js" type="text/javascript"></script>
+<script src="<TMPL_VAR BASEURL>bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+
+<div class="navbar navbar-inverse navbar-fixed-top">
+  <div class="navbar-inner">
+    <div class="container">
+
+      <TMPL_IF HAVE_ACTIONS>
+
+      <TMPL_IF OTHERLANGUAGES>
+      <TMPL_IF HTML5><nav id="otherlanguages"><TMPL_ELSE><div id="otherlanguages"></TMPL_IF>
+      <ul class="nav">
+      <TMPL_LOOP OTHERLANGUAGES>
+      <li>
+      <a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
+      <TMPL_IF MASTER>
+      (master)
+      <TMPL_ELSE>
+      &nbsp;(<TMPL_VAR PERCENT>%)
+      </TMPL_IF>
+      </li>
+      </TMPL_LOOP>
+      </ul>
+      <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
+      </TMPL_IF>
+
+      <TMPL_IF HTML5><nav class="actions"><TMPL_ELSE><div class="actions"></TMPL_IF>
+      <ul class="nav">
+      <TMPL_IF EDITURL>
+      <li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
+      </TMPL_IF>
+      <TMPL_IF RECENTCHANGESURL>
+      <li><a href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
+      </TMPL_IF>
+      <TMPL_IF HISTORYURL>
+      <li><a href="<TMPL_VAR HISTORYURL>">History</a></li>
+      </TMPL_IF>
+      <TMPL_IF GETSOURCEURL>
+      <li><a href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
+      </TMPL_IF>
+      <TMPL_IF PREFSURL>
+      <li><a href="<TMPL_VAR PREFSURL>">Preferences</a></li>
+      </TMPL_IF>
+      <TMPL_IF ACTIONS>
+      <TMPL_LOOP ACTIONS>
+      <li><TMPL_VAR ACTION></li>
+      </TMPL_LOOP>
+      </TMPL_IF>
+      <TMPL_IF COMMENTSLINK>
+      <li><TMPL_VAR COMMENTSLINK></li>
+      <TMPL_ELSE>
+      <TMPL_IF DISCUSSIONLINK>
+      <li><TMPL_VAR DISCUSSIONLINK></li>
+      </TMPL_IF>
+      </TMPL_IF>
+      </ul>
+      <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
+      </TMPL_IF>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+
+  <!--
+  <div class="row-fluid">
+    <div class="navbar span12">
+      <div class="navbar-inner">
+        <TMPL_IF HAS_PARENTLINKS>
+        <TMPL_LOOP PARENTLINKS>
+          <TMPL_IF NAME="DEPTH_0">
+            <a class="brand" href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
+          </TMPL_IF>
+        </TMPL_LOOP>
+        <TMPL_ELSE>
+          <a class="brand" href="<TMPL_VAR BASEURL>"><TMPL_VAR TITLE></a>
+        </TMPL_IF>
+        <ul class="nav">
+          <li><a href="<TMPL_VAR BASEURL>page">Page Title</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  -->
+
+  <div class="row-fluid">
+    <TMPL_IF HTML5><header class="span12"><TMPL_ELSE><div class="span12"></TMPL_IF>
+      <h1><TMPL_IF NAME="DEPTH_0"><TMPL_VAR PAGE></TMPL_IF></h1>
+
+      <ul class="breadcrumb">
+      <TMPL_LOOP PARENTLINKS>
+          <li><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a> <span class="divider">/</span> </li>
+      </TMPL_LOOP>
+      <li><TMPL_VAR TITLE></li>
+      </ul>
+    <TMPL_IF HTML5></header><TMPL_ELSE></div></TMPL_IF>
+  </div>
+
+  <TMPL_IF HTML5><article class="page row-fluid"><TMPL_ELSE><div class="page row-fluid"></TMPL_IF>
+
+  <div class="span8">
+    <TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
+    <TMPL_IF HTML5><header class="header"><TMPL_ELSE><div class="header"></TMPL_IF>
+    <h1>
+    <TMPL_VAR TITLE>
+    <TMPL_IF ISTRANSLATION>
+    &nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
+    </TMPL_IF>
+    </h1>
+    <TMPL_IF SEARCHFORM>
+    <TMPL_VAR SEARCHFORM>
+    </TMPL_IF>
+    <TMPL_IF HTML5></header><TMPL_ELSE></div></TMPL_IF>
+
+    <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
+
+    <div id="pagebody">
+
+    <TMPL_IF HTML5><section id="content"><TMPL_ELSE><div id="content"></TMPL_IF>
+    <p class="pagedate">
+    <TMPL_IF HAS_PARENTLINKS><strong>Posted <TMPL_VAR CTIME></strong></TMPL_IF>
+    </p>
+    <TMPL_VAR CONTENT>
+    <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
+
+    <hr />
+
+    <TMPL_UNLESS DYNAMIC>
+    <TMPL_IF COMMENTS>
+    <TMPL_IF HTML5><section id="comments"><TMPL_ELSE><div id="comments"></TMPL_IF>
+    <TMPL_VAR COMMENTS>
+    <TMPL_IF ADDCOMMENTURL>
+    <div class="addcomment">
+    <a href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a>
+    </div>
+    <TMPL_ELSE>
+    <div class="addcomment">Comments on this page are closed.</div>
+    </TMPL_IF>
+    <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
+    </TMPL_IF>
+    </TMPL_UNLESS>
+
+    </div>
+
+    <TMPL_IF HTML5><footer id="footer" class="pagefooter"><TMPL_ELSE><div id="footer" class="pagefooter"></TMPL_IF>
+    <TMPL_UNLESS DYNAMIC>
+    <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
+
+    <TMPL_IF TAGS>
+    <TMPL_IF HTML5><nav class="tags"><TMPL_ELSE><div class="tags"></TMPL_IF>
+    <strong>Tags:</strong>
+    <TMPL_LOOP TAGS>
+    <TMPL_VAR LINK>
+    </TMPL_LOOP>
+    <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
+    </TMPL_IF>
+
+    <TMPL_IF BACKLINKS>
+    <TMPL_IF HTML5><nav id="backlinks"><TMPL_ELSE><div id="backlinks"></TMPL_IF>
+    Links:
+    <TMPL_LOOP BACKLINKS>
+    <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
+    </TMPL_LOOP>
+    <TMPL_IF MORE_BACKLINKS>
+    <span class="popup">...
+    <span class="balloon">
+    <TMPL_LOOP MORE_BACKLINKS>
+    <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
+    </TMPL_LOOP>
+    </span>
+    </span>
+    </TMPL_IF>
+    <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
+    </TMPL_IF>
+
+    <TMPL_IF COPYRIGHT>
+    <div class="pagecopyright">
+    <a name="pagecopyright"></a>
+    <TMPL_VAR COPYRIGHT>
+    </div>
+    </TMPL_IF>
+
+    <TMPL_IF LICENSE>
+    <div class="pagelicense">
+    <a name="pagelicense"></a>
+    License: <TMPL_VAR LICENSE>
+    </div>
+    </TMPL_IF>
+
+    <!--<div class="pagedate">
+    Last edited <TMPL_VAR MTIME>
+    </div> -->
+
+    <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
+    <TMPL_IF EXTRAFOOTER><TMPL_VAR EXTRAFOOTER></TMPL_IF>
+    </TMPL_UNLESS>
+    <!-- from <TMPL_VAR WIKINAME> -->
+    <TMPL_IF HTML5></footer><TMPL_ELSE></div></TMPL_IF>
+    
+  </div>
+  
+  <div class="span4">
+
+    <TMPL_IF SIDEBAR>
+    <TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF>
+    <TMPL_VAR SIDEBAR>
+    <TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF>
+    </TMPL_IF>  
+  
+  </div>
+
+  <TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
+</div>
+
+</body>
+</html>
author	Silvio Rhatto <rhatto@riseup.net>	2013-05-28 11:27:21 -0300
committer	Silvio Rhatto <rhatto@riseup.net>	2013-05-28 11:27:21 -0300
commit	ab2ab1892a92fd63b7d634e4daf33a3f418b0995 (patch)
tree	cd1863541efc0bb4dd76d20722014ed663af9c77 /includes/templates/bootstrap/page.tmpl
parent	ab9804014284a5f1ccac0200e67c08396a10f1da (diff)
download	blog-ab2ab1892a92fd63b7d634e4daf33a3f418b0995.tar.gz blog-ab2ab1892a92fd63b7d634e4daf33a3f418b0995.tar.bz2