CINXE.COM

<!DOCTYPE html> <html lang="en-GB"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://images.nationalarchives.gov.uk/","20240416165959","https://web.archive.org/","web","/_static/", "1713286799"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />   <script async src="https://web.archive.org/web/20240416165959js_/https://www.googletagmanager.com/gtag/js?id=G-2CP7QT8TDG"></script> <script async src="https://web.archive.org/web/20240416165959js_/https://www.googletagmanager.com/gtag/js?id=G-MMG01QDMNP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2CP7QT8TDG'); gtag('config', 'G-MMG01QDMNP'); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name="description" content="The National Archives"/> <meta property="og:title" content="The National Archives"/> <meta property="og:description" content="The National Archives"/> <meta property="og:image" content="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web_theme_2/img/capture_default.jpg"/> <link rel="apple-touch-icon" sizes="57x57" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/favicon-16x16.png"> <link rel="manifest" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://images.nationalarchives.gov.uk/wp-content/themes/capture_web-nationalArchives/img/icons/ms-icon-144x144.png"> <title>The National Archives – Image Library</title> <meta name="robots" content="max-image-preview:large"/> <script id="cookieyes" type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://cdn-cookieyes.com/client_data/e799f7ed92134035f8786d6b/script.js"></script><link rel="dns-prefetch" href="//web.archive.org/web/20240416165959/https://cdnjs.cloudflare.com/"/> <link rel="alternate" type="application/rss+xml" title="The National Archives » Feed" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/feed/"/> <link rel="alternate" type="application/rss+xml" title="The National Archives » Comments Feed" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/comments/feed/"/> <link rel="stylesheet" id="cwauth-style-group-css" href="https://web.archive.org/web/20240416165959cs_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/wp-oauth/wp-oauth.css,wp-content/themes/capture_web-nationalArchives/css/style.css,wp-includes/css/dist/block-library/style.min.css,wp-content/mu-plugins/capture-core/css/izi/iziToast.min.css,wp-content/mu-plugins/capture-core/css/izi/iziModal.min.css,wp-content/plugins/contact-form-7/includes/css/styles.css,wp-content/plugins/siteorigin-panels/css/front-flex.min.css,wp-content/plugins/wp-knowledgebase/template/style.css" type="text/css" media="all"/> <link rel="stylesheet" id="fa_styles-css" href="https://web.archive.org/web/20240416165959cs_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ver=1" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/wp-oauth/wp-oauth.js,wp-content/mu-plugins/capture-core/js/vendor/jsrender.min.js,wp-content/mu-plugins/capture-core/js/vendor/packery.min.js,wp-content/mu-plugins/capture-core/js/vendor/infinite-scroll.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery.mousewheel.js,wp-content/mu-plugins/capture-core/js/vendor/cookie.js,wp-content/mu-plugins/capture-core/js/vendor/touchswipe.min.js,wp-content/mu-plugins/capture-core/js/vendor/dropzone.js,wp-content/mu-plugins/capture-core/js/vendor/uppy-1.31.1.min.js,wp-content/mu-plugins/capture-core/js/vendor/vex.min.js"></script> <script type="text/javascript" id="cwauth-cvars-js-extra"> /* <![CDATA[ */ var cwauth_cvars = {"ajaxurl":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-admin\/admin-ajax.php","template_directory":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-content\/themes\/capture_web_theme_2","stylesheet_directory":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-content\/themes\/capture_web-nationalArchives\/css","plugins_url":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-content\/plugins","plugin_dir_url":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-content\/plugins\/wp-oauth\/","url":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk","login_message":"","logged_in":""}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/vendor/iziToast.min.js,wp-content/mu-plugins/capture-core/js/vendor/iziModal.min.js,wp-content/mu-plugins/capture-core/js/vendor/pdf.worker.js,wp-content/mu-plugins/capture-core/js/vendor/pdf.js,wp-content/plugins/wp-oauth/cvars.js"></script> <link rel="https://api.w.org/" href="https://images.nationalarchives.gov.uk/wp-json/"/><link rel="alternate" type="application/json" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/wp-json/wp/v2/pages/23"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://images.nationalarchives.gov.uk/xmlrpc.php?rsd"/> <link rel="canonical" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/"/> <link rel="shortlink" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/"/> <link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fimages.nationalarchives.gov.uk%2F"/> <link rel="alternate" type="text/xml+oembed" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fimages.nationalarchives.gov.uk%2F&format=xml"/> <script id="navBasketBox" type="text/x-jsrender"> <div class="basketPanelNav navSideItem"> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner" id="basketNavWidgetHolder"> <div class="sidebarSubTitle"> <h3>Default Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <a href="#" role="button" class="primary-button" id="addNewBasket">Add new</a> </div> <p class="hide loginForMoreMessageBasket">Please <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/login/" class="textLink02">sign in</a>/<a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/register/" class="textLink02">register</a> to add a cart</p> <div class="sidebarSubTitle saved"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script> <script id="basketSidebar" type="text/x-jsrender"> <div class="basketPanelSidebar"> <h1 class="screen-reader-text">Basket List</h1> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> <div class="sidebarSubTitle"> <h3>Default Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <button class="primary-button" id="addNewBasket">Add new</button> </div> <div class="sidebarSubTitle"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script><script type="text/javascript"> var ajaxurl = "https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/wp-admin/admin-ajax.php"; </script> <style type="text/css" media="all" id="siteorigin-panels-layouts-head">/* Layout 23 */ #pgc-23-0-0 , #pgc-23-1-0 , #pgc-23-2-0 , #pgc-23-5-0 , #pgc-23-7-0 , #pgc-23-8-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } #pg-23-0 , #pg-23-1 , #pg-23-2 , #pg-23-3 , #pg-23-4 , #pg-23-5 , #pg-23-6 , #pg-23-7 , #pl-23 .so-panel { margin-bottom:30px } #pl-23 #panel-23-1-0-0 , #pl-23 #panel-23-6-0-0 , #pl-23 #panel-23-6-1-0 { margin:50% 0% 0% 0% } #pl-23 #panel-23-1-0-1 , #pl-23 #panel-23-2-0-0 , #pl-23 #panel-23-5-0-2 , #pl-23 #panel-23-8-0-1 { margin:0px 0px 0px 0px } #pgc-23-3-0 , #pgc-23-3-1 , #pgc-23-3-2 , #pgc-23-4-0 , #pgc-23-4-1 , #pgc-23-4-2 { width:33.3333%;width:calc(33.3333% - ( 0.66666666666667 * 30px ) ) } #pgc-23-6-0 , #pgc-23-6-1 { width:50%;width:calc(50% - ( 0.5 * 30px ) ) } #pl-23 #panel-23-6-0-1 , #pl-23 #panel-23-6-1-1 { margin:0% 0% 0% 0% } #pl-23 .so-panel:last-of-type { margin-bottom:0px } #pg-23-0.panel-has-style > .panel-row-style, #pg-23-0.panel-no-style , #pg-23-1.panel-has-style > .panel-row-style, #pg-23-1.panel-no-style , #pg-23-3.panel-has-style > .panel-row-style, #pg-23-3.panel-no-style , #pg-23-4.panel-has-style > .panel-row-style, #pg-23-4.panel-no-style , #pg-23-5.panel-has-style > .panel-row-style, #pg-23-5.panel-no-style , #pg-23-6.panel-has-style > .panel-row-style, #pg-23-6.panel-no-style , #pg-23-7.panel-has-style > .panel-row-style, #pg-23-7.panel-no-style , #pg-23-8.panel-has-style > .panel-row-style, #pg-23-8.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } #pg-23-1> .panel-row-style , #pg-23-8> .panel-row-style { border:5% solid #ffffff } #panel-23-1-0-0> .panel-widget-style , #panel-23-6-0-0> .panel-widget-style , #panel-23-6-1-0> .panel-widget-style { border:50% solid #ffffff } #panel-23-1-0-1> .panel-widget-style , #panel-23-5-0-2> .panel-widget-style , #panel-23-8-0-1> .panel-widget-style { border:500px solid #ffffff;padding:0px 0px 0px 0px;border-radius:200px 200px 200px 200px } #pg-23-2> .panel-row-style { background-color:#dde5d5 } #pg-23-2.panel-has-style > .panel-row-style, #pg-23-2.panel-no-style { -webkit-align-items:center;align-items:center } #panel-23-2-0-0> .panel-widget-style { border:500px solid #ffffff;color:#00623b;padding:0px 0px 0px 0px;border-radius:200px 200px 200px 200px } #pg-23-3> .panel-row-style , #pg-23-4> .panel-row-style { border:0% solid #ffffff } #panel-23-5-0-1> .panel-widget-style { border:15% solid #ffffff } #panel-23-6-0-1> .panel-widget-style , #panel-23-6-1-1> .panel-widget-style { padding:0px 0px 0px 0px;border-radius:0% 0% 0% 0% } @media (max-width:780px){ #pg-23-0.panel-no-style, #pg-23-0.panel-has-style > .panel-row-style, #pg-23-0 , #pg-23-1.panel-no-style, #pg-23-1.panel-has-style > .panel-row-style, #pg-23-1 , #pg-23-2.panel-no-style, #pg-23-2.panel-has-style > .panel-row-style, #pg-23-2 , #pg-23-3.panel-no-style, #pg-23-3.panel-has-style > .panel-row-style, #pg-23-3 , #pg-23-4.panel-no-style, #pg-23-4.panel-has-style > .panel-row-style, #pg-23-4 , #pg-23-5.panel-no-style, #pg-23-5.panel-has-style > .panel-row-style, #pg-23-5 , #pg-23-6.panel-no-style, #pg-23-6.panel-has-style > .panel-row-style, #pg-23-6 , #pg-23-7.panel-no-style, #pg-23-7.panel-has-style > .panel-row-style, #pg-23-7 , #pg-23-8.panel-no-style, #pg-23-8.panel-has-style > .panel-row-style, #pg-23-8 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-23-0 > .panel-grid-cell , #pg-23-0 > .panel-row-style > .panel-grid-cell , #pg-23-1 > .panel-grid-cell , #pg-23-1 > .panel-row-style > .panel-grid-cell , #pg-23-2 > .panel-grid-cell , #pg-23-2 > .panel-row-style > .panel-grid-cell , #pg-23-3 > .panel-grid-cell , #pg-23-3 > .panel-row-style > .panel-grid-cell , #pg-23-4 > .panel-grid-cell , #pg-23-4 > .panel-row-style > .panel-grid-cell , #pg-23-5 > .panel-grid-cell , #pg-23-5 > .panel-row-style > .panel-grid-cell , #pg-23-6 > .panel-grid-cell , #pg-23-6 > .panel-row-style > .panel-grid-cell , #pg-23-7 > .panel-grid-cell , #pg-23-7 > .panel-row-style > .panel-grid-cell , #pg-23-8 > .panel-grid-cell , #pg-23-8 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-23-3-0 , #pgc-23-3-1 , #pgc-23-4-0 , #pgc-23-4-1 , #pgc-23-6-0 { margin-bottom:30px } #pl-23 .panel-grid-cell { padding:0 } #pl-23 .panel-grid .panel-grid-cell-empty { display:none } #pl-23 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } </style><link rel="icon" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/cropped-TNA-SQUARE-LOGO-NEGATIVE_thumbnail-32x32.jpg" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/cropped-TNA-SQUARE-LOGO-NEGATIVE_thumbnail-192x192.jpg" sizes="192x192"/> <link rel="apple-touch-icon" href="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/cropped-TNA-SQUARE-LOGO-NEGATIVE_thumbnail-180x180.jpg"/> <meta name="msapplication-TileImage" content="https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/cropped-TNA-SQUARE-LOGO-NEGATIVE_thumbnail-270x270.jpg"/> </head> <body class="home page-template-default page page-id-23 wp-custom-logo siteorigin-panels siteorigin-panels-before-js siteorigin-panels-home no-sidebar"> <div id="page" class="site"> <noscript> <div class="JSWarning"> <div class="JSWarningInner"> <p>For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="https://web.archive.org/web/20240416165959/http://activatejavascript.org/" target="_blank"> instructions how to enable JavaScript in your web browser</a>.</p> </div> </div> </noscript> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="masthead" class="site-header"> <div class="siteHeaderWrapper row"> <form class="hide"> <input type="hidden" id="cooURL" value="https://images.nationalarchives.gov.uk/api"/> <input type="hidden" id="uIP" value="207.241.236.173"/> <input type="hidden" id="lang_code" value=""/> <input type="hidden" id="currentSearchTerm" value=""/> <input type="hidden" id="stat" value="" data-logged="false"/> </form> <div class="site-branding col col-6"> <div class="corporateLogo"> <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/" class="logoHomeLink"> <img src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2022/04/TNA-SQUARE-LOGO-POSITIVE-01-720x720-1.png" alt="The National Archives Logo"/> <span class="screen-reader-hide">Home</span> </a> </div> </div> <nav id="site-navigation" class="main-navigation col col-6"> <div class="headerIcons"> <a href="#" class="headerLink cart" id="cartBtn" aria-label="Basket"><div class="icon"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div><div class="amountContainer"><span class="cartAmount">0</span><span class="screen-reader-text">Items in basket</span></div></a> </div> <a href="#" class="navMenu" role="button" aria-labelledby="screen-reader-main-menu"> <i class="fa fa-navicon" aria-hidden="true"></i> <span class="screen-reader-text" id="screen-reader-main-menu">Main menu</span> </a> <div class="menuContainer" aria-hidden="true" aria-labelledby="screen-reader-main-menu"> <div class="menuContainerInner"> <a href="#" class="closeMenu" role="button" aria-labelledby="screen-reader-close-menu"> <i class="fa fa-close" aria-hidden="true"></i> <span class="screen-reader-hide" id="screen-reader-close-menu">Close menu</span> </a> <div class="navItemDisplay" aria-hidden="true"> <div class="mobile"> <a href="#" class="closeNavItemDisplay" role="button" aria-labelledby="screen-reader-close-menu-item"> <i class="fa fa-chevron-right" aria-hidden="true"></i> <span class="screen-reader-hide" id="screen-reader-close-menu-item">Close menu item</span> </a> </div> <div class="navItemDisplayInner" id="navDisplayArea"> <div class="navLogoWrapper"> <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/" aria-labelledby="screen-reader-home"> <img src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/06/TNA-SQUARE-LOGO-White_new_2.jpg" alt="The National Archives Logo"/> <span class="screen-reader-hide" id="screen-reader-home">Home</span> </a> </div> </div> </div> <div class="navItems flexed"> <div class="navItemsInner"> <div class="navLogoWrapper mobile"> <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/" aria-label="Home"> <img src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/06/TNA-SQUARE-LOGO-White_new_2.jpg" alt="The National Archives Logo"/> <span class="screen-reader-hide">Home</span> </a> </div> <div class="navItemsMenu" role="navigation" aria-label="Main menu"> <ul class="menuToolsList"> <li><a href="#" role="button" class="toolbarLink search" id="searchBtn"><div class="icon"><i class="fa fa-search"></i></div>Search</a></li> <li><a href="#" role="button" class="toolbarLink user" id="userLoginBtn"><div class="icon"><i class="fa fa-user" aria-hidden="true"></i></div>Login / Register</a></li> <li><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/groups/" class="toolbarLink groups" id="groupsBtn"><div class="icon"><i class="fa fa-object-group"></i></div>Groups</a></li> <li><a href="#basketNavWidgetHolder" class="toolbarLink cart" id="cartLink"><div class="icon"><i class="fa fa-shopping-cart"></i></div>Basket</a></li> <li><a href="/web/20240416165959/https://images.nationalarchives.gov.uk/help/" class="toolbarLink helpMenu"><div class="icon"><i class="fa fa-question" aria-hidden="true"></i></div>Help</a></li> </ul> </div> </div> </div> </div> </div> </nav> </div> </header> <section aria-label="subheader"> <div class="header_placeholder"></div> <div class="pageSubHeader" aria-hidden="true"> <div class="pageSubHeaderInner row"> <div class="pageSubHeaderSearch"> <form class="searchFormHeader form " id="searchFormHeader" novalidate="" action="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/search/"> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="searchQueryHeader" class="hide">Search:</label> <input type="text" name="searchQuery" id="searchQueryHeader" class="searchQueryHeader textbox" placeholder="Search" autocomplete="on"> <button type="submit" class="iconButton SearchHomeButton inlineIconButton" aria-label="Search"> <i class="fa fa-search" aria-hidden="true"></i> <span class="screen-reader-hide">Search</span> </button> <div class="response"></div> </div> </div> </form> </div> <div class="subHeaderTools"> <div class="searchFilters"> <a href="#" role="button" class="headerIconButton searchFilter" title="Search filters"><i class="fa fa-sliders" aria-hidden="true"></i><span class="screen-reader-hide">Search filters</span></a> </div> </div> </div> </div> <div class="pageSubHeader_placeholder"></div> </section> <div id="content" class="site-content"> <aside class="sidebar" id="sidebar"> <a href="#" role="button" class="closeSidebar" title="Close sidebar"> <i class="fa fa-close" aria-hidden="true"></i> </a> <div class="content"></div> </aside> <div id="primary" class="content-area"> <main id="main" class="site-main"> <article id="post-23" class="post-23 page type-page status-publish has-post-thumbnail hentry"> <div class="entry-content"> <div id="pl-23" class="panel-layout"><div id="pg-23-0" class="panel-grid panel-no-style"><div id="pgc-23-0-0" class="panel-grid-cell"> <div class="homeSlideshowContainer homeHeroBanner hasNav"><div class="slideshowContainer" data-speed="8000"><ul class="slideshowItems"><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3.png" alt="" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3-300x195.png 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3-1024x667.png 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3-768x500.png 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3-1536x1000.png 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2024/04/Homepage_Dday3.png 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p style="text-align: left"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/asset/41558/">Operation Neptune, June 1944</a></p> </p></div></li><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574.png" alt="Fox terrier dogs at dinner table, with Bass Pale Ale beer bottl" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-300x195.png 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-1024x667.png 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-768x500.png 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-1536x1000.png 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574.png 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/asset/60939">Bass Pale Ale ad, 1896</a></p> </p></div></li><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738.jpg" alt="" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738-300x195.jpg 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738-1024x667.jpg 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738-768x500.jpg 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738-1536x1000.jpg 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/HOMEPAGE-1_London-INF3-1738.jpg 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/asset/44306/">London, 1939-1946</a></p> </p></div></li><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885.png" alt="All Sorts Of Things Picture Alphabet 1885" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885-300x195.png 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885-1024x667.png 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885-768x500.png 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885-1536x1000.png 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/COPY1-68-100-All-Sorts-Of-Things-Picture-Alphabet-1885.png 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p><a href="https://web.archive.org/web/20240416165959/http://images.nationalarchives.gov.uk/asset/52061">Picture Alphabet, 1885</a></p> </p></div></li><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885.png" alt="View over Brooklyn Bridge New York 1885" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885-300x195.png 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885-1024x667.png 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885-768x500.png 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885-1536x1000.png 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-COPY1-69-430-View-over-Brooklyn-Bridge-New-York-1885.png 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/asset/52098">New York, 1885</a></p> </p></div></li><li class="heroImage"><img decoding="async" src="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574.png" alt="Fox terrier dogs at dinner table, with Bass Pale Ale beer bottl" srcset="https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-300x195.png 300w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-1024x667.png 1024w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-768x500.png 768w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574-1536x1000.png 1536w, https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage_COPY1-426-574.png 1920w" sizes="(max-width: 544px) 700px, (min-width: 544px) and (max-width: 768px) 800px, (min-width: 768px) and (max-width: 992px) 1024px, (min-width: 992px) 1920px, 100vw"/><div class="backgroundOverlay light"></div><div class="creditInfo"><p><p><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/asset/60939">Bass Pale Ale ad, 1896</a></p> </p></div></li></ul></div><div class="heroContent"><div class="heroContentInner"> <h1 class="siteTitle">The National Archives Image Library</h1> <p class="intro-text"><p>Explore and license images from our collection, spanning 1000 years of history</p> </p> </div><div class="searchBox"> <form class="searchFormHome form " id="searchFormHome" novalidate action="/web/20240416165959/https://images.nationalarchives.gov.uk/search/"> <div class="formGroup clearfix"> <div class="formGroupItem flexFormGroup"> <label for="searchQueryHome" class="hide">Search:</label> <input type="text" name="searchQuery" id="searchQueryHome" class="searchQueryHome textbox" placeholder="Search"/> <button type="submit" class="iconButton SearchHomeButton inlineIconButton primary-button" aria-label="Search"><i class="fa fa-search" aria-hidden="true"></i></button> </div> <div class="response"></div> </div> </form> </div></div></div></div></div><div id="pg-23-1" class="panel-grid panel-has-style"><div class="panel-row-style panel-row-style-for-23-1"><div id="pgc-23-1-0" class="panel-grid-cell"> <div class="sectionHeading "> <div class="sectionHeading-inner"> <h2>Welcome to The National Archives Image Library: a collection which spans centuries, continents, and walks of life.</h2> </div> </div> <div class="copy"> <div class="copy-inner"> <p style="text-align: center">Whether you’re looking for written documents, maps, manuscripts or photographs, you can <strong>search and download high-quality images</strong> via this platform and license them to suit your needs.</p> <p style="text-align: center">If you want help with your project, we are on hand to support you in finding the right images. <strong>Contact us</strong> at:<br/> <a href="https://web.archive.org/web/20240416165959/mailto:image-library@nationalarchives.gov.uk">image-library@nationalarchives.gov.uk</a></p> <p style="text-align: center">—</p> <p style="text-align: center">For themed updates and archive picks, <a href="https://web.archive.org/web/20240416165959/https://pages.enews.nationalarchives.gov.uk/pages/imagelibrarynews">subscribe to our Image Library newsletter</a>.</p> <p> </p> </div> </div></div></div></div><div id="pg-23-2" class="panel-grid panel-has-style"><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-23-2" data-stretch-type="full"><div id="pgc-23-2-0" class="panel-grid-cell"> <div class="copy"> <div class="copy-inner"> <h3 style="text-align: center">Explore our curated collections: showcasing a small sample of The National Archives Image Library</h3> </div> </div></div></div></div><div id="pg-23-3" class="panel-grid panel-has-style"><div class="panel-row-style panel-row-style-for-23-3"><div id="pgc-23-3-0" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="50" data-instance="145b0906-5516-42d9-a14c-149af4673fc9"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature50-145b0906-5516-42d9-a14c-149af4673fc9" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div><div id="pgc-23-3-1" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="91" data-instance="bb709c46-eb7d-4563-a81a-827e67537e18"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature91-bb709c46-eb7d-4563-a81a-827e67537e18" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div><div id="pgc-23-3-2" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="87" data-instance="ff9f89a4-2695-44c4-903e-606e0f5291f2"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature87-ff9f89a4-2695-44c4-903e-606e0f5291f2" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div></div></div><div id="pg-23-4" class="panel-grid panel-has-style"><div class="panel-row-style panel-row-style-for-23-4"><div id="pgc-23-4-0" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="61" data-instance="419a4c18-f2dd-4169-951f-c41ab66fa149"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature61-419a4c18-f2dd-4169-951f-c41ab66fa149" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div><div id="pgc-23-4-1" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="76" data-instance="9c261171-06ab-4b54-9655-eae49cf4948a"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature76-9c261171-06ab-4b54-9655-eae49cf4948a" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div><div id="pgc-23-4-2" class="panel-grid-cell"><div class="groupFeatureWrapper textOver hasDesc " data-id="53" data-instance="bf4083ce-fdfe-4806-a143-db6977a516d0"> <div class="groupFeatureItem"> </div> </div> <script id="groupFeature53-bf4083ce-fdfe-4806-a143-db6977a516d0" type="text/x-jsrender"> <a href="/groupitem/{{:group.id_category}}/" title="{{:group.name}}" class="groupFeatureLink"> <div class="featureWrapper"> <div class="featureImage"> {{if leadAsset.preview.mimetype == "video/mp4"}} <video autoplay loop muted="muted"> <source src="{{:leadAsset.preview.url}}" type="video/mp4"> </video> {{else}} <img decoding="async" src="{{:leadAsset.preview.url}}" alt="{{:group.name}}"/> {{/if}}<div class="imageOverlay"></div></div> <div class="featureDetails"> <div class="groupName"> <h2 aria-hidden="true">{{:group.name}}</h2> </div> <div class="featureText clampText"><p>{{:group.description}}</p></div> </div> </div> </a> </script></div></div></div><div id="pg-23-5" class="panel-grid panel-no-style"><div id="pgc-23-5-0" class="panel-grid-cell"><div id="panel-23-5-0-0" class="so-panel widget widget_block panel-first-child" data-index="10"></div><div id="panel-23-5-0-1" class="so-panel widget widget_sow-button" data-index="11"><div class="panel-widget-style panel-widget-style-for-23-5-0-1"><div class="so-widget-sow-button so-widget-sow-button-wire-f60a60dc5b7c-23"><div class="ow-button-base ow-button-align-center"> <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/groups/" class="ow-icon-placement-bottom ow-button-hover"> <span> EXPLORE COLLECTIONS </span> </a> </div> </div></div></div> <div class="copy"> <div class="copy-inner"> <p style="text-align: center">—</p> </div> </div></div></div><div id="pg-23-6" class="panel-grid panel-no-style"><div id="pgc-23-6-0" class="panel-grid-cell"> <div class="sectionHeading "> <div class="sectionHeading-inner"> <h2>How to use The National Archives Image Library</h2> </div> </div> <div class="copy"> <div class="copy-inner"> <p style="text-align: center">You can use this site to search over <strong>80,000 unique images</strong> held in our online collection, either through using the search bar or browsing our <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/groups/"><strong>curated collections</strong></a> for inspiration.</p> <p style="text-align: center">Whilst a vast number of records have already been digitised, our Image Library currently showcases represent just a fraction of the millions of records held in The National Archives collection. If you don't find what you are looking for here, you can search <strong>our full record collection, <a href="https://web.archive.org/web/20240416165959/https://discovery.nationalarchives.gov.uk/">Discovery</a></strong> - the catalogue of The National Archives - and request specific images. Alternatively, you can arrange a visit to view and select the original documents onsite, or use a paid researcher to do so, via our search service - <a href="https://web.archive.org/web/20240416165959/https://www.nationalarchives.gov.uk/help-with-your-research/paying-for-research/">Paying for research at The National Archives</a>. Suitable material can be marked up and transferred to the Image Library for scans to be produced to order. Production of new images takes place during normal working hours, carried out by our expert digitisation team.</p> <p style="text-align: center"> For more information on how to use this site, head to the ‘<strong><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/help/">help</a></strong>’ section.</p> <p style="text-align: center">—</p> </div> </div></div><div id="pgc-23-6-1" class="panel-grid-cell"> <div class="sectionHeading "> <div class="sectionHeading-inner"> <h2>Image Quality, Fees and Usage</h2> </div> </div> <div class="copy"> <div class="copy-inner"> <p style="text-align: center">The images available to download from the Image Library are high-resolution TIFFs. Some files for large format documents will be extremely large. An <strong>option to select the file size</strong> appropriate for your purposes is provided at the point of download.</p> <p style="text-align: center">The Image Library supplies these high resolution digital images at a fixed fee of £38.75 per image. No further fee is payable for the purchase if required for personal use, research or study. Reproduction fees are payable for the use of images from The National Archives in books, magazines and journals, museum and gallery display, broadcast and film, and website use. Fees are scaled according to how the images will be used. The total fee is automatically calculated at checkout, and any discounts taken into account prior to purchase. A full breakdown of fees can be found via our <strong><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/prices/">price list</a></strong>.</p> <p style="text-align: center">If you have any other questions about The National Archives Image Library, please head to our <strong><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/faqs/">FAQs</a></strong>.</p> <p style="text-align: center">—</p> </div> </div></div></div><div id="pg-23-7" class="panel-grid panel-no-style"><div id="pgc-23-7-0" class="panel-grid-cell"> <div class="homeParallaxBanner"> <div class="parallaxBackground"> <div class="parallaxImage" style="background-image:url(https://web.archive.org/web/20240416165959im_/https://images.nationalarchives.gov.uk/wp-content/uploads/2023/05/Homepage-INF3-1510-Submarine-control-room.png) "> </div> <div class="backgroundOverlay" style="background: rgba(0,0,0,);"></div> <div class="parallaxContent"></div> </div> </div></div></div><div id="pg-23-8" class="panel-grid panel-has-style"><div class="panel-row-style panel-row-style-for-23-8"><div id="pgc-23-8-0" class="panel-grid-cell"><div id="panel-23-8-0-0" class="so-panel widget widget_sow-button panel-first-child" data-index="18"><div class="so-widget-sow-button so-widget-sow-button-flat-a77753bb37e6-23"><div class="ow-button-base ow-button-align-center"> <a href="https://web.archive.org/web/20240416165959/https://pages.enews.nationalarchives.gov.uk/pages/imagelibrarynews" class="ow-icon-placement-left ow-button-hover"> <span> <span class="sow-icon-fontawesome sow-far" data-sow-icon="" aria-hidden="true"></span> Subscribe to the Image Library newsletter </span> </a> </div> </div></div> <div class="copy"> <div class="copy-inner"> <h2 style="text-align: center">Get in touch</h2> <p style="text-align: center">We are on hand to assist in finding the right images for your project. You can reach us at: <a href="https://web.archive.org/web/20240416165959/mailto:image-library@nationalarchives.gov.uk">image-library@nationalarchives.gov.uk</a></p> <p> </p> <p style="text-align: center">—</p> </div> </div></div></div></div></div> </div> </article> </main> </div> </div> <footer id="colophon" class="site-footer"> <div class="footerInner"> <div class="footerMain"> <div class="footerMainInner row"> <div class="col col-3"> <section id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-footer-menu1-container"><ul id="menu-footer-menu1" class="menu"><li id="menu-item-174" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-174"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/about-us/">About us</a></li> <li id="menu-item-173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-173"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/contact-us/">Contact us</a></li> <li id="menu-item-171" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-171"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/prices/">Prices</a></li> <li id="menu-item-172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-172"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/faqs/">FAQs</a></li> <li id="menu-item-175" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-175"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/terms-and-conditions/">Terms and conditions</a></li> </ul></div></section> </div> <div class="col col-3"> <section id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-266" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-266"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/accessibility-statement/">Accessibility Statement</a></li> <li id="menu-item-273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-273"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/cookie-policy/">Cookie policy</a></li> </ul></div></section> </div> <div class="col col-3"> </div> <div class="col col-3"> </div> </div> </div> <div class="footerBar"> <div class="footerBarInner"> <div class="row"> <div class="copyright col col-5"> <span class="copyrightText">2024 © Copyright The National Archives</span> <div class="poweredByWrapper"> Powered by <a href="https://web.archive.org/web/20240416165959/http://www.capture.co.uk/" title="Powered by capture" target="_blank" class="poweredByAction">Capture</a> </div> </div> <div class="socialIcons col col-6"> <div class="socialMediaInner"> <div class="copy"> <div class="copy-inner"> <h4><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/about-us/">About us</a> | <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/contact-us/">Contact</a> | <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/prices/">Prices</a> | <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/faqs/">FAQs</a> | <a href="https://web.archive.org/web/20240416165959/https://www.nationalarchives.gov.uk/">The National Archives Website</a> | <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/terms-and-conditions/">T&Cs</a></h4> </div> </div> </div> </div> <div class="expander col col-1"> <a href="#" role="button" class="openFooterMain expandFooter" title="Expand footer"><i class="fa fa-chevron-up" aria-hidden="true"></i><span class="screen-reader-hide">Expand footer</span></a> </div> </div> </div> </div> </div> </footer> </div> <div class="notificationArea"></div>  <script id="assetOverlay" type="text/x-jsrender"> <div class="assetOverlay" data-id="{{:summary.idasset}}"> <a href="#" role="button" class="closeOverlay"> <i class="fa fa-close" aria-hidden="true"></i> <span class="screen-reader-text">Close preview</span> </a> <div class="overlayWrapper clearfix"> <div class="overlayInner"> </div> </div> </div> </script>  <script id="previewAsset" type="text/x-jsrender"> <div class="previewAssetWrapper"> <a href="#" role="button" class="prevAsset assetNavBtn" data-id="{{:summary.idasset}}"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="screen-reader-text">Previous asset</span></a> <div class="imageHugger {{if preview.mimetype == 'quicktime/panoramic'}}pano{{/if}}"> {{if preview.mimetype == "image/jpeg"}} <div itemscope itemtype="https://web.archive.org/web/20240416165959/http://schema.org/ImageObject"> <span class="schemaInfo" itemprop="name"></span> <img src="{{:preview.url}}" class="assetPreviewItem" itemprop="contentUrl" alt="{{if metadata.md2}}{{:metadata.md2.value}}{{/if}}" /> </div> {{/if}} {{if preview.mimetype == "image/png"}} <div itemscope itemtype="https://web.archive.org/web/20240416165959/http://schema.org/ImageObject"> <span class="schemaInfo" itemprop="name"></span> <img src="{{:preview.url}}" class="assetPreviewItem" itemprop="contentUrl" alt="{{if metadata.md2}}{{:metadata.md2.value}}{{/if}}" /> </div> {{/if}} {{if preview.mimetype == "video/ogg"}} <video controls loop> <source src="{{:preview.url}}" type="video/ogg"> </video> {{/if}} {{if preview.mimetype == "video/mp4"}} <video controls loop> <source src="{{:preview.url}}" type="video/mp4"> </video> {{/if}} {{if preview.mimetype == "application/pdf"}} <div class="pdf-viewer" id="pdfViewerContainer"> <div class="prevPage pageNavContainer"> <button id="prev" class="pageNav"><span class="icon"><i class="fa fa-angle-left" aria-hidden="true"></i></span><span class="label">Previous page</span></button> </div> <div class="canvas"> <canvas id="pdfViewer"></canvas> </div> <div class="nextPage pageNavContainer"> <button id="next" class="pageNav"><span class="icon"><i class="fa fa-angle-right" aria-hidden="true"></i></span><span class="label">Next page</span></button> </div> <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span> </div> {{/if}} {{if preview.mimetype == "quicktime/panoramic"}} <div id="photosphere"></div> {{/if}} {{if preview.mimetype == "application/octet-stream"}} <video id="video" controls></video> {{/if}} </div> <a href="#" role="button" class="nextAsset assetNavBtn" data-id="{{:summary.idasset}}"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="screen-reader-text">Next asset</span></a> </div> </script>  <script id="previewAssetDetails" type="text/x-jsrender"> <div class="previewPanelDetailsWrapper"> <div class="previewAssetDetails vScroll"> <div class="previewAssetDetailsWrapper"> <div class="previewAssetDetailsList"> <div class="previewAssetDetailsItem"> {{props metadata ~summary=summary}} {{if prop.value !== '' && prop.value !== null}} <span class="detail"> <span class="label">{{>prop.label}}:</span> {{if prop.label.indexOf('keyword') >= 0 || prop.label.indexOf('Keyword') >= 0}} <ul class="keywordList clearfix"> {{keywordTags:prop.value}} </ul> {{else key == 'md25' || key == 'md30' || key == 'md50' || key == 'md24'}} <span class="desc"><a href="{{>prop.value}}" target="_blank" rel="nofollow" class="textLink04">{{>prop.value}}</a></span> {{else}} <span class="desc">{{>prop.value}}</span> {{/if}} </span> {{/if}} {{/props}} <span class="label">Licencing Terms:</span> <span class="desc">View our <a href="/prices/" target="_blank" class="textLink04">Licencing Terms</a></span> </div> </div> </div> <div class="assetActions"> <ul class="actions clearfix"> {{if summary.license_types}} {{props summary.license_types ~idasset=summary.idasset}} {{if prop.is_physical_print}} <li><a href="#" class="printAsset printAssetIcon" data-id="{{:~idasset}}" title="This asset is available as a print. Click to add to basket and select print options"><i class="fa fa-print"></i></a></li> {{/if}} {{/props}} {{/if}} <li class="basketAddToIcon"><a href="#" class="addToBasket" title="Add to basket" data-id="{{:summary.idasset}}" data-title="Add to"><i class="fa fa-shopping-cart"></i></a></li> </li> </ul> </div> </div> <div class="previewAssetActionPanel hide"> <div class="previewAssetActionPanelInner"></div> </div> </div> </script> <script id="assetOnlyNotesArea" type="text/x-jsrender"> </script> <script id="assetDeleteNoteMessage" type="text/x-jsrender"> Are you sure you want to delete this note?</script> <script id="keywordTemplate" type="text/x-jsrender"> <li class="keywordItem"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/search/?searchQuery={{>}}" title="Search for {{>}}">{{>}}</a></li> </script>  <div class="downloadPanel"> <div class="downloadPanelInner"> <div class="animation"> <div class="loadingAnimation active"> <span class="hide">Loading...</span> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> <div class="message"> <p>Your download will start shortly, please do not navigate away from this page until the download prompt has appeared. Doing so may cause your download to be interrupted.</p> </div> </div> </div> <script id="projectForm" type="text/x-jsrender"> <form id="assetDownloadUsageForm" class="form"> <h2>Download</h2> {{if usage !== ''}} {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} <div id="parentUsage"> {{include tmpl="#usageForm" /}} </div> {{/if}} {{if sizes}} <div id="parentDownload"> </div> {{/if}} <div class="assetArea"> {{if available}} {{include tmpl="#downloadAssetList" /}} {{/if}} </div> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> <p class="disclaimer">By clicking Download you agree to the <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/terms-and-conditions/" class="textLink02" target="_blank">Terms and conditions</a></p> </form> </script> <script id="usageForm" type="text/x-jsrender"> {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_type}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem {{if is_required == true}} isRequired {{/if}}" placeholder="{{:form_label}}" autocomplete="on" /> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{if form_type == 'date'}} <div class="formGroupItem"> <label for="{{:form_name}}">{{:form_label}}</label> <input type="{{:form_type}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem {{if is_required == true}} isRequired {{/if}}" placeholder="{{:form_label}}" autocomplete="on" /> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{if form_type == 'textarea'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <textarea name="{{:form_name}}" class="textarea autoExpand usageFormElem {{if is_required == true}} isRequired {{/if}}" placeholder="{{:form_label}}" id="{{:form_name}}" rows="1" data-min-rows="1"></textarea> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{if form_type == 'select'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <select id="{{:form_name}}" class="select usageFormElem {{if is_required == true}} isRequired {{/if}}"> <option disabled="disabled" selected="selected" value="default">{{:form_label}}</option> {{props select_values}} <option value="{{>key}}">{{>prop}}</option> {{/props}} </select> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{/for}} </script> <script id="sizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/props}} </select> <div class="response"></div> </div> </script> <script id="imageSizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} {{if prop.base_type == 'image'}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/if}} {{/props}} </select> <div class="response"></div> </div> </script> <script id="videoSizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} {{if prop.base_type == 'video'}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/if}} {{/props}} </select> <div class="response"></div> </div> </script> <script id="saveAs" type="text/x-jsrender"> <div class="formGroupItem"> <label for="saveas" class="hide">Save as</label> <select name="saveas" class="select saveas" id="saveAsFormat"> {{props saveas}} <option value="{{>key}}">{{>prop}}</option> {{/props}} </select> <div class="response"></div> </div> </script> <script id="usageDisplay" type="text/x-jsrender"> {{for usage}} <p class="currentVal" id="{{:form_name}}-displayVal"></p> {{/for}} </script> <script id="downloadAssetList" type="text/x-jsrender"> {{props available ~usage=usage}} <div class="assetForDownload {{if prop.allowHR == false && prop.allowLR == false}} nd{{/if}}" data-id="{{>key}}"> <div class="assetForDownloadInner"> {{if prop.allowLR == true || prop.allowHR == true}} {{if ~usage && ~usage.length != 0}} <a href="#" class="iconEdit"> {{/if}} {{/if}} <div class="assetDetails"> <div class="thumb"> {{if prop.url}} <img src="{{>prop.url[3]}}" /> {{/if}} </div ><div class="details"> {{if prop.allowHR == false}} {{if prop.allowLR == false}} <div class="nd"> <p class="message">Asset not available to download</p> </div> {{else}} <div class="lowResOnly"> <p class="message">Asset only available in Low res</p> </div> {{/if}} {{/if}} <span class="hide" id="assetId">{{>key}}</span> {{if #parent.parent.parent.data.usage}} {{include #parent.parent.parent.data tmpl="#usageDisplay" /}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('image') >= 0}} <span class="downloadSizeDisplay"></span> {{/if}} </div> </div> {{if prop.allowLR == true || prop.allowHR == true}} {{if ~usage && ~usage.length != 0}} </a> <div class="edit"> <a href="#" class="iconEdit active editBtn"><span><i class="fa fa-pencil"></i></span></a> <a href="#" class="closeEditArea editBtn"><span><i class="fa fa-check"></i></span></a> </div> {{/if}} {{else}} <div class="edit"> <span class="notAllowed"><i class="fa fa-ban"></i></span> </div> {{/if}} </div> <div class="editArea clearfix"> {{if prop.allowLR == true || prop.allowHR == true}} {{if #parent.parent.parent.parent.data.usage}} {{include #parent.parent.parent.parent.data tmpl="#usageForm" /}} {{/if}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('image') >= 0}} {{include #parent.parent.parent.data tmpl="#imageSizesDrop" /}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('video') >= 0}} {{include #parent.parent.parent.data tmpl="#videoSizesDrop" /}} {{/if}} </div> </div> {{/props}} </script> <script id="cantDownload" type="text/x-jsrender"> <div class="error"> <p>You can not download the assets you have selected</p> </div> </script> <script id="downloadProgress" type="text/x-jsrender"> <div class="progressBarOutter"> <h2>Preparing download</h2> <div class="progressBarWrapper"> <div class="progressBar"> <div class="progressBarInner" style="width:{{:percentage}}%"></div> </div> <span class="percentage">{{:percentage}}%</span> </div> </div> </script> <script id="downloadAsyncMessage" type="text/x-jsrender"> <h2>Download is being prepared</h2> <p>Your download is being prepared and will appear in your My Downloads screen when available.</p> </script> <script id="downloadError" type="text/x-jsrender"> <h2 class="error">Download error</h2> </script> <script id="downloadErrorFailed" type="text/x-jsrender"> <h2 class="error">Download error</h2> <p>There has been an issue with your download:</p> <ul><li>{{:message}}</li></ul> </script> <script id="downloadErrorPermission" type="text/x-jsrender"> <p>This asset is not currently available to download.</p> </script> <script id="downloadAnimation" type="text/x-jsrender"> <div class="loadingAnimation active"> <span class="hide">Loading...</span> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </script> <script id="projectFormLightbox" type="text/x-jsrender"> <form id="lightboxDownloadUsageForm" class="form"> {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_name}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem" placeholder="{{:form_label}}" autocomplete="on" /> <div class="response"></div> </div> {{/if}} {{/for}} <p class="disclaimer">By clicking Download you agree to the <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/terms-and-conditions/" class="textLink02" target="_blank">Terms and conditions</a></p> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> </form> </script> <script id="projectFormGroup" type="text/x-jsrender"> <form id="groupDownloadUsageForm" class="form"> {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_name}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem" placeholder="{{:form_label}}" /> <span class="required">*</span> <div class="response"></div> </div> {{/if}} {{/for}} <p class="disclaimer">By clicking Download you agree to the <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/terms-and-conditions/" class="textLink02" target="_blank">Terms and conditions</a></p> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> </form> </script><script id="menuSidebarTemplate" type="text/x-jsrender"> <div class="menuHolder"> </div> <div class="languageSelector"> <div class="sidebarToolTitle"> <h2>Select Language:</h2> </div> <ul class="langList"> </ul> </div> </script><script id="errorFormElemTemplate" type="text/x-jsrender"> <div class="responseInner clearfix" role="alert" aria-labelledby="errorAlertStatus"> <div class="responseType"> <span class="icon"><i class="fa fa-warning"></i></span> <span class="type" id="errorAlertStatus">Error</span> </div> <p class="responseInfo"></p> </div> <a href="#" class="dismiss" aria-label="Dismiss this alert"><i class="fa fa-close" aria-hidden="true"></i></a> </script> <script id="successFormElemTemplate" type="text/x-jsrender"> <div class="responseInner clearfix" role="alert" aria-labelledby="successAlertStatus"> <div class="responseType"> <span class="icon"><i class="fa fa-check-circle-o"></i></span> <span class="type" id="successAlertStatus">Success</span> </div> <p class="responseInfo"></p> </div> <a href="#" class="dismiss" aria-label="Dismiss this alert"><i class="fa fa-close" aria-hidden="true"></i></a> </script> <script id="copiedText" type="text/x-jsrender"> <span>Copied...</span> </script> <script id="infoTitle" type="text/x-jsrender"> <span>Info</span> </script> <script id="successTitle" type="text/x-jsrender"> <span>Success</span> </script> <script id="errorTitle" type="text/x-jsrender"> <span>Error</span> </script> <script id="emptyMessage" type="text/x-jsrender"> <span>Empty field {{:placeholder}}</span> </script> <script id="notSupportedString" type="text/x-jsrender"> <span>Your value contains errors</span> </script> <script id="noPreviewMessage" type="text/x-jsrender"> Please log in to see this asset</script> <script id="noAssetPreviewMessage" type="text/x-jsrender"> This asset is not available</script> <script id="assetRestrictedPreviewMessage" type="text/x-jsrender"> This asset is restricted</script> <script id="selectDefaultMessage" type="text/x-jsrender"> <span>Please select an option</span> </script> <script id="pwdNoMatchMessage" type="text/x-jsrender"> <span>Passwords do not match</span> </script> <script id="pwdTooShortMessage" type="text/x-jsrender"> <span>Password too short must be at least 8 characters</span> </script> <script id="invalidEmailMessage" type="text/x-jsrender"> <span>The email address you have entered is invalid.</span> </script> <script id="invalidPatternMessage" type="text/x-jsrender"> <span>Invalid Entry Format</span> </script> <script id="notANumber" type="text/x-jsrender"> <span>Please enter a number</span> </script> <script id="termsNotChecked" type="text/x-jsrender"> <span>Please agree to the Terms and conditions before continuing</span> </script> <script id="registerdSuccessMessage" type="text/x-jsrender"> <span>Registered successfully</span> </script> <script id="registerdActivationMessage" type="text/x-jsrender"> <span>Registered successfully - Please check your email to verify your account</span> </script> <script id="registerdSponsorMessage" type="text/x-jsrender"> <span>Registered successfully - you will be notified via email when your account is approved</span> </script> <script id="registerdErrorMessage" type="text/x-jsrender"> <span>Error in registration</span> </script> <script id="resetNotifySuccessMessage" type="text/x-jsrender"> <span>Password reset request received, please check your email for further instructions</span> </script> <script id="resetConflictErrorMessage" type="text/x-jsrender"> <span>Password reset conflict, contact an Administrator</span> </script> <script id="resetNoUserErrorMessage" type="text/x-jsrender"> <span>User not found</span> </script> <script id="passwordChangeSuccessMessage" type="text/x-jsrender"> <span>Password change complete, thanks</span> </script> <script id="passwordChangeErrorMessage" type="text/x-jsrender"> <span>Your current password is incorrect</span> </script> <script id="vexOk" type="text/x-jsrender"> OK</script> <script id="vexCancel" type="text/x-jsrender"> Cancel</script> <script id="userPasswordExpiry" type="text/x-jsrender"> Your current password is due to expire in {{>}} days, please change your password before to ensure you can continue to use you account. Click ok to change now</script> <script id="splitArray" type="text/x-jsrender"> <span>{{>}}</span> </script> <script id="loadingSpinner" type="text/x-jsrender"> <div class="lds-wrapper"> <div class="lds-back"></div> <div class="lds-roller"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="loadingMessage"> <h3>{{:message}}</h3> </div> </div> </script> <script id="pageTitle" type="text/x-jsrender"> <h1 class="screen-reader-text">{{>}}</h1> </script>  <div class="assetPreviewBg"></div> <script id="noBasketItemTemplate" type="text/x-jsrender"> <div class="noBaskets"> <span class="message">You have no baskets at the moment</span> </div> </script> <script id="basketDeleteAssetMessage" type="text/x-jsrender"> Are you sure you want to delete this asset?</script> <script id="basketDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete {{:name}}?</script> <script id="basketRenameMessage" type="text/x-jsrender"> Enter the new name for the basket</script> <script id="basketNameMessage" type="text/x-jsrender"> basket name</script> <script id="basketNewMessage" type="text/x-jsrender"> Enter name for new basket</script> <script id="assetAlreadyInBasket" type="text/x-jsrender"> Asset is already in basket</script> <script id="assetCallMePrice" type="text/x-jsrender"> Restricted asset. Please contact our sales department.</script> <script id="assetNoPermissionBasket" type="text/x-jsrender"> You have not been permitted to add this to this basket</script> <script id="noDefaultBasket" type="text/x-jsrender"> You do not have a default basket set. Please set a default basket from the side panel</script> <script id="assetAddedToBasket" type="text/x-jsrender"> Asset added to {{:name}}</script> <script id="assetSuccessBasket" type="text/x-jsrender"> Success</script> <script id="basketCreateSuccess" type="text/x-jsrender"> New Basket</script> <script id="basketCreated" type="text/x-jsrender"> Basket created</script> <script id="assetErrorBasket" type="text/x-jsrender"> Info</script> <script id="basketCheckoutError" type="text/x-jsrender"> <li>{{:message}}</li> </script> <script id="removeEcomContactMessage" type="text/x-jsrender"> Are you sure you wish to remove this contact?</script> <script id="basketDeleteDefaultLicenseMessage" type="text/x-jsrender"> Are you sure you wish to remove this default license?</script> <script id="removeDeliveryMethodMessage" type="text/x-jsrender"> Are you sure you wish to remove this delivery method?</script> <script id="pleaseSelectALicense" type="text/x-jsrender"> Please select a license to proceed</script> <script id="noItemsBasket" type="text/x-jsrender"> <div class="emptyBasketMessage"> There are no items in your basket </div> </script> <script id="createABasket" type="text/x-jsrender"> Create a basket</script> <script id="payOnAccountAlert" type="text/x-jsrender"> Do you really want to buy these assets on account? Download will begin immediately</script> <script id="payWithCreditsAlert" type="text/x-jsrender"> Do you really want to buy these assets with credits? Download will begin immediately</script> <script id="noItemsOrder" type="text/x-jsrender"> <div class="emptyBasketMessage"> There are no items in your order </div> </script> <script id="cartAmount" type="text/x-jsrender"> <div class="amountContainer"> <span class="cartAmount">{{:amount}}</span> </div> </script> <script id="cartLinkAmount" type="text/x-jsrender"><div class="hoverMenu"> <a href="/basket/{{:basket_id}}" class="basketAmountLink" title="Go to basket"> <i class="fa fa-chevron-right"></i> </a> <div class="amountContainer"> <span class="cartAmount">{{:amount}}</span> </div> </div> </script> <script id="noSavedLicensee" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved licensee addresses</p> </div> </script> <script id="noSavedBilling" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved billing addresses</p> </div> </script> <script id="noSavedMethods" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved delivery methods</p> </div> </script> <script id="loginForEcom" type="text/x-jsrender"> <p>Please <a class="textLink02" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/login/">Login</a> or <a class="textLink02" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/register/">Register</a> to add to basket</p> </script> <script id="navLoginBoxEcom" type="text/x-jsrender"> <div class="ecomLoginFormWrapper"> <h2>Please login or register to continue</h2> <div class="loginFormPopup"> <div class="signinForm"> <h3>I already have an account</h3> <form class="loginForm form" id="loginFormSidebar" method="post" novalidate action="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk?connect=capture"> <input type="hidden" id="uIP" name="ip_address" value="207.241.236.173" disabled="disabled" /> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="email" class="hide">Email</label> <input type="text" name="email" id="email" class="email textbox" placeholder="Email" autocomplete="on" /> <div class="response"></div> </div> <div class="formGroupItem"> <label for="password" class="hide">Password</label> <input type="password" name="password" id="password" class="password textbox" placeholder="Password" /> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" id="sidebarLoginSubmit" class="primary-button searchBtn" value="Login" /> </div> </div> </form> <a class="textLink" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/login/forgot/">Forgotten password?</a> </div> <div class="registerForm"> <h3>I am a new user</h3> <a class="ecomRegisterButton primary-button" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/register/">Register</a> </div> </div> </div> </script> <script id="invoiceUpdatePONumberMessage" type="text/x-jsrender"> Enter the P.O. number for the invoice</script> <script id="invoicePONumberMessage" type="text/x-jsrender"> P.O. number</script> <script id="basketDashTitle" type="text/x-jsrender"> Baskets</script>  <script id="basketWidgett" type="text/x-jsrender"> <div class="basketWidget" id="basketWidget"> <div class="basketTableWrapper"> <table class="tableFullWidth table basketTable"> <thead> <tr> <th>Basket name</th> <th>Items</th> <th>Open</th> <th>Default</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="basketWidgetItem" type="text/x-jsrender"> <tr> <td>{{:name}}</td> <td>{{:item_count}}</td> <td><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/basket/{{:basket_id}}/" data-id="{{:basket_id}}">Open</a></td> <td> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" role="button" class="setDefaultBasket" data-default="{{:is_default}}" data-id="{{:basket_id}}" title="Set this as the default basket"> <i class="fa fa-star-o"></i> </a> {{/if}} </td> </tr> </script> <script id="noBasketWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No baskets</span></td> </tr> </script> <script id="ordersDashTitle" type="text/x-jsrender"> Orders</script> <script id="orderWidget" type="text/x-jsrender"> <div class="orderWidget" id="orderWidget"> <div class="orderTableWrapper"> <table class="tableFullWidth table orderTable"> <thead> <tr> <th>Date</th> <th>Open</th> <th>Order</th> <th>Expiry date</th> <th>Actions</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="orderWidgetItem" type="text/x-jsrender"> <tr> <td>{{dateFormat:create_date_time}}</td> <td><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/order/{{:order_id}}" data-id="{{:order_id}}">Open</a></td> <td>{{:download_filename}}</td> <td> {{if download_filename}} {{if download_expired == false}} {{dateFormat:expiry_date}} {{else}} Expired {{/if}} {{/if}} </td> <td> {{if download_expired == false && download_filename}} <a href="#" class="resendLinks" data-id="{{:order_id}}">Download</a></td> {{/if}} </td> </tr> </script> <script id="noOrderWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No orders</span></td> </tr> </script> <script id="invoicesDashTitle" type="text/x-jsrender"> Invoices</script> <script id="invoiceWidget" type="text/x-jsrender"> <input type="hidden" id="companyNameBasket" readonly="readonly" value="The National Archives" /> <div class="invoiceWidget" id="invoiceWidget"> <div class="invoiceTableWrapper"> <table class="tableFullWidth table invoiceTable"> <thead> <tr> <th>Issue date</th> <th>Due date</th> <th>Notes</th> <th>View</th> <th>Status</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="invoiceWidgetItem" type="text/x-jsrender"> <tr> <td>{{dateFormated:issue_date}}</td> <td>{{dateFormated:due_date}}</td> <td>{{:notes}}</td> <td><a href="#" data-id="{{:invoice_id}}" class="getInvoice">Get invoice</a></td> <td> {{if status == 'paid'}} <span>Paid</span> {{else status == 'unpaid'}} <a href="#" data-id="{{:invoice_id}}" class="payInvoice" {{if pricing && pricing.price}}data-amount="{{:pricing.price}}" data-currency="{{:pricing.currency.code}}"{{/if}}>Pay invoice</a> {{/if}} </td> </tr> </script> <script id="noInvoiceWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No invoices</span></td> </tr> </script> <script id="bundlesDashTitle" type="text/x-jsrender"> Packages and subscriptions</script> <script id="bundleWidgett" type="text/x-jsrender"> <div class="bundleWidget" id="bundleWidget"> <div class="bundleTableWrapper"> <table class="tableFullWidth table bundleTable"> <thead> <tr> <th>Bundle name</th> <th>Credits</th> <th>Expires</th> <th>Asset type</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="bundleWidgetItem" type="text/x-jsrender"> <tr> <td>{{if bundle_name}}{{:bundle_name}}{{else}}Package extra{{/if}}</td> <td>{{:credits_remaining}} / {{:credits_number}}</td> <td>{{dateFormat:end_date}}</td> <td>{{if base_types}}{{:base_types}}{{else}}All{{/if}}</td> </tr> </script> <script id="noBundleWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No bundles</span></td> </tr> </script> <script id="merchantDetails" type="text/x-jsrender"> <div class="merchantDetails"> <div class="merchantDetailsInner"> </div> </div> </script> <script id="paymentFormError" type="text/x-jsrender"> <h2>Payment failed</h2> <p>Sorry your payment has failed please contact us and quote the following:</p> <p>{{:error.summary}}</p> </script> <script id="paymentMethodWrapper" type="text/x-jsrender"> <div class="paymentMethodsWrapper"> <div class="title"> <h3>Select a payment method</h3> </div> <div class="paymentMethodsInner"> </div> </div> </script> <script id="noPaymentMethodsReturned" type="text/x-jsrender"> <p>{{:error.summary}}</p> </script> <script id="paymentMethodItem" type="text/x-jsrender"> <div class="paymentMethodItem"> <a href="#" role="button" class="linkToPaymentMethod" data-id="{{:payment_system_id}}"> <span class="icon"> {{if description.indexOf('Account') >= 0}} <i class="fa fa-user-circle"></i> {{else description.indexOf('Card') >= 0}} <i class="fa fa-credit-card"></i> {{else}} <i class="fa fa-gbp"></i> {{/if}} </span> {{:description}} - {{:name}} </a> </div> </script> <script id="paymentFormWorldpayHosted" type="text/x-jsrender"> <div id="worldpayHosted"></div> </script><script id="quickLicenseWrapper" type="text/x-jsrender"> <div class="assetQuickBuy quickBuyContainer previewAssetActionItem"> <a href="#" class="previewNavItem showNotes" title="Show notes"><span><i class="fa fa-angle-left"></i></span></a> <div class="sectionTitle"> <h3>License options</h3> </div> <div class="licenseOptionsContainer"> <div class="formGroup clearfix groupedOptions"> </div> </div> <div class="applyQuickBuy"> <a href="#" class="icon-button applyQuickAddToBasket" title="Add to cart with selected license"><i class="fa fa-shopping-cart"></i></a> <a href="#" class="primary-button applyQuickBuyButton" title="Buy it now with selected license">Buy it now</a> </div> </div> </script> <script id="quickLicenseItem" type="text/x-jsrender"> <div class="formGroupItem clearfix quickLicenseItem"> <div class="preview"> <input type="radio" class="licenseValue" id="option{{:ecom_license_id}}" name="quickBuyOption" value="{{:ecom_license_id}}" /><label for="option{{:ecom_license_id}}"><div class="labelWrapper"><div class="descriptionContent"><span class="name">{{:name}}</span></div><span class="price">{{:pricing.currency.prefix}}{{currency:pricing.net_price}}</span></div></label> </div> <span class="description">{{:description}}</span></span> </div> </script>  <script id="basketSidebarTemplate" type="text/x-jsrender"> <div class="basketSidebarPanel"> <div class="sidebarToolTitle"> <h2>Baskets</h2> </div> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> <div class="sidebarSubTitle"> <h3>Current Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <a href="#" class="primary-button" id="addNewBasket">Add new</a> </div> <div class="sidebarSubTitle"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script> <script id="basketItemTemplate" type="text/x-jsrender"> <div class="basketListItem" data-id="{{:basket_id}}"> <div class="basketItemInner"> {{if asset}} <div class="basketBg"><img src="{{:asset}}" /></div> {{/if}} <div class="basketDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefaultBasket" data-default="" data-id="{{:basket_id}}" title="Set {{:name}} as the default basket"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="basketName"> <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/basket/{{:basket_id}}" class="openBasket" data-id="{{:basket_id}}"> <h3>{{:name}}</h3> </a> </div> <div class="basketMenuContainer"> <a href="#" class="basketMenuTrigger" data-id="{{:basket_id}}" title="Basket options"> <i class="fa fa-navicon"></i> </a> <ul class="basketMenu" data-id="{{:basket_id}}" data-name="{{:name}}"> <li><a href="#" class="basketContextRename">Rename</a></li> </ul> </div> <div class="basketCount"> <span class="basketNumber">{{:item_count}}</span> </div> </div> </div> </div> </script>  <script id="groupsSidebarTemplate" type="text/x-jsrender"> <div class="groupsSidebarPanel"> <div class="sidebarToolTitle"> <h2>Groups</h2> </div> <div class="contentBlock"> <div class="sidebarItem groupsListBlock"> <ul class="groupsList"> </ul> </div> </div> </div> </script> <script id="groupParentItemTemplate" type="text/x-jsrender"> <li class="parentItem"> {{if children}} <a href="#" class="openChildList"><i class="fa fa-chevron-right"></i></a> {{/if}} <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/groupitem/{{:id_category}}" data-id="{{:id_category}}" title="{{:name}}">{{:name}}</a> {{if children}} {{include tmpl="#groupParentChildrenListTemplate" /}} {{/if}} </li> </script> <script id="groupParentChildrenListTemplate" type="text/x-jsrender"> <ul class="childList"> {{for children tmpl='#groupChildItemTemplate'}} <b>{{>name}}</b> {{/for}} </ul> </script> <script id="groupChildItemTemplate" type="text/x-jsrender"> <li class="childItem" data-parent={{:id_parent}}> {{if children}} <a href="#" class="openChildList"><i class="fa fa-chevron-right"></i></a> {{/if}} <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/groupitem/{{:id_category}}" data-id="{{:id_category}}" title="{{:name}}">{{:name}}</a> {{if children}} {{include tmpl="#groupParentChildrenListTemplate" /}} {{/if}} </li> </script> <script id="lightboxSharingForm" type="text/x-jsrender"> <div class="lightboxSharingWrapper"> <h2 class="formGroupTitle">You are about to share {{:name}}</h2> <div class="lightboxSharingInner"> <div class="shareSelector"> <a href="#" role="button" class="shareByLink shareLinkOption active">Link</a> <a href="#" role="button" class="shareByEmail shareLinkOption">Email</a> </div> <div class="sharingContentInner"> <p>Share view only via a link</p> <a href="#" role="button" class="primary-button getLightboxShareLink">Get link</a> <div class="inputShareURL"> <label for="lightboxShareURL" class="hide">Lightbox share URL</label> <input type="text" readonly="readonly" class="lightboxShareURL" id="lightboxShareURL" /> <button class="copyURL">Copy URL</button> </div> </div> </div> </div> </script> <script id="lightboxSharingEmailForm" type="text/x-jsrender"> <div class="shareFormAreaInner"> <h3>Share via Email</h3> <form class="shareLightboxForm form" id="shareLightboxForm" novalidate> <input type="hidden" value="{{:id}}" id="lightboxId" /> <input type="hidden" value="{{:name}}" id="lightboxName" /> <input type="hidden" value="The lightbox {{:name}} has been shared with you." id="lightboxSubject" /> <h2 class="formGroupTitle">You are about to share {{:name}}</h2> <div class="emailRecipient"> <div class="formGroupItem"> <label for="shareLightboxEmailEntry" class="hide">Email address</label> <textarea name="email_recipient" class="shareLightboxEmail textarea autoExpand" placeholder="Email address (Who to share with)" rows="1" data-min-rows="1" id="shareLightboxEmailEntry"></textarea> <span class="required">*</span> <div class="response"></div> </div> <div class="emailBlockDisplay"> </div> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox sendEmail" name="supress_email" id="sendEmail" checked="checked" /> <label for="sendEmail"> <span class="checkboxText">Send email notification to the user(s)</span> </label> </div> <div class="formGroupItem"> <label for="shareLightboxEmailSubject" class="hide">Subject:</label> <textarea name="email_subject" class="shareLightboxEmailSubject textarea autoExpand" placeholder="Subject" rows="1" data-min-rows="1" id="shareLightboxEmailSubject"></textarea> </div> <div class="formGroupItem"> <p>Select Collaborative to allow the lightbox to be edited, copy for a locked lightbox.</p> <input type="radio" name="share_type" id="share_dynamic" value="dynamic"> <label for="share_dynamic" class="formRadioLabel">Collaborative</label> <input type="radio" name="share_type" id="share_static" value="static" checked="checked"> <label for="share_static" class="formRadioLabel">Copy</label> <input type="radio" name="share_type" id="share_view" value="dynamic"> <label for="share_view" class="formRadioLabel">View only</label> </div> <div class="dynamicOptions hide"> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="annotate_permission" id="shareLightboxCanAnnotate" checked="checked" /> <label for="shareLightboxCanAnnotate"> <span class="checkboxText">Can annotate</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="delete_permission" id="shareLightboxCanDelete" checked="checked" /> <label for="shareLightboxCanDelete"> <span class="checkboxText">Can delete</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="add_permission" id="shareLightboxCanAdd" checked="checked" /> <label for="shareLightboxCanAdd"> <span class="checkboxText">Can add</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="clone_permission" id="shareLightboxCanClone" checked="checked" /> <label for="shareLightboxCanClone"> <span class="checkboxText">Can clone</span> </label> </div> </div> <div class="formGroup clearfix"> <input type="submit" class="primary-button" value="Share" /> </div> </form> </div> </script> <script id="lightboxSharingLinkForm" type="text/x-jsrender"> <p>Share view only via a link</p> <a href="#" role="button" class="primary-button getLightboxShareLink">Get link</a> <div class="inputShareURL"> <label for="lightboxShareURL" class="hide">Lightbox share URL</label> <input type="text" readonly="readonly" class="lightboxShareURL" id="lightboxShareURL" /> <button class="copyURL">Copy URL</button> </div> </script> <script id="emailBlockElem" type="text/x-jsrender"> <div class="emailBlockItem" data-id="{{:#index}}"> <div class="emailBlockItemInner"> <div class="name"> {{lowerCase:>}} </div> <div class="removeThisEmail"> <a href="#" role="button" class="removeThisEmailAction" data-id="{{:#index}}"> <i class="fa fa-trash" aria-hidden="true"></i> <span class="screen-reader-text">Remove email {{lowerCase:>}}</span> </a> </div> </div> </div> </script> <script id="sharedMessageSuccess" type="text/x-jsrender"> Lightbox {{:name}} shared with {{:share_recipient}} </script> <script id="noLightboxItemTemplate" type="text/x-jsrender"> <div class="noLightboxes"> <span class="message">You have no lightboxes at the moment, why not create a new one to get started!</span> </div> </script> <script id="lightboxDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete {{:name}} lightbox?</script> <script id="AssetDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete these assets?</script> <script id="lightboxDeleteNoteMessage" type="text/x-jsrender"> Are you sure you want to delete this note?</script> <script id="lightboxCloneMessage" type="text/x-jsrender"> Enter the new name for the lightbox clone</script> <script id="lightboxRenameMessage" type="text/x-jsrender"> Enter the new name for the lightbox</script> <script id="lightboxNameMessage" type="text/x-jsrender"> lightbox name</script> <script id="lightboxNewMessage" type="text/x-jsrender"> Enter name for new lightbox</script> <script id="cannotCreateAnotherLightbox" type="text/x-jsrender"> Login to create another lightbox</script> <script id="createALightbox" type="text/x-jsrender"> Create a Lightbox</script> <script id="assetAlreadyInLightbox" type="text/x-jsrender"> Asset is already in lightbox</script> <script id="downloadApprovedMessage" type="text/x-jsrender"> The Lightbox cannot accept any new assets</script> <script id="assetNoPermission" type="text/x-jsrender"> You have not been permitted to add this to this lightbox</script> <script id="noDefaultLightbox" type="text/x-jsrender"> You do not have a default lightbox set. Please set a default ligthbox from the side panel</script> <script id="assetAddedToLightbox" type="text/x-jsrender"> Asset added to {{:name}}</script> <script id="assetSuccess" type="text/x-jsrender"> Success</script> <script id="lightboxPanelOpened" type="text/x-jsrender"> Lightbox opened</script> <script id="assetError" type="text/x-jsrender"> Info</script> <script id="lightboxChildMessage" type="text/x-jsrender"> Please add child lightbox name</script> <script id="renameLightboxForm" type="text/x-jsrender"> <h3>Rename lightbox</h3> <p>Add a new name for the lightbox</p> <form class="renameLightbox form" id="renameLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxNewName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNewName" class="lightboxNewName textbox" placeholder="Lightbox Name" value="{{:>}}" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Rename Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script> <script id="cloneLightboxForm" type="text/x-jsrender"> <h3>Clone lightbox</h3> <p>Add a name for the lightbox clone</p> <form class="cloneLightbox form" id="cloneLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxCloneName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxCloneName" class="lightboxCloneName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Clone Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script> <script id="createLightboxForm" type="text/x-jsrender"> <h3>Create lightbox</h3> <p>Add a name for the new lightbox</p> <form class="createLightbox form" id="createLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxName" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script>  <script id="lightboxWidgett" type="text/x-jsrender"> <div class="lightboxWidget" id="lightboxWidget"> <div class="lightboxTableWrapper"> <table class="lightboxTable tableFullWidth table"> <thead> <tr> <th>Lightbox name</th> <th>Items</th> <th>Open</th> <th>Default</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="lightboxDashTitle" type="text/x-jsrender"> Lightboxes</script> <script id="lightboxWidgetItem" type="text/x-jsrender"> <tr> <td>{{:name}}</td> <td>{{:item_count}}</td> <td><a href="#" class="openLightboxPanel" data-id="{{:id_lightbox}}">Open</a></td> <td> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefaultLighboxUserDash" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </td> </tr> </script> <script id="noLightboxWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No lightboxes</span></td> </tr> </script> <script id="navLightboxBox" type="text/x-jsrender"> <div class="lightboxNav navSideItem"> <div class="contentBlock"> <div class="lightboxList"> <div class="lightboxListInner"> <div class="sidebarSubTitle"> <h3>Current lightbox</h3> </div> <div class="currentLightbox"> </div> <div class="newLightboxFormArea"> <div class="sidebarSubTitle newLb"> <h3>Create new lightbox</h3> </div> <form class="newLightbox form" id="newLightboxFormSidebar" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxNameSidebar" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNameSidebar" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> <p class="hide loginForMoreMessage">Please <a href="/login" class="textLink02">sign in</a>/<a href="/register" class="textLink02">register</a> to get multiple lightboxes</p> </div> <div class="sidebarSubTitle saved"> <h3>Saved lightboxes</h3> </div> <div class="savedLightboxes"> </div> </div> </div> </div> </div> <div class="basketPanelNav navSideItem"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> </div> </div> </div> </div> </script> <script id="navLightboxItemTemplate" type="text/x-jsrender"> <div class="lightboxListItem" data-id="{{:id_lightbox}}" data-name="{{lowerCase:name}}"> <div class="lightboxItemInner"> <div class="lightboxDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" role="button" class="setDefault" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="lightboxName"> <a href="#" role="button" class="openLightbox" data-id="{{:id_lightbox}}"> <h3> {{:name}} {{if is_shared}} <span class="shared">(Shared)</span> {{/if}} </h3> </a> </div> <div class="lightboxMenuContainer"> <a href="#" role="button" class="lightboxMenuTrigger" data-id="{{:id_lightbox}}" title="Lightbox options"> <i class="fa fa-navicon"></i> </a> <ul class="lightboxMenu" data-id="{{:id_lightbox}}" data-name="{{:name}}"> {{if is_shared}} <li><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" role="button" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{if permissions.clone_permission}} <li><a href="#" role="button" class="lightboxContextClone">Clone</a></li> {{/if}} {{if permissions.annotate_permission}} <li><a href="#" role="button" class="lightboxNotes" data-id="{{:id_lightbox}}" data-name="{{:name}}">Notes</a></li> {{/if}} {{else}} <li><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" role="button" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{/if}} </ul> </div> <div class="lightboxCount"> <span class="lightboxNumber">{{:item_count}}</span> </div> </div> </div> <div class="droppablePanel"> <div class="copyPanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Copy</h3> </div> <div class="movePanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Move</h3> </div> </div> <div class="dropHereTarget"> <p>Add to {{:name}}</p> </div> </div> </script>  <script id="lightboxSidebarTemplate" type="text/x-jsrender"> <div class="lightboxSidebarPanel"> <div class="sidebarToolTitle"> <h2>Lightboxes</h2> </div> <div class="contentBlock"> <div class="sidebarItem lightboxItem"> <div class="lightboxList clearfix"> <div class="newLightboxFormArea"> <form class="newLightbox form" id="newLightboxFormSidebar" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNameSidebar" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </div> <div class="lightboxListInner"> <div class="sidebarSubTitle"> <h3>Saved Lightboxes</h3> </div> </div> </div> </div> </div> </div> </script> <script id="lightboxItemTemplate" type="text/x-jsrender"> <div class="lightboxListItem addedLightbox" data-id="{{:id_lightbox}}"> <div class="lightboxItemInner"> {{if lead_item.thumb}} <div class="lightboxBg"><img src="{{:lead_item.thumb.url[3]}}" /></div> {{/if}} <div class="lightboxDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" role="button" class="setDefault" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="lightboxName"> <a href="#" role="button" class="openLightbox" data-id="{{:id_lightbox}}"> <h3> {{:name}} {{if is_shared}} <span class="shared">(Shared)</span> {{/if}} </h3> </a> </div> <div class="lightboxMenuContainer"> <a href="#" role="button" class="lightboxMenuTrigger" data-id="{{:id_lightbox}}" title="Lightbox options"> <i class="fa fa-navicon"></i> </a> <ul class="lightboxMenu" data-id="{{:id_lightbox}}" data-name="{{:name}}"> {{if is_shared}} <li><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" role="button" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{if permissions.clone_permission}} <li><a href="#" role="button" class="lightboxContextClone">Clone</a></li> {{/if}} {{if permissions.annotate_permission}} <li><a href="#" role="button" class="lightboxNotes" data-id="{{:id_lightbox}}" data-name="{{:name}}">Notes</a></li> {{/if}} {{else}} <li><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" role="button" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{/if}} </ul> </div> <div class="lightboxCount"> <span class="lightboxNumber">{{:item_count}}</span> </div> </div> </div> <div class="droppablePanel"> <div class="copyPanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Copy</h3> </div> <div class="movePanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Move</h3> </div> </div> <div class="dropHereTarget"> <p>Add to {{:name}}</p> </div> </div> </script><script id="exapndLightbox" type="text/x-jsrender"> Expand lightbox</script> <script id="collapseLightbox" type="text/x-jsrender"> Collapse lightbox</script> <script id="lightboxSuffix" type="text/x-jsrender"> asset{{if item_count > 1}}s{{/if}} </script>  <script id="lightboxPanel" type="text/x-jsrender"> <a href="#" role="button" class="backToLightboxList"><i class="fa fa-chevron-left"></i> <span>Back to list</span></a> <div class="lightboxPanel" data-id="{{:id_lightbox}}" id="panel-{{:id_lightbox}}"> <div class="lightboxPanelWrapper"> <div class="lightboxPanelInner"> <div class="lightboxDescription"> <div class="lightboxDetails"> <div class="name"> <h3>{{:name}}</h3> <span class="count">{{:item_count}}</span> </div> </div> <div class="lightboxActions"> <ul class="lightboxPanelActions clearfix"> <li class="subMenuWrapper"><a href="#" role="button" class="lightboxSubMenu" title="Menu" data-id={{:id_lightbox}}><i class="fa fa-navicon"></i></a> <div class="subMenuItemContainer" aria-hidden="true"> <ul class="subMenu"> <li class="subMenuItem"><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/lightbox/{{:id_lightbox}}" class="" title="Lightbox manager" data-id="{{:id_lightbox}}"><span class="icon"><i class="fa fa-th"></i></span><span class="description">Lightbox manager</span></a></li> </ul> </div> </li> </ul> </div> </div> <div class="lightboxAssetsInner"> <div class="lightboxAssets"> </div> </div> <div class="hoverAddTo" data-id="{{:id_lightbox}}"> <p>Add to {{:name}}</p> </div> </div> </div> </div> </script> <script id="lightboxIconMenuItem" type="text/x-jsrender"> <li class="addToLightboxListItem"><a href="#" role="button" class="addToOtherLightbox" data-id="{{:id_lightbox}}" title="{{:name}}">{{:name}}</a></li> </script> <script id="lightboxAsset" type="text/x-jsrender"> <div class="lightboxAsset" data-id="{{:summary.idasset}}" data-lightbox-id="{{:id_lightbox_item}}" data-parent=""> <a href="#" role="button" data-id="{{:summary.idasset}}" class="lightboxAssetOverlay" data-parent="" data-lightbox-id="{{:id_lightbox_item}}"> <div class="imageHugger"> <img src="{{:thumb.url[3]}}" alt="Lightbox item: {{:summary.idasset}}" /> </div> </a> </div> </script> <script id="removeFromLightbox" type="text/x-jsrender"> <div class="dafl"> <div class="daflInner"> <div class="icon"> <i class="fa fa-trash"></i> </div> </div> </div> </script> <script id="lightboxPermission" type="text/x-jsrender"> {{if lightbox.is_shared}} {{if permissions.annotate_permission}} <li class="subMenuItem"><a href="#" role="button" class="lightboxNotes" title="Notes" data-id="{{:lightbox.id_lightbox}}" data-name="{{:lightbox.name}}"><span class="icon"><i class="fa fa-file-text-o"></i></span><span class="description">Notes</span></a></li> {{/if}} {{else}} {{/if}} </script><script id="assetNotesArea" type="text/x-jsrender"> </script> <script id="lightboxNotesArea" type="text/x-jsrender"> </script> <script id="notesItem" type="text/x-jsrender"> {{if id_lightbox_item}} <div class="noteContainer" data-id="{{:id_lightbox_item_note}}" data-lightbox="{{:id_lightbox_item}}"> {{else id_lightbox}} <div class="noteContainer" data-id="{{:id_lightbox_note}}" data-lightbox="{{:id_lightbox}}"> {{else asset_note_id}} <div class="noteContainer" data-id="{{:asset_note_id}}"> {{/if}} <div class="noteItem"> <div class="noteItemInner"> {{if asset_annotated_image}} <div class="viewAssetDrawingContainer"> <a href="#" class="viewAssetDrawing" title="View drawing for this note" data-src="{{:asset_annotated_image}}"> <i class="fa fa-image"></i> </a> </div> {{/if}} <div class="noteTitle"> <h4>{{:title}}</h4> </div> <div class="noteText"> <p>{{:notes}}</p> </div> <div class="noteAuthor"> <span class="fname">{{:posted_by.fname}}</span> <span class="lname">{{:posted_by.lname}}</span> </div> <div class="deleteNoteContainer"> {{if id_lightbox_item_note}} <button class="deleteNote" data-id="{{:id_lightbox_item_note}}" data-loc="a" title="Delete note"> {{else id_lightbox_note}} <button class="deleteNote" data-id="{{:id_lightbox_note}}" data-loc="l" title="Delete note"> {{else asset_note_id}} <button class="deleteAssetNote" data-id="{{:asset_note_id}}" title="Delete note"> {{/if}} <i class="fa fa-trash-o" aria-hidden="true"></i> </button> </div> </div> {{if children}} <div class="notesChildren"> {{for children tmpl="#notesChildren" /}} </div> {{/if}} <div class="noteActions"> <div class="replyToNote"> <a href="#" class="openReplyToNote">Add comment</a> </div> <form class="replyNote form hide" novalidate=""> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="replyNoteNote" class="hide">Reply:</label> <textarea name="notes" class="replyNoteNote textarea autoExpand" placeholder="Reply" rows="1" data-min-rows="1"></textarea> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button replyNoteBtn" value="Reply" /> </div> <div class="formMessage response"></div> </div> </form> </div> </div> </div> </script> <script id="notesChildren" type="text/x-jsrender"> <div class="notesChild"> <div class="noteText"> <p>{{:notes}}</p> </div> <div class="noteAuthor"> <span class="fname">{{:posted_by.fname}}</span> <span class="lname">{{:posted_by.lname}}</span> </div> <div class="deleteNoteContainer"> {{if id_lightbox_item_note}} <a href="#" class="deleteNote" data-id="{{:id_lightbox_item_note}}" data-loc="a"> {{else id_lightbox_note}} <a href="#" class="deleteNote" data-id="{{:id_lightbox_note}}" data-loc="l"> {{else asset_note_id}} <a href="#" class="deleteAssetNote" data-id="{{:asset_note_id}}"> {{/if}} <i class="fa fa-trash-o"></i> </a> </div> </div> </script> <script id="noNotesAsset" type="text/x-jsrender"> <p class="noNotes">There are no notes associated with this asset</p> </script> <script id="noNotesLightbox" type="text/x-jsrender"> <p class="noNotes">There are no notes associated with this lightbox</p> </script> <script id="searchHistoryDashTitle" type="text/x-jsrender"> Search history</script> <script id="searchHistory" type="text/x-jsrender"> <div class="searchHistory" id="searchHistory"> <div class="searchHistoryTableWrapper"> <table class="tableFullWidth table searchHistoryTable"> <thead> <tr> <th>Search term</th> <th>Date</th> <th>Number of results</th> <th>Rerun</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="searchHistoryItem" type="text/x-jsrender"> <tr data-id="{{:log_id}}"> <td>{{if parameters.keywords}}{{:parameters.keywords}}{{else}}{{:parameters.search_text}}{{/if}}</td> <td>{{dateFormat:date_time}}</td> <td>{{:parameters.number_of_results}}</td> <td><a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/search/?searchQuery={{>parameters.search_text}}" target="_blank">Rerun search</a></td> </tr> </script> <script id="noSearchHistory" type="text/x-jsrender"> <tr> <td colspan="4">No search history</td> </tr> </script> <script id="downloadHistoryDashTitle" type="text/x-jsrender"> Download history</script> <script id="downloadHistory" type="text/x-jsrender"> <div class="userDownloadHistory"> <div class="userDownloadHistoryInner"> <table class="tableFullWidth table downloadHistoryTable"> <thead> <tr> <th>Date</th> <th>Actions</th> <th>Order</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="downloadHistoryItem" type="text/x-jsrender"> <tr class="downloadHistoryItem" data-id="{{:order_id}}"> <td>{{dateFormat:create_date_time}}</td> <td><a href="#" class="downloadHistoryOpen" data-id="{{:order_id}}">Download</a></td> <td>{{:download_filename}}</td> </tr> </script> <script id="noDownloadHistory" type="text/x-jsrender"> <tr colspan="4"> <td><span class="errorMessage">No download history</span></td> </tr> </script> <script id="searchSidebarTemplate" type="text/x-jsrender"> <div class="contentBlock"> {{if meta.total}} <div class="resultsData"> <span class="details term">Search term: <span class="searchTerm"> {{if meta.searchterms}}"{{:meta.searchterms}}"{{else}}<span class="none">none</span>{{/if}}</span></span> <span class="details nor" aria-live="polite"><span class="searchNumberResults">{{:meta.total}}</span> {{if meta.total > 1}}results{{else}}result{{/if}}</span> </div> {{/if}} <div class="pastSearch"> <div class="sidebarToolTitle"> <h3 class="subTitle">Past searches</h3> </div> <div class="pastSearchInner"> </div> </div> <div class="searchSettings"> <div class="advancedSearchFields"> <form class="advancedSearchForm form" id="advancedSearchFormSidePanel" novalidate action="/search/"> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="ASKeywords">Keyword Search:</label> <input type="text" name="@Keywords" id="ASKeywords" class="advancedSearchInput textbox" /> </div> <div class="formGroupItem"> <label for="ASImageLibraryReference">Image Library Reference:</label> <input type="text" name="@Reference" id="ASImageLibraryReference" class="advancedSearchInput textbox" /> </div> <div class="formGroupItem"> <label for="ASCreator">Creator:</label> <input type="text" name="@Creator" id="ASCreator" class="advancedSearchInput textbox" /> </div> </div> </form> </div> </div> </div> </script> <script id="filterBadge" type="text/x-jsrender"> <div class="filterBadge"> <span class="filterAmount">{{:count}}</span> </div> </script> <script id="pastSearchTerm" type="text/x-jsrender"> <a class="pastSearchTerm" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/search/?searchQuery={{>coded}}"><span class="pastTerm">{{:decoded}}</span></a> </script> <script id="facetItems" type="text/x-jsrender"> <div class="refineSearchItem"> <div class="title active"> <a href="#" role="button" class="showHide"><h4>{{:alias}}</h4><span class="arrow"><i class="fa fa-chevron-down"></i></span></a> </div> <div class="content active" data-term="{{:key}}"> <div class="contentInner"> {{for data ~facetData=#data}} <div class="searchFacetItem"> <input type="checkbox" class="checkbox02 searchRefineCheckbox {{>value}}" data-val="{{>value}}" name="{{noSpaces:~facetData.alias}}{{noSpaces:value}}" id="{{noSpaces:~facetData.alias}}{{noSpaces:value}}" /> <label for="{{noSpaces:~facetData.alias}}{{noSpaces:value}}"> <span class="checkboxText02">{{>value}}<span class="count">({{>count}})</span></span> </label> </div> {{/for}} </div> </div> </div> </script> <script id="navSearchBox" type="text/x-jsrender"> <div class="searchFormNav navSideItem"> <form class="searchFormMenu form " id="searchFormMenu" novalidate action="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/search/"> <div class="formGroup clearfix"> <div class="formGroupItem searchNavBox"> <label for="searchQuery" class="hide">Search:</label> <input type="text" name="searchQuery" id="searchQueryMenu" class="searchQueryHome textbox" placeholder="Search term" /> <button type="submit" class="iconButton SearchHomeButton inlineIconButton" aria-label="Search"><i class="fa fa-search"></i></button> <div class="response"></div> </div> </div> </form> </div> </script> <script id="searchSideMenu" type="text/x-jsrender"> <div class="sideQuickMenu"> <div class="sideQuickMenuInner"> <ul class="sideMenuList"> </ul> </div> </div> </script> <script id="assetType" type="text/x-jsrender"> <div class="formGroupItem"> <label for="searchType" class="hide">Asset type:</label> <select id="assetType" name="assetType" class="select"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </div> </script> <script id="assetTypeHome" type="text/x-jsrender"> <div class="customSelectWrapper"> <select id="assetTypeHome" name="assetType" class="select customSelect"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </div> </script> <script id="assetTypeHeader" type="text/x-jsrender"> <select id="assetTypeHeader" name="assetType" class="select"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </script> <script id="assetTypeOption" type="text/x-jsrender"> <option value="{{>key}}">{{>prop}}</option> </script> <script id="navLoginBox" type="text/x-jsrender"> <div class="loginFormNav navSideItem"> <form class="loginForm form" id="loginFormSidebar" method="post" novalidate action="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk?connect=capture"> <input type="hidden" id="uIP" name="ip_address" value="207.241.236.173" /> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="email" class="hide">Email</label> <input type="text" name="email" id="email" class="email textbox" placeholder="Email" /> <div class="response"></div> </div> <div class="formGroupItem"> <label for="password" class="hide">Password</label> <input type="password" name="password" id="password" class="password textbox" placeholder="Password" /> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" id="sidebarLoginSubmit" class="primary-button searchBtn" value="Login" /> </div> </div> </form> <a class="textLink light" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/login/forgot/">Forgotten password?</a> <a class="textLink right light" href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/register/">Register</a> <h3 class="alertTitle">Welcome!</h3> <p class="alertText">New customers please <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/register/" class="textLink04">register here</a>. Existing customers: on your first visit to our new site, please <a href="https://web.archive.org/web/20240416165959/https://images.nationalarchives.gov.uk/login/forgot/" class="textLink04">reset your password</a>.</p> </div> </script> <script id="inactivityLogOut" type="text/x-jsrender"> You have been logged out due to inactivity, please log in again to continue</script> <script id="invalidPasswordStrengthMessage" type="text/x-jsrender"> Sorry your password does not meet the complexity requirements</script><div id="cwauth-result"></div><div id="cwauth-status"></div><link rel="stylesheet" id="sow-button-wire-f60a60dc5b7c-23-group-css" href="https://web.archive.org/web/20240416165959cs_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/uploads/siteorigin-widgets/sow-button-wire-f60a60dc5b7c-23.css,wp-content/plugins/so-widgets-bundle/widgets/button/css/style.css,wp-content/uploads/siteorigin-widgets/sow-button-flat-a77753bb37e6-23.css,wp-content/plugins/so-widgets-bundle/icons/fontawesome/style.css" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/capture-core-scripts.js,wp-content/themes/capture_web_theme_2/js/navigation.js,wp-content/themes/capture_web_theme_2/js/skip-link-focus-fix.js,wp-content/themes/capture_web_theme_2/js/capture_theme_2.js,wp-content/mu-plugins/capture-core/js/vendor/imagesLoaded.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery-ui.min.js,wp-content/mu-plugins/capture-core/js/vendor/unslider.js,wp-content/mu-plugins/capture-core/js/vendor/slick.min.js,wp-content/mu-plugins/capture-core/js/vendor/readmore.min.js,wp-content/mu-plugins/capture-core/js/vendor/ofi.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/vendor/object-fit-polyfill.min.js,wp-content/mu-plugins/capture-core/js/vendor/video.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery.jqscribble.js,wp-content/mu-plugins/capture-core/js/vendor/jqscribble.extrabrushes.js,wp-content/mu-plugins/capture-core/js/vendor/rsvp.js,wp-content/mu-plugins/capture-core/js/vendor/frame-grab.js,wp-content/mu-plugins/capture-core/js/vendor/select2.min.js,wp-content/mu-plugins/capture-core/js/vendor/holder.js,wp-content/mu-plugins/capture-core/js/vendor/clamp.min.js,wp-content/themes/capture_web-nationalArchives/capture_core/templates/js/capture-download-scripts.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/themes/capture_web-nationalArchives/capture_core/templates/js/capture_asset.js,wp-content/plugins/capture-ecommerce/js/capture-ecommerce-scripts.js,wp-content/plugins/capture-ecommerce/js/jquery.smartWizard.min.js,wp-content/themes/capture_web-nationalArchives/capture_ecommerce/templates/js/capture-ecommerce-layout.js,wp-content/themes/capture_web-nationalArchives/capture_groups/templates/js/capture-groups-layout.js,wp-content/plugins/capture-groups/js/capture-groups-scripts.js,wp-content/plugins/capture-lightbox-sharing/js/capture-lightbox-sharing-script.js,wp-content/themes/capture_web-nationalArchives/capture_lightbox/templates/js/capture-lightbox-layout.js,wp-content/plugins/capture-lightbox/js/capture-lightbox-script.js,wp-content/themes/capture_web-nationalArchives/capture_search/template/js/capture-search-layout.js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/web.archive.org\/web\/20240416165959\/https:\/\/images.nationalarchives.gov.uk\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" id="siteorigin-panels-front-styles-js-extra"> /* <![CDATA[ */ var panelsStyles = {"fullContainer":"body","stretchRows":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20240416165959js_/https://images.nationalarchives.gov.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/capture-search/js/capture-search-scripts.js,wp-content/plugins/capture-search/js/capture-asset-page-scripts.js,wp-content/plugins/capture-user-auth/js/capture-auth-scripts.js,wp-content/themes/capture_web-nationalArchives/capture_auth/template/js/capture-auth-handler.js,wp-content/plugins/contact-form-7/includes/swv/js/index.js,wp-content/plugins/contact-form-7/includes/js/index.js,wp-content/plugins/wp-knowledgebase/assets/js/script-live-search.js,wp-content/plugins/siteorigin-panels/js/styling.min.js"></script> <script type="text/javascript">document.body.className = document.body.className.replace("siteorigin-panels-before-js","");</script> </body> </html>