-
Notifications
You must be signed in to change notification settings - Fork 0
/
browse.html
140 lines (113 loc) · 4.22 KB
/
browse.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Subject Browse | 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="Browse 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">
<div class="usa-grid">
<h1>Subject Browse</h1>
<p>Browse records in the US National Archives by an Alaska topic.</p>
<h2>Topics</h2>
<button onclick="handlers.getBrowse('newItems')">Newest records mentioning Alaska</button>
<button onclick="handlers.getBrowse('1964Quake')">1964 Earthquake Photos</button>
<button onclick="handlers.getBrowse('taskForcePhotos')">Alaska Task Force Photographs</button>
<button onclick="handlers.getBrowse('schNews')">BIA School Newspapers</button>
<button onclick="handlers.getBrowse('villageCensusRolls')">Village Census Rolls</button>
<hr>
<!--Provide brief introduction to materials being displayed -->
<div id="intro">
<p>Browse results will display here...</p>
</div>
<!--Load most items with select metadata -->
<div id="recent"></div>
<hr>
<div id="rBtn"><button id="fwd" onclick="loadData('pageFwd')">Next 10 records</button></div>
<div id="endList"></div>
</div>
</section>
</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>