<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta content="Australiaâs free online research portal. Trove is a collaboration between the National Library of Australia and hundreds of Partner organisations around Australia." name="description">
<link href="https://assets.nla.gov.au/favicons/trove/favicon-16.png" rel="icon" sizes="16x16">
<link href="https://assets.nla.gov.au/favicons/trove/favicon-32.png" rel="icon" sizes="32x32">
<link href="https://assets.nla.gov.au/favicons/trove/favicon-64.png" rel="icon" sizes="64x64">
<link href="https://assets.nla.gov.au/favicons/trove/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="https://assets.nla.gov.au/favicons/trove/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="https://assets.nla.gov.au/favicons/trove/apple-touch-icon-167x167.png" rel="apple-touch-icon" sizes="167x167">
<link href="https://assets.nla.gov.au/favicons/trove/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<meta content="Trove" name="apple-mobile-web-app-title">
<link href="https://assets.nla.gov.au/favicons/trove/android-icon-192x192.png" rel="icon" sizes="192x192">
<meta content="https://assets.nla.gov.au/favicons/trove/msapplication-square-70x70.png" name="msapplication-square70x70logo">
<meta content="https://assets.nla.gov.au/favicons/trove/msapplication-square-150x150.png" name="msapplication-square150x150logo">
<meta content="https://assets.nla.gov.au/favicons/trove/msapplication-square-310x310.png" name="msapplication-square310x310logo">
<meta content="https://assets.nla.gov.au/favicons/trove/msapplication-wide-310x150.png" name="msapplication-wide310x150logo">
<meta content="#FFFFFF" name="msapplication-TileColor">
<meta content="Trove" name="application-name">
<script defer="defer" src="https://assets.nla.gov.au/fonts/font-awesome-pro/5.9.0/js/all.min.js">
</script>
<title>
Trove
</title>
<script defer="defer" src="/static/js/chunk-vendors.c4473bec.js" type="module">
</script>
<script defer="defer" src="/static/js/app.384261cb.js" type="module">
</script>
<link href="/static/css/chunk-vendors.931e1315.css" rel="stylesheet">
<link href="/static/css/app.96fbae75.css" rel="stylesheet">
<script defer="defer" nomodule="" src="/static/js/chunk-vendors-legacy.64f64da9.js">
</script>
<script defer="defer" nomodule="" src="/static/js/app-legacy.b229cc20.js">
</script>
</head>
<body>
<noscript>
<strong>
We're sorry but Trove doesn't work properly without JavaScript enabled. Please enable it to continue.
</strong>
</noscript>
<script lang="js">
function troveInitErrorListener() {
troveInitError('Refresh to try again or <a href="/help/using-trove/browser-and-operating-system">check your browser version</a>.');
}
window.addEventListener('error', troveInitErrorListener);
function troveInitError(msg) {
var error = document.getElementById("loading-error");
var waiter = document.getElementById("waiter");
var hint = document.getElementById("hint");
if (error && waiter) {
error.className = '';
waiter.className = waiter.className + ' hide';
hint.innerHTML = msg || 'Refresh to try again.';
}
clearTimeout(troveInitTimeout);
window.removeEventListener('error', troveInitErrorListener);
}
var troveInitTimeout = setTimeout(function() {
troveInitError();
}, 60000);
</script>
<style>
.loading-placeholder {
font-family : "Source Sans Pro", Segoe UI, sans-serif !important;
flex : 1 0 auto;
margin : 0;
height : 100%;
}
.loading-placeholder .trove-logo {
padding-top : 1rem;
}
.loading-placeholder .header .header-line {
text-align : center;
min-height : 50px;
}
.loading-placeholder .header .header-bottom {
box-shadow : 0 2px 4px rgba(0, 0, 0, 0.1);
border-top : 1px solid #ddd;
}
.hide {
display : none;
}
.loading-placeholder .wait-content {
max-width : 40vw;
margin : auto;
padding-top : 10rem;
text-align : center;
}
.loading-placeholder .loading-text {
padding-top : 1rem;
}
.loading-placeholder .alert {
max-width : 1440px;
margin-left : auto;
margin-right : auto;
margin-top : 3rem;
}
.loading-placeholder .alert-danger {
color : black;
background-color : #ff733e;
}
.loading-placeholder .wait-content .rotate {
animation : waiter-rotation 2s infinite linear;
}
@keyframes waiter-rotation {
from {
transform : rotate(0deg);
}
to {
transform : rotate(-359deg);
}
}
</style>
<div id="app">
<div class="loading-placeholder">
<div class="header">
<div class="header-line">
<div class="header-spacing">
<div class="trove-logo">
<img alt="Trove logo" src="https://assets.nla.gov.au/logos/trove/trove-colour.svg" width="154">
</div>
</div>
</div>
<div class="header-bottom">
</div>
</div>
<div class="body">
<div class="wait-content" id="waiter">
<img class="rotate" src="https://assets.nla.gov.au/favicons/trove/favicon-64.png">
<div class="loading-text">
Loading...
</div>
</div>
<div class="hide" id="loading-error">
<div class="alert alert-danger">
<span class="fa fa-exclamation-triangle">
</span>
<span>
Trove is unable to load.
</span>
<span id="hint">
</span>
</div>
</div>
</div>
</div>
</div>
<script async="" defer="defer" src="https://www.google.com/recaptcha/api.js?hl=en">
</script>
</body>
</html>