summaryrefslogtreecommitdiffstats
path: root/theme/templates/base.html
diff options
context:
space:
mode:
authorBryan Newbold <bnewbold@archive.org>2017-08-30 21:04:39 -0700
committerBryan Newbold <bnewbold@archive.org>2017-08-30 21:10:40 -0700
commit381e40f2b9c87b6a9359f2c79cf4687064625288 (patch)
tree5542cd9ae24ac604958f09686c9b53923452d459 /theme/templates/base.html
downloadarchive3k.org-381e40f2b9c87b6a9359f2c79cf4687064625288.tar.gz
archive3k.org-381e40f2b9c87b6a9359f2c79cf4687064625288.zip
bootstrap 3 + pelican template repo
Diffstat (limited to 'theme/templates/base.html')
-rw-r--r--theme/templates/base.html86
1 files changed, 86 insertions, 0 deletions
diff --git a/theme/templates/base.html b/theme/templates/base.html
new file mode 100644
index 0000000..2f0be01
--- /dev/null
+++ b/theme/templates/base.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+{% block head %}
+<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
+<!-- <meta charset="utf-8" /> -->
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="/static/style/bootswatch_flatly.min.css" />
+<link rel="stylesheet" type="text/css" href="/static/style/archive3k.css" />
+{% endblock %}{% block externaljs %}
+{% endblock %}{% block otherhead %}{% endblock %}
+{% endblock head %}
+</head>
+<body>
+<body>
+
+<!-- Static navbar -->
+<nav class="navbar navbar-default navbar-static-top">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+ <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="#">Project name</a>
+ </div>
+ <div id="navbar" class="navbar-collapse collapse">
+ <ul class="nav navbar-nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li role="separator" class="divider"></li>
+ <li class="dropdown-header">Nav header</li>
+ <li><a href="#">Separated link</a></li>
+ <li><a href="#">One more separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li><a href="../navbar/">Default</a></li>
+ <li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
+ <li><a href="../navbar-fixed-top/">Fixed top</a></li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+</nav>
+
+<div class="container">
+{% block content %}
+<!-- Main component for a primary marketing message or call to action -->
+<div class="jumbotron">
+ <h1>Navbar example</h1>
+ <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+ <p>To see the difference between static and fixed top navbars, just scroll.</p>
+ <p>
+ <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
+ </p>
+</div>
+{% endblock %}
+</div> <!-- /container -->
+<footer class="footer">
+ <div class="container">
+ <div class="media">
+ <div class="media-left">
+ <img src="/static/ia_logo_small.png" alt="IA logo">
+ </div>
+ <div class="media-body">
+ <p class="text-muted">Paper Search is prototype by the <a href="//archive.org/">Internet Archive</a>, a 501(c)(3) non-profit, building a digital library of Internet sites and other cultural artifacts in digital form. Other <a href="//archive.org/projects/">projects</a> include the <a href="https//web.archive.org/">Wayback Machine</a>, <a href="https//openlibrary.org">openlibrary.org</a>, <a href="https//archive.org/">archive.org</a> and <a href="https//archive-it.org">archive-it.org</a></p>
+ </div>
+ </div>
+ </div>
+</footer>
+<script src="/static/js/jquery.min.js"></script>
+<script src="/static/js/bootstrap.min.js"></script>
+</body>
+</html>