Part of #6: atom feed for new pastes

[phorkie.git] / data / templates / base.htm
diff --git a/data/templates/base.htm b/data/templates/base.htm

index 7cf5505faafcf76c20e5ef0c2435d02aa59b6099..e5ed0872f82047fc21b052484f1bc1d9ed8a2633 100644 (file)
--- a/data/templates/base.htm
+++ b/data/templates/base.htm
@@ -3,22 +3,27 @@
  <html>
   <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <link rel="stylesheet" href="/css/bootstrap.min.css"/>
+  <link rel="stylesheet" href="/css/font-awesome.css"/>
+  <link rel="stylesheet" href="/css/phorkie.css"/>
+  {% if css %}
    <link rel="stylesheet" href="{{css}}"/>
-  <link rel="stylesheet" href="/css/phorkie.css" />
+  {% endif %}
    <title>{% block title %}{% endblock %} - {{title}}</title>
    <script src="/js/jquery.js"></script>
+  <script src="/js/bootstrap.min.js"></script>
    <script src="/js/phorkie.js"></script>
    {% block meta %}{% endblock %}
   </head>
   <body>
    {{topbar|raw}}
-  <div class="navbar navbar-inverse">
+  <div class="navbar navbar-inverse navbar-static-top">
     <div class="navbar-inner">
      <div class="container">
-     <a class="brand" href="/">
-      {{title}}
-     </a>
       <ul class="nav">
+      <li>
+       <a class="brand" href="/">{{title}}</a>
+      </li>
        <li>
         <a href="/new">New paste</a>
        </li>
@@ -26,8 +31,8 @@
         <a href="/list">List all</a>
        </li>
        {% if db.adapter %}
-      <li>
-       <form class="navbar-search" action="/search" method="get">
+      <li class="nav-collapse">
+       <form class="span4 pull-right navbar-form" action="/search" method="get">
          <input type="text" class="search-query" name="q" placeholder="Search" value="{{query}}"/>
         </form>
        </li>
@@ -38,6 +43,17 @@
        <li>
         <a href="/user">{{name}}</a>
        </li>
+      {% endif %}
+      {% if db.adapter %}
+      <li>
+       <button class="btn btn-navbar btn-inverse pull-right" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+       </button>
+      </li>
+      {% endif %}
+      {% if identity %}
        <li>
         <a href="/login?logout">Logout</a>
        </li>