blob: eb26bc6c6a6390a84eda2048da24e7999a673d5c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
|
<!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.css" />
<link rel="stylesheet" type="text/css" href="/static/style/archive3k.css" />
{% endblock %}{% block externaljs %}
{% endblock %}{% block otherhead %}{% endblock %}
{% endblock head %}
</head>
<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>
<li class="dropdown">
<a class="navbar-brand" href="#" style="padding-top: 0.8em;">
<img src="/static/style/ia_logo_small.png" alt="">
</a>
<a href="#" class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Internet Archive<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Internet Archive Home</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Services</li>
<li><a href="https://web.archive.org">Wayback Machine</a></li>
<li><a href="https://openlibrary.org">Open Library</a></li>
<li><a href="https://archive.org/details/tv"></a></li>
</ul>
</li>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://archive.org/donate/">Donate!</a></li>
<!--
<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>
{% block postnav %}{% endblock %}
<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 »</a>
</p>
</div>
{% endblock %}
</div> <!-- /container -->
<footer class="page-footer text-muted">
<div class="container-fluid footer-one">
<div class="container">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="media">
<div class="media-left" style="padding-top: 5px;">
<img src="/static/style/ia_logo_small.png" alt="">
</div>
<div class="media-body">
<p><a href="//archive.org/">Internet Archive</a> is a 501(c)(3) non-profit headquarted in the USA, building a library of Internet sites and other cultural artifacts in digital form.
<p>Copyright 2017 <a href="https://archive.org"> archive.org</a>
</div>
</div>
</div>
<div class="col-md-2">
<h5 class="title mb-4 mt-3 font-bold">Home</h5>
<ul class="list-unstyled">
<li><a href="#!">Wayback Machine</a></li>
<li><a href="#!">Openlibrary</a></li>
<li><a href="#!">Archive-It</a></li>
<li><a href="#!">Catalog</a>
</ul>
</div>
<div class="col-md-2">
<h5 class="title mb-4 mt-3 font-bold">Contact</h5>
<ul class="list-unstyled">
<li><a href="#!">Blog</a></li>
<li><a href="#!">Twitter</a></li>
</ul>
<br>
<h5 class="title mb-4 mt-3 font-bold">Systems</h5>
<ul class="list-unstyled">
<li><a href="#!">Status <span style="color: green; font-size: larger;">✓</span></a>
<li><a href="http://monitor.archive.org/weathermap/weathermap.html">Network</a></li>
<li><a href="https://catalogd.archive.org/report/space.php">Storage</a></li>
<li><a href="#!">Open Source</a>
<li><a href="#!">Developer API</a>
</ul>
</div>
<div class="col-md-2">
<h5 class="title mb-4 mt-3 font-bold">About</h5>
<ul class="list-unstyled">
<li><a href="#!">Help</a></li>
<li><a href="#!">Abuse</a></li>
<li><a href="#!">Terms</a></li>
<li><a href="#!">People</a></li>
<li><a href="#!">Volunteer</a></li>
<li><a href="#!">Jobs</a></li>
</ul>
</div>
</div> <!-- row -->
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container-fluid">
</div>
</div>
</footer>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/archive3k.js"></script>
</body>
</html>
|
