-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (121 loc) · 4.46 KB
/
index.html
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
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Alaskana Explorer</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="author" content="Daniel Cornwall">
<meta name="description" content="Explore Alaskana in the National Archives.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- US Web Design Sytem -->
<link rel="stylesheet" href="uswds-1.6.0/css/uswds.min.css">
<!--Local css file-->
<link rel="stylesheet" href="css/style.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body class="usa-banner">
<!-- Skip Navigation -->
<a class="usa-skipnav" href="#main-content">Skip to main content</a>
<header class="usa-header usa-header-extended" role="banner">
<div class="usa-navbar">
<div class="usa-logo" id="extended-logo">
<em class="usa-logo-text">
<a href="https://ddcornwall.github.io/nara-alaskana/"
title="Home"
aria-label="Home">
Alaskana Explorer
</a>
</em>
</div>
<button class="usa-menu-btn">Menu</button>
</div>
<nav role="navigation" class="usa-nav">
<div class="usa-nav-inner">
<button class="usa-nav-close">
<img src="uswds-1.6.0/img/close.svg" alt="close">
</button>
<ul class="usa-nav-primary">
<li>
<a class="usa-nav-link" href="https://ddcornwall.github.io/nara-alaskana/"><span>Home</span></a>
</li>
<li>
<a class="usa-nav-link" href="browse.html"><span>Browse</span></a>
</li>
<li>
<a class="usa-nav-link" href="about.html"><span>About</span></a>
</li>
</ul>
<div class="usa-nav-secondary">
<ul class="usa-unstyled-list usa-nav-secondary-links">
<li>
<a href="https://github.com/ddcornwall/nara-alaskana">
View on Github
</a>
</li>
<li>
<a href="https://github.com/ddcornwall/nara-alaskana/issues">
Report a bug
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main id="main-content">
<section class="usa-section usa-section-dark">
<div class="usa-grid">
<h1>NARA Alaskana Explorer 1.0</h1>
<p>Search the US National Archives for Alaska-related records and objects.</p>
<!-- Experimental code based on PJS todo list app at https://glitch.com/edit/#!/kiwi-cap -->
<fieldset>
<label for="keywords">Enter Search Terms:</label>
<input id="keywords" type="text">
<button id ="search" onclick="handlers.getSearch()">Search</button>
</fieldset>
<!--
<form id="form-container" class="usa-search js-search-form" role="search">
<div role="search">
<label for="keywords" class="usa-sr-only">Search keywords</label>
<input type="search" id="keywords" />
<button id="submit-btn" type="submit">
<img src="uswds-1.6.0/img/search.svg" alt="Search">
<span class="usa-sr-only">Search<</span></button>
</div>
</form>
-->
<p>Please note: It may take up to 90 seconds for records to appear. This is a <a href="https://github.com/ddcornwall/nara-alaskana/issues">known issue</a>.</p>
</div>
</section>
<!--Load most recent items with select metadata -->
<section class="usa-grid">
<div id="recent"></div>
</section>
<hr>
<div id="rBtn"><button id="fwd" onclick="handlers.pageFwd()">Next 10 records</button></div>
</main>
<footer class="usa-footer usa-footer-medium" role="contentinfo">
<div class="usa-grid usa-footer-return-to-top">
<a href="#">Return to top</a>
</div>
<div class="usa-footer-primary-section">
<div class="usa-grid">
<nav class="usa-footer-nav">
<ul class="usa-unstyled-list">
<li class="usa-footer-primary-link">
<a href="contributors.html">
Learn about our Contributors
</a>
</li>
</ul>
</nav>
</div>
</div>
</footer>
<!-- US Web Design Standards -->
<script src="uswds-1.6.0/js/uswds.min.js"></script>
<!-- Local JavaScript-->
<script src="js/search.js"></script>
</body>
</html>