bootstrap site/page template
authorTero Marttila <terom@paivola.fi>
Sun, 14 Sep 2014 00:22:24 +0300
changeset 58 522e6b928f35
parent 57 2d339cc8d57a
child 59 c3eaf9fc74a0
bootstrap site/page template
qmsk_www/templates/site.html
qmsk_www_pages/templates/pages/page.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/qmsk_www/templates/site.html	Sun Sep 14 00:22:24 2014 +0300
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{% block title %}{% endblock %}</title>
+
+        <!-- Bootstrap -->
+        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
+
+        <!-- Bootstrap theme -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
+    </head>
+    <body>
+        {% block content %}{% endblock %}
+
+        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+        <!-- Include all compiled plugins (below), or include individual files as needed -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+    </body>
+</html>
--- a/qmsk_www_pages/templates/pages/page.html	Sun Sep 14 00:22:17 2014 +0300
+++ b/qmsk_www_pages/templates/pages/page.html	Sun Sep 14 00:22:24 2014 +0300
@@ -1,1 +1,27 @@
-<p>Hello World.</p>
+{% extends "site.html" %}
+
+{% block title %}Hello World{% endblock %}
+
+{% block content %}
+    <div class="container">
+        <div class="header">
+            <h1 class="page-title">
+                Hello World
+            </h1>
+        </div>
+        <hr />
+        <div class="row">
+            <div class="col-sm-2 pages-tree">
+                <ul class="nav">
+                    <li><a href="/hello">Hello World</a></li>
+                </ul>
+            </div>
+            <div class="col-sm-8 pages-content">
+                <h1>Hello World</h1>
+                <p>
+                    Hello World.
+                </p>
+            </div>
+        </div>
+    </div>
+{% endblock %}