use template extensions
[mlpccg-meta.git] / meta / templates / base.html
diff --git a/meta/templates/base.html b/meta/templates/base.html
new file mode 100644 (file)
index 0000000..4015d3f
--- /dev/null
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>meta is magic</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap.min.css">
+        <style>
+            body {
+                padding-top: 50px;
+                padding-bottom: 20px;
+            }
+        </style>
+        <link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap-theme.min.css">
+        <link rel="stylesheet" href="{{STATIC_URL}}css/main.css">
+
+        <script src="{{STATIC_URL}}js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">meta is magic</a>
+        </div>
+        <!-- <div class="navbar-collapse collapse"> -->
+        <!--   <form class="navbar-form navbar-right" role="form"> -->
+        <!--     <div class="form-group"> -->
+        <!--       <input type="text" placeholder="Email" class="form-control"> -->
+        <!--     </div> -->
+        <!--     <div class="form-group"> -->
+        <!--       <input type="password" placeholder="Password" class="form-control"> -->
+        <!--     </div> -->
+        <!--     <button type="submit" class="btn btn-success">Sign in</button> -->
+        <!--   </form> -->
+        <!-- </div><\!--/.navbar-collapse -\-> -->
+      </div>
+    </div>
+
+    {% block jumbotron %}{% endblock %}
+
+    <div class="container">
+      {% block content %}{% endblock %}
+      <hr>
+
+      <footer>
+        <p>&copy; Yukkuri Games, 2014</p>
+      </footer>
+    </div> <!-- /container -->
+    <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> -->
+    <script src="{{STATIC_URL}}js/vendor/jquery-1.11.0.min.js"></script>
+    <script src="{{STATIC_URL}}js/vendor/bootstrap.min.js"></script>
+    <script src="{{STATIC_URL}}js/main.js"></script>
+    </body>
+</html>