use twitter bootstrap for layouting
[phorkie.git] / data / templates / base.htm
index f406f00..aaf61da 100644 (file)
@@ -1,17 +1,43 @@
 <!DOCTYPE html>
 <html>
  <head>
-  <!--<link rel="stylesheet" href="phorkie.css" />-->
+  <link rel="stylesheet" href="{{css}}"/>
+  <link rel="stylesheet" href="phorkie.css" />
   <title>{% block title %}{% endblock %} - Phorkie</title>
  </head>
  <body>
-  <nav>
-   <ul>
-    <a href="/">New paste</a>
-    <a href="/list">List all</a>
-    <a href="/search">Search</a>
-   </ul>
-  </nav>
-  <article>{% block content %}{% endblock %}</article>
+  <div class="navbar">
+   <div class="navbar-inner">
+    <div class="container">
+     <a class="brand" href="/">
+      Phorkie
+     </a>
+     <ul class="nav">
+      <li>
+       <a href="/">New paste</a>
+      </li>
+      <li>
+       <a href="/list">List all</a>
+      </li>
+      <li>
+       <form class="navbar-search pull-left" action="/search" method="get">
+        <input type="text" class="search-query" name="q" placeholder="Search"/>
+       </form>
+      </li>
+     </ul>
+    </div>
+   </div>
+  </div>
+
+  <div class="container-fluid">
+   <div class="row">
+    <div class="span9">
+     {% block content %}{% endblock %}
+    </div>
+    <div class="span3">
+     {% block sidebar %}{% endblock %}
+    </div>
+   </div>
+  </div>
  </body>
 </html>
\ No newline at end of file