starting the templates

11 years ago · 373615b020
3 changed files with 78 additions and 1 deletions
--- a/lyrics/blueprints/index.py
+++ b/lyrics/blueprints/index.py
@ -8,4 +8,4 @@ index = Blueprint('index', __name__)

@index.route('/')
 def root():
-    return render_template('index.html')
+    return render_template('index.tpl')
--- a/lyrics/templates/base.tpl
+++ b/lyrics/templates/base.tpl
@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>LyricsPOP</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <!-- Le styles -->
+    <link href="{{ url_for("static", filename="bootstrap/css/bootstrap.css") }}" rel="stylesheet">
+    <style>
+      body {
+        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
+      }
+    </style>
+    <link href="{{ url_for("static", filename="bootstrap/css/bootstrap-responsive.css") }}" rel="stylesheet">
+  </head>
+
+  <body>
+    <div class="navbar navbar-inverse navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="container">
+          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="brand" href="#">Project name</a>
+          <div class="nav-collapse collapse">
+            <ul class="nav">
+              <li class="active"><a href="#">Home</a></li>
+              <li><a href="#about">About</a></li>
+              <li><a href="#contact">Contact</a></li>
+            </ul>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
+    </div>
+
+    <div class="container">
+        {% block content %}
+            content goes here!
+        {% endblock content %}
+    </div> <!-- /container -->
+
+    <!-- Le javascript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <!--
+    <script src="../assets/js/jquery.js"></script>
+    <script src="../assets/js/bootstrap-transition.js"></script>
+    <script src="../assets/js/bootstrap-alert.js"></script>
+    <script src="../assets/js/bootstrap-modal.js"></script>
+    <script src="../assets/js/bootstrap-dropdown.js"></script>
+    <script src="../assets/js/bootstrap-scrollspy.js"></script>
+    <script src="../assets/js/bootstrap-tab.js"></script>
+    <script src="../assets/js/bootstrap-tooltip.js"></script>
+    <script src="../assets/js/bootstrap-popover.js"></script>
+    <script src="../assets/js/bootstrap-button.js"></script>
+    <script src="../assets/js/bootstrap-collapse.js"></script>
+    <script src="../assets/js/bootstrap-carousel.js"></script>
+    <script src="../assets/js/bootstrap-typeahead.js"></script>
+    -->
+    <script src="http:ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+    <script src="{{ url_for("static", filename="bootstrap/js/bootstrap.min.js") }}"></script>
+
+  </body>
+</html>
+
+{# vim:set ft=htmldjango: #}
--- a/lyrics/templates/index.tpl
+++ b/lyrics/templates/index.tpl
@ -0,0 +1,6 @@
+{% extends "base.tpl" %}
+
+{% block content %}
+    Welcome to LyricsPOP.
+{% endblock content %}
+{# vim:set ft=htmldjango: #}