1 2 <html lang="en"> 3 4 5 6 7<head> 8<!-- <title>churchillcol-18</title> --> 9<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> 10 11<link rel="icon" href="" sizes="16x16" type="image/png"> 12<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"/> 13<meta charset="UTF-8"> 14<!-- Google Tag Manager -->
15<script>
vendor: 331 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 16new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 17j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 18'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 19})(window,document,'script','dataLayer','
19GTM-KJ5ZC6WD
vendor: 3 bytes, line 19
19');
19</script>
19 20<!-- End Google Tag Manager --> 21 22 23 24 25 26 27 28 29
30<script> 31 window.fiveStarSession = "82FD644101EF69A0EC39E2AACB4A7FDF"; 32 </script>
32 33 34 35 36 37<meta property="og:url" content="https://www.churchillarchive.com/churchillcol/about-churchill-archive" /> 38<meta property="og:title" content="" /> 39<meta property="og:description" content="" /> 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107<input type="hidden" id="counterhiddenInput" value=""/> 108 109 110 111<input type="hidden" id="session-timeout-Value" value="30"/> 112 113 114 115 116 117 <meta name="description" content="About Churchill Archive"> 118 <meta name="keywords" content="About Churchill Archive"> 119 120 121 122 <title>Churchill Archive Platform - About Churchill Archive</title> 123<meta name="ST.PlatformAPIKey" content="6bde8a1a6dd4728a" /> 124 125 126<!-- CSS --> 127<link href="/bloomsbury_assets/bloomsbury/css/support.css" rel="stylesheet" type="text/css"> 128<link href="/bloomsbury_assets/bloomsbury/css/custom-select.css" rel="stylesheet" type="text/css"> 129<link href="/bloomsbury_assets/bloomsbury/css/owl-carousel-new.css" rel="stylesheet" type="text/css"> 130<link href="/bloomsbury_assets/bloomsbury/css/checkbox.css" rel="stylesheet" type="text/css"> 131<link href="/bloomsbury_assets/bloomsbury/css/all.min.css" rel="stylesheet" type="text/css"> 132<link href="/bloomsbury_assets/churchillcol/css/plyr.css" rel="stylesheet" type="text/css"> 133<link href="/bloomsbury_assets/bloomsbury/css/bootstrap-slider.css" rel="stylesheet" type="text/css"> 134<link href="/bloomsbury_assets/bloomsbury/css/support-ui.css" rel="stylesheet" type="text/css"> 135 136 137 138 <link href="/bloomsbury_assets/churchillcol/css/churchillcol.css" rel="stylesheet" type="text/css"> 139 <link href="/bloomsbury_assets/churchillcol/css/product.css" rel="stylesheet" type="text/css"> 140 141 142<!--<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" 143 integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" 144 crossorigin=""/>--> 145 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" crossorigin=""> 146 147 148<!-- JS -->
149<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.min.js"></script>
149
150<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/custom.min.js"></script>
150
151<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/owl-carousel-new.min.js"></script>
151
152<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/custom-select.min.js"></script>
152
153<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/plyr.js"></script>
153 154 155
156<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/bootstrap-slider.min.js"></script>
156
157<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery-ui.min.js"></script>
157
158<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/mousescroll.min.js"></script>
158
159<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery-show-first.min.js"></script>
159
160<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/clipboard.min.js"></script>
160
161<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.mark.min.js"></script>
161
162<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.cloudinary.js"></script>
162
163<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/bloomsbury.min.js?v=80018"></script>
vendor: 70 bytes, lines 163-164
163 164<script src='https://www.recaptcha.net/recaptcha/api.js'></script>
165<!--
165<script src="https://unpkg.com/[email protected]/dist/leaflet.js" 166 integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" 167 crossorigin=""></script>
167--> 168
168<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js" crossorigin=""></script>
168 169
169<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/leaflet.ChineseTmsProviders.js"></script>
169
170<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.cookie.min.js"></script>
170
171<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.truncation.js"></script>
171
172<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/openseadragon.min.js"></script>
172
173<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/openseadragon-svg-overlay.js"></script>
173
174<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/snap.svg-min.js"></script>
174 175
176<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.numeric.min.js"></script>
176
177<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/raphael.min.js"></script>
177
178<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/URI.min.js"></script>
178 179<!--
179<script src="https://ssl.geoplugin.net/json.gp?k=a79c8a904f5edab4&jsoncallback=getGeolocationData"></script>
179 -->
180<script> 181 $.ajax({ 182 type: "GET", 183 url: '/app/getmylocat', 184 success: function(response){ 185 getGeolocationData(response); 186 }, 187 error: function(error){ 188 console.log(error); 189 } 190 }); 191</script>
191 192 193<!-- OneTrust Cookies Consent Notice start for churchillarchive.com -->
194<script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="e1922dfe-63dd-43a4-bf3d-aa399ef6adcc-test" ></script>
vendor: 1 bytes, line 194
194
195<script type="text/javascript"> 196function OptanonWrapper() { } 197</script>
197 198<!-- OneTrust Cookies Consent Notice end for churchillarchive.com --> 199</head> 200 201<body> 202<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 202-203
202 203<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
203GTM-KJ5ZC6WD
vendor: 86 bytes, lines 203-204
203 " 204height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
205<!-- End Google Tag Manager (noscript) --> 206 207 <div style="position: absolute;top:-10000px;" class="skip-content-div"> 208 <a href="javascript:void(0);" id="skip-content" aria-label="Skip to main content">Skip to main content</a> 209 </div> 210 211<input type="hidden" id="copytocliptxt" name="copytoclipboard" value="Copy to Clipboard"/> 212<input type="hidden" id="copiedtocliptxt" name="copiedtoclipboard" value="Copied"/> 213<input id="counterEnabled" type="hidden" value="true"> 214<input id="instanceValue" type="hidden" value="instance1"> 215<div id="messageBoxFull" aria-live="assertive" style="position:absolute;top:-10000;left:-10000" aria-relevant="additions removals"></div> 216 217 218<div class="loading-hidden hide"> 219 <div class="loading-image"><img src="/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading"> </div> 220</div> 221 222<div class="content-loader hide"> 223 <img src="/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading" class="loader-icon"/> 224</div> 225 226<input type="hidden" id="imageAuthEnabled" value="false"/> 227
228<script> 229var sqtrkq = sqtrkq || []; 230window.analyticsFlag = false; 231function showAjaxLoader(element) { 232 $(".content-loader").clone().removeClass("hide").appendTo(element); 233} 234 235function hideAjaxLoader(element) { 236 $(element).find(".content-loader").remove(); 237} 238 239(function(){ 240 var sqtrk=document.createElement('script'); 241 sqtrk.id='sqtrk'; 242 sqtrk.type='text/javascript'; 243 sqtrk.async=true; 244 sqtrk.src=(('https:'==document.location.protocol)?'https':'http')+'://'+document.location.host+'/analytics/js/tracker.js'; 245 var selm=document.getElementsByTagName('script')[0]; 246 selm.parentNode.insertBefore(sqtrk,selm); 247})(); 248 249var signupEventFlag=localStorage.getItem("signup-success"); 250if (signupEventFlag && signupEventFlag == "true") { 251 dataLayer.push({ 252 'event' : 'sign_up' 253 }); 254} 255localStorage.removeItem("signup-success"); 256 257 // default language code setting 258 if (typeof $.cookie('seleLang') === 'undefined'){ 259 $.cookie("seleLang", "en"); 260 $.cookie("taxonomy", ""); 261 $.cookie("contenttype", ""); 262 $.cookie("fromYear", ""); 263 $.cookie("toYear", ""); 264 } 265 266 267 $(document).ready(function() { 268 $(window).resize(function() { 269 var width = $(window).width(); 270 if (width >= 1024) { 271 } else if ((width <= 1023) && (width >= 768)) { 272 } else { 273 } 274 }); 275 276 $(".lang_list a").on("click",function(){ 277 var oldLang = $(".lang_list a.active").attr("data-lang"); 278 var newLang = $(this).attr("data-lang"); 279 $.cookie("seleLang", newLang); 280 location.reload(); 281 }); 282 }); 283 284function getCoverSheetDate(){ 285 var d = new Date(); 286 var year = d.getFullYear(); 287 var month = d.toLocaleString([], { month: "short" }); 288 var day = d.toLocaleString([], { day: "2-digit" }); 289 var time = d.getTime(); 290 var minutes = d.getTimezoneOffset(); 291 var offset = minutes / 60; 292 var utc = day + ' ' + month + ' ' + year +' at '+ d.getUTCHours() + ':'+d.getUTCMinutes()+':'+ d.getUTCSeconds() + "." + d.getUTCMilliseconds() + ''+ Math.floor(offset) + ":00"; 293 return utc; 294 } 295 296 function isIEBrowser() { 297 var ua = window.navigator.userAgent; 298 var msie = ua.indexOf("MSIE"); 299 // If Internet Explorer 300 if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) 301 { 302 return true; 303 } 304 else 305 { 306 return false; 307 } 308 } 309 310 function downloadPDF(filePath, downloadName) { 311 if (isIEBrowser()){ 312 var _window = window.open(filePath, '_blank'); 313 //_window.document.close(); 314 //_window.document.execCommand('SaveAs', true, downloadName) 315 //_window.close(); 316 } else { 317 var link=document.createElement('a'); 318 link.href= filePath; 319 link.download= downloadName; 320 var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0 || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification); 321 if (isSafari) { 322 window.location.href=filePath; 323 } else { 324 var evt = document.createEvent('MouseEvents'); 325 evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null); 326 link.dispatchEvent(evt); 327 } 328 } 329 } 330 function getMobileOperatingSystem() { 331 var userAgent = navigator.userAgent || navigator.vendor || window.opera; 332 333 // Windows Phone must come first because its UA also contains "Android" 334 if (/windows phone/i.test(userAgent)) { 335 return "Windows Phone"; 336 } 337 338 if (/android/i.test(userAgent)) { 339 return "Android"; 340 } 341 342 // iOS detection from: http://stackoverflow.com/a/9039885/177710 343 if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { 344 return "iOS"; 345 } 346 347 return "unknown"; 348} 349 350 function openPrint(content) { 351 var OS = getMobileOperatingSystem(); 352 if (OS == "iOS") { 353 $("#printFrame").remove(); 354 } 355 var frame1 = document.createElement('iframe'); 356 frame1.name = "frame1"; 357 frame1.id = "printFrame"; 358 frame1.style.position = "absolute"; 359 frame1.style.top = "-1000000px"; 360 document.body.appendChild(frame1); 361 var frameDoc = frame1.contentWindow ? frame1.contentWindow : frame1.contentDocument.document ? frame1.contentDocument.document : frame1.contentDocument; 362 if (OS == "Android") { 363 var originalContents = document.body.innerHTML; 364 document.body.innerHTML = xmlreq.responseText; 365 setTimeout(function() { 366 window.print(); 367 document.body.innerHTML = originalContents; 368 showProgress(); 369 location.reload(); 370 }, 1000); 371 } else if (OS == "iOS") { 372 frameDoc.document.open(); 373 frameDoc.document.write(xmlreq.responseText); 374 frameDoc.document.close(); 375 setTimeout(function () { 376 window.frames["frame1"].focus(); 377 window.frames["frame1"].print(); 378 //document.body.removeChild(frame1); 379 }, 1000); 380 } else { 381 frameDoc.document.open(); 382 frameDoc.document.write(xmlreq.responseText); 383 frameDoc.document.close(); 384 setTimeout(function () { 385 window.frames["frame1"].focus(); 386 window.frames["frame1"].print(); 387 document.body.removeChild(frame1); 388 }, 500); 389 } 390 } 391</script>
391 392 393 394 395 396<div role="dialog" aria-modal="true" aria-labelledby="myModalLabel" class="modal fade" id="signin_modal" tabindex="-1" data-backdrop="static" data-keyboard="false"> 397 <div class="vertical-alignment-helper"> 398 <div class="modal-dialog signin-modal vertical-align-center" role="document"> 399 <div class="modal-content"> 400 <div class="modal-body"> 401 <div class="signin_close"> 402 <button class="closebtn" type="button" data-dismiss="modal" aria-label="Close" title="Close"> 403 <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation"> 404 </button> 405 </div> 406 <h2 id="myModalLabel" aria-label="Sign in to Your Personal Account ">Sign in to Your Personal Account </h2> 407 <div tabindex="0" class="signinwith hide signup_social" aria-label="Sign in with"><span>Sign in with:</span> 408 <a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {gp_login();return false;} 409 else {return false;}" title="Google"><span class="icon-Social_Google" title="Google"></span></a> 410 <a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {fb_login();return false;} 411 else {return false;}" title="Facebook"><span class="icon-Social_Facebook" title="Facebook"></span></a> 412 <a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {tw_login();return false;} 413 else {return false;}" title="Twitter"><span class="icon-Social_Twitter" title="Twitter"></span></a> 414 </div> 415 <p align="center" tabindex="0" aria-label="or" class="hide ">Or</p> 416 <form method="post" id="signin-form">
417 <span class="err-msg hide" id="signinerr" tabindex="0" aria-live="polite" aria-label="Incorrect Email Address or password. Please try again.">Incorrect Email Address or password. Please try again.</span> 418 <div class="form-group"> 419 <label aria-label="Email Address">Email Address</label> 420 <input type="email" class="form-control" aria-label="email address" id="signin-username" name="signin-username" autocomplete="off"> 421 <span class="err-msg hide" tabindex="0" aria-live="assertive" aria-label="Invalid Email Address">Invalid Email Address</span> 422 </div> 423 <div class="form-group"> 424 <label aria-label="Password">Password</label> 425 <input type="password" class="form-control" id="signin-password" name="signin-password" autocomplete="off"> 426 <!-- <span class="err-msg hide" tabindex="0" aria-label="Invalid Password">Invalid Password</span> --> 427 <div class="forget_pass"><a class="forget-passwordlink" href="pre-forgot-password">Forgot Password?</a></div> 428 </div> 429 <div class="clearfix"></div> 430 <div class="form-group" align="center"> 431 <input role="button" id="signin-btn" class="primary_btn disabled-btn" aria-label="signin" value="Sign in"> 432 </div> 433 <div> 434 With a personal account, you can save books, chapters, images or other items to view later. 435 </div> 436 </form> 437 <p class="personal_acc" aria-label="Don't have a personal account yet? Sign up now"> 438 Don't have a personal account yet?<br> 439 <!-- <a href="sign-up?recentUrl=/about-churchill-archive">Sign up now.</a> --> 440 <a class="personal_acclabel" href="https://p13n-bloomsbury.highwire.org/register?return-url=https://www.churchillarchive.com%2Fabout-churchill-archive">Sign up now.</a> 441 </p> 442 </div> 443 </div> 444 </div> 445 </div> 446</div> 447 448 449<div role="dialog" aria-modal="true" aria-labelledby="commontool-changePassword" aria-describedby="changePassword-dialog-description" class="modal fade" id="changepass" tabindex="-1" data-backdrop="static" data-keyboard="false"> 450 <div class="vertical-alignment-helper"> 451 <div class="modal-dialog signin-modal change_password vertical-align-center" role="document"> 452 <div class="modal-content"> 453 <div class="modal-body"> 454 <div class="close_icon"> 455 <button type="button" data-dismiss="modal" aria-label="Close" title="Close"> 456 <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation"> 457 </button> 458 </div> 459 <h2 id="head-changepwd" tabindex="0" aria-labelledby="head-changepwd">Change Password</h2> 460 <form method="post" id="change-password-form"> 461 <div class="form-group"> 462 <label id="head-currentpwd" tabindex="0" aria-labelledby="head-currentpwd">Current Password</label> 463 <input name="oldpassword" id="change-old-pwd" type="password" class="form-control" placeholder="Enter Current Password" maxlength="20" autocomplete="off"> 464 <span id="head-currentpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-currentpwd">Current Password doesn't match</span> 465 </div> 466 <div class="form-group"> 467 <label id="head-newpwd" tabindex="0" aria-labelledby="head-newpwd">New Password</label> 468 <input name="newpassword" id="change-new-pwd" type="password" class="form-control" placeholder="Enter new password" maxlength="20" autocomplete="off"> 469 <span id="head-newpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-newpwd-err">Enter min 6 Characters</span> 470 </div> 471 <div class="form-group"> 472 <label id="head-confirm-newpwd" tabindex="0" aria-labelledby="head-confirm-newpwd">Confirm New Password</label> 473 <input name="confnewpassword" id="change-confirm-pwd" type="password" class="form-control" placeholder="Re-enter password" maxlength="20" autocomplete="off">
474 <span id="head-confirm-newpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-confirm-newpwd">Entered password does not match</span> 475 </div> 476 <div class="form-group no_margin" align="center"> 477 <input type="button" id="change-pwd-btn" value="Save" class="primary_btn disabled-btn" aria-label="save"> 478 <input type="button" value="Cancel" class="secondary_btn" data-dismiss="modal" aria-label="cancel"> 479 </div> 480 </form> 481 </div> 482 </div> 483 </div> 484 </div> 485</div> 486 487 488<!-- Signup via Social Media Modal starts Here--> 489<div role="dialog" aria-modal="true" aria-labelledby="signup-social-media" aria-describedby="signup-social-media-description" class="modal fade" id="signup-social-media" tabindex="-1" data-backdrop="static" data-keyboard="false"> 490 <div class="modal-dialog" role="document"> 491 <div class="modal-content"> 492 <div class="modal-body fb-signup"> 493 <div class="signin_close"> 494 <button type="button" data-dismiss="modal" aria-label="Close" title="Close"> 495 <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation"> 496 </button> 497 </div> 498 <h3 id="sn-signup-media-title" tabindex="0" aria-labelledby="sn-signup-media-title">Sign Up Via FaceBook</h3> 499 500 <!-- <div class="row prof-pic"> --> 501 <!-- <div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 profile-icon"> --> 502 <!-- <img id="sn-profile-pic" src="/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" style="margin: 0 auto; width: 70px; height: 70px;" class="img-rounded" alt="prof pic" tabindex="0"> --> 503 <!-- </div> --> 504 <!-- <div class="col-lg-9 col-sm-9 col-md-9 col-xs-9"> --> 505 <!-- <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5> --> 506 <!-- <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">[email protected]</p> --> 507 <!-- <div class="fb-icon"> --> 508 <!-- <img id="sn-signup-icon" src="/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" alt="fb-icon" tabindex="0"> --> 509 <!-- <span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label"> Facebook</span></div> --> 510 <!-- </div> --> 511 <!-- </div> --> 512 513 <div class="clearfix prof-pic"> 514 <div class="profile-icon"> 515 <img id="sn-profile-pic" src="/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" width="75" height="75" class="img-rounded" alt="prof pic" tabindex="0"> 516 </div> 517 <div class="profile-text"> 518 <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5> 519 <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">[email protected]</p> 520 <div class="fb-icon"> 521 <img id="sn-signup-icon" src="/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" width="25" height="25" alt="fb-icon" tabindex="0">
522 <span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label"> Facebook</span></div> 523 </div> 524 </div> 525 526 <div class="clearfix"></div> 527 528 <h4 id="head-addInfo" tabindex="0" aria-labelledby="head-addInfo">Additional info required</h4> 529 <div class="row"> 530 <form id="sn-signup-form" class="fb-signup-form" method="post"> 531 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 signup-title hide"> 532 <div class="title_cont"> 533 <div class="form-group clearfix"> 534 <label id="head-social-titlab" tabindex="0" aria-labelledby="head-social-titlab">Title<sup>*</sup></label> 535 <div class="clearfix"></div> 536 <select id="sn-signup-title-option" name="title" class="selectpicker form-control title_style col-lg-6 col-md-6 col-sm-6 col-xs-6"> 537 <option value="">Select</option> 538 <option value="Mr."> Mr. </option> 539 <option value="Mrs."> Mrs. </option> 540 <option value="Miss."> Miss. </option> 541 <option value="Ms."> Ms. </option> 542 <option value="Dr."> Dr. </option> 543 <option value="Prof."> Prof. </option> 544 <option value="Other"> Other </option> 545 </select> 546 <input type="text" id="sn-signup-other-txt-box" name="otherTitle" class="hide form-control title_style other-txt-box col-lg-6 col-md-6 col-sm-6 col-xs-6" autocomplete="off"> 547 </div> 548 </div> 549 </div> 550 <div class="clearfix"></div> 551 552 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 553 <div class="form-group"> 554 <label id="head-social-frsnme" tabindex="0" aria-labelledby="head-social-frsnme">First Name<sup>*</sup></label> 555 <input id="sn-signup-first-name" name="firstname" type="text" class="form-control" placeholder="First Name" maxlength="30" autocomplete="off"> 556 </div> 557 </div> 558 559 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide"> 560 <div class="form-group"> 561 <label id="head-social-surnme" tabindex="0" aria-labelledby="head-social-surnme">Surname<sup>*</sup></label> 562 <input id="sn-signup-sur-name" class="form-control" name="surname" type="text" class="form-control" placeholder="Surname" maxlength="30" autocomplete="off"> 563 </div> 564 </div> 565 <div class="clearfix"></div> 566 567 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide"> 568 <div class="form-group"> 569 <label id="head-social-occup" tabindex="0" aria-labelledby="head-social-occup">Occupation<sup>*</sup></label> 570 <select id="sn-signup-occupation-select" name="occupation" class="selectpicker form-control"> 571 <option value="">Select</option> 572 <option value="Librarian"> Librarian </option> 573 <option value="Academic/Faculty"> Academic/Faculty </option> 574 <option value="Administrator"> Administrator </option> 575 <option value="Student"> Student </option> 576 <option value="Other"> Other </option> 577 </select> 578 </div> 579 <div class="clearfix"></div> 580 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no_pad"> 581 <input type="text" id="sn-signup-occupation-text-box" name="occupationTitle" class="hide form-control" autocomplete="off"> 582 </div> 583 </div> 584 585 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide"> 586 <div class="form-group"> 587 <label id="head-social-crty" tabindex="0" aria-labelledby="head-social-crty">Country<sup>*</sup></label> 588 <select id="sn-signup-country" name="signup-country" class="selectpicker form-control"> 589 <option value="">Select</option> 590 <option value="af" title="Afghanistan">Afghanistan</option> 591 <option value="ax" title="Aland Islands">Aland Islands</option> 592 <option value="al" title="Albania">Albania</option> 593 <option value="dz" title="Algeria">Algeria</option> 594 <option value="as" title="American Samoa">American Samoa</option> 595 <option value="ad" title="Andorra">Andorra</option> 596 <option value="ao" title="Angola">Angola</option> 597 <option value="ai" title="Anguilla">Anguilla</option> 598 <option value="aq" title="Antarctica">Antarctica</option> 599 <option value="ag" title="Antigua and Barbuda">Antigua and Barbuda</option> 600 <option value="ar" title="Argentina">Argentina</option> 601 <option value="am" title="Armenia">Armenia</option> 602 <option value="aw" title="Aruba">Aruba</option> 603 <option value="au" title="Australia">Australia</option> 604 <option value="at" title="Austria">Austria</option> 605 <option value="az" title="Azerbaijan">Azerbaijan</option> 606 <option value="bs" title="Bahamas">Bahamas</option> 607 <option value="bh" title="Bahrain">Bahrain</option> 608 <option value="bd" title="Bangladesh">Bangladesh</option> 609 <option value="bb" title="Barbados">Barbados</option> 610 <option value="by" title="Belarus">Belarus</option> 611 <option value="be" title="Belgium">Belgium</option> 612 <option value="bz" title="Belize">Belize</option> 613 <option value="bj" title="Benin">Benin</option> 614 <option value="bm" title="Bermuda">Bermuda</option> 615 <option value="bt" title="Bhutan">Bhutan</option> 616 <option value="bo" title="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> 617 <option value="bq" title="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> 618 <option value="ba" title="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 619 <option value="bw" title="Botswana">Botswana</option> 620 <option value="bv" title="Bouvet Island">Bouvet Island</option> 621 <option value="br" title="Brazil">Brazil</option> 622 <option value="io" title="British Indian Ocean Territory">British Indian Ocean Territory</option> 623 <option value="bn" title="Brunei Darussalam">Brunei Darussalam</option> 624 <option value="bg" title="Bulgaria">Bulgaria</option> 625 <option value="bf" title="Burkina Faso">Burkina Faso</option> 626 <option value="bi" title="Burundi">Burundi</option> 627 <option value="kh" title="Cambodia">Cambodia</option> 628 <option value="cm" title="Cameroon">Cameroon</option> 629 <option value="ca" title="Canada">Canada</option> 630 <option value="cv" title="Cape Verde">Cape Verde</option> 631 <option value="ky" title="Cayman Islands">Cayman Islands</option> 632 <option value="cf" title="Central African Republic">Central African Republic</option> 633 <option value="td" title="Chad">Chad</option> 634 <option value="cl" title="Chile">Chile</option> 635 <option value="cn" title="China">China</option> 636 <option value="cx" title="Christmas Island">Christmas Island</option> 637 <option value="cc" title="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 638 <option value="co" title="Colombia">Colombia</option> 639 <option value="km" title="Comoros">Comoros</option> 640 <option value="cg" title="Congo">Congo</option> 641 <option value="cd" title="Congo, the Democratic Republic of the">
641Congo, the Democratic Republic of the</option> 642 <option value="ck" title="Cook Islands">Cook Islands</option> 643 <option value="cr" title="Costa Rica">Costa Rica</option> 644 <option value="ci" title="Côte d'Ivoire">Côte d'Ivoire</option> 645 <option value="hr" title="Croatia">Croatia</option> 646 <option value="cu" title="Cuba">Cuba</option> 647 <option value="cw" title="Curaçao">Curaçao</option> 648 <option value="cy" title="Cyprus">Cyprus</option> 649 <option value="cz" title="Czech Republic">Czech Republic</option> 650 <option value="dk" title="Denmark">Denmark</option> 651 <option value="dj" title="Djibouti">Djibouti</option> 652 <option value="dm" title="Dominica">Dominica</option> 653 <option value="do" title="Dominican Republic">Dominican Republic</option> 654 <option value="ec" title="Ecuador">Ecuador</option> 655 <option value="eg" title="Egypt">Egypt</option> 656 <option value="sv" title="El Salvador">El Salvador</option> 657 <option value="gq" title="Equatorial Guinea">Equatorial Guinea</option> 658 <option value="er" title="Eritrea">Eritrea</option> 659 <option value="ee" title="Estonia">Estonia</option> 660 <option value="et" title="Ethiopia">Ethiopia</option> 661 <option value="fk" title="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 662 <option value="fo" title="Faroe Islands">Faroe Islands</option> 663 <option value="fj" title="Fiji">Fiji</option> 664 <option value="fi" title="Finland">Finland</option> 665 <option value="fr" title="France">France</option> 666 <option value="gf" title="French Guiana">French Guiana</option> 667 <option value="pf" title="French Polynesia">French Polynesia</option> 668 <option value="tf" title="French Southern Territories">French Southern Territories</option> 669 <option value="ga" title="Gabon">Gabon</option> 670 <option value="gm" title="Gambia">Gambia</option> 671 <option value="ge" title="Georgia">Georgia</option> 672 <option value="de" title="Germany">Germany</option> 673 <option value="gh" title="Ghana">Ghana</option> 674 <option value="gi" title="Gibraltar">Gibraltar</option> 675 <option value="gr" title="Greece">Greece</option> 676 <option value="gl" title="Greenland">Greenland</option> 677 <option value="gd" title="Grenada">Grenada</option> 678 <option value="gp" title="Guadeloupe">Guadeloupe</option> 679 <option value="gu" title="Guam">Guam</option> 680 <option value="gt" title="Guatemala">Guatemala</option> 681 <option value="gg" title="Guernsey">Guernsey</option> 682 <option value="gn" title="Guinea">Guinea</option> 683 <option value="gw" title="Guinea-Bissau">Guinea-Bissau</option> 684 <option value="gy" title="Guyana">Guyana</option> 685 <option value="ht" title="Haiti">Haiti</option> 686 <option value="hm" title="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> 687 <option value="va" title="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 688 <option value="hn" title="Honduras">Honduras</option> 689 <option value="hk" title="Hong Kong">Hong Kong</option> 690 <option value="hu" title="Hungary">Hungary</option> 691 <option value="is" title="Iceland">Iceland</option> 692 <option value="in" title="India">India</option> 693 <option value="id" title="Indonesia">Indonesia</option>
694 <option value="ir" title="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 695 <option value="iq" title="Iraq">Iraq</option> 696 <option value="ie" title="Ireland">Ireland</option> 697 <option value="im" title="Isle of Man">Isle of Man</option> 698 <option value="il" title="Israel">Israel</option> 699 <option value="it" title="Italy">Italy</option> 700 <option value="jm" title="Jamaica">Jamaica</option> 701 <option value="jp" title="Japan">Japan</option> 702 <option value="je" title="Jersey">Jersey</option> 703 <option value="jo" title="Jordan">Jordan</option> 704 <option value="kz" title="Kazakhstan">Kazakhstan</option> 705 <option value="ke" title="Kenya">Kenya</option> 706 <option value="ki" title="Kiribati">Kiribati</option> 707 <option value="kp" title="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 708 <option value="kr" title="Korea, Republic of">Korea, Republic of</option> 709 <option value="kw" title="Kuwait">Kuwait</option> 710 <option value="kg" title="Kyrgyzstan">Kyrgyzstan</option> 711 <option value="la" title="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 712 <option value="lv" title="Latvia">Latvia</option> 713 <option value="lb" title="Lebanon">Lebanon</option> 714 <option value="ls" title="Lesotho">Lesotho</option> 715 <option value="lr" title="Liberia">Liberia</option> 716 <option value="ly" title="Libya">Libya</option> 717 <option value="li" title="Liechtenstein">Liechtenstein</option> 718 <option value="lt" title="Lithuania">Lithuania</option> 719 <option value="lu" title="Luxembourg">Luxembourg</option> 720 <option value="mo" title="Macao">Macao</option> 721 <option value="mk" title="Macedonia, the Former Yugoslav Republic of">Macedonia, the Former Yugoslav Republic of</option> 722 <option value="mg" title="Madagascar">Madagascar</option> 723 <option value="mw" title="Malawi">Malawi</option> 724 <option value="my" title="Malaysia">Malaysia</option> 725 <option value="mv" title="Maldives">Maldives</option> 726 <option value="ml" title="Mali">Mali</option> 727 <option value="mt" title="Malta">Malta</option> 728 <option value="mh" title="Marshall Islands">Marshall Islands</option> 729 <option value="mq" title="Martinique">Martinique</option> 730 <option value="mr" title="Mauritania">Mauritania</option> 731 <option value="mu" title="Mauritius">Mauritius</option> 732 <option value="yt" title="Mayotte">Mayotte</option> 733 <option value="mx" title="Mexico">Mexico</option> 734 <option value="fm" title="Micronesia, Federated States of">Micronesia, Federated States of</option> 735 <option value="md" title="Moldova, Republic of">Moldova, Republic of</option> 736 <option value="mc" title="Monaco">Monaco</option> 737 <option value="mn" title="Mongolia">Mongolia</option> 738 <option value="me" title="Montenegro">Montenegro</option> 739 <option value="ms" title="Montserrat">Montserrat</option> 740 <option value="ma" title="Morocco">Morocco</option> 741 <option value="mz" title="Mozambique">Mozambique</option> 742 <option value="mm" title="Myanmar">Myanmar</option> 743 <option value="na" title="Namibia">Namibia</option> 744 <option value="nr" title="Nauru">Nauru</option> 745 <option value="np" title="Nepal">Nepal</option> 746 <option value="nl" title="Netherlands">Netherlands</option> 747 <option value="nc" title="New Caledonia">New Caledonia</option> 748 <option value="nz" title="New Zealand">New Zealand</option> 749 <option value="ni" title="Nicaragua">Nicaragua</option> 750 <option value="ne" title="Niger">Niger</option> 751 <option value="ng" title="Nigeria">Nigeria</option> 752 <option value="nu" title="Niue">Niue</option> 753 <option value="nf" title="Norfolk Island">Norfolk Island</option> 754 <option value="mp" title="Northern Mariana Islands">Northern Mariana Islands</option> 755 <option value="no" title="Norway">Norway</option> 756 <option value="om" title="Oman">Oman</option> 757 <option value="pk" title="Pakistan">Pakistan</option> 758 <option value="pw" title="Palau">Palau</option> 759 <option value="ps" title="Palestine, State of">Palestine, State of</option> 760 <option value="pa" title="Panama">Panama</option> 761 <option value="pg" title="Papua New Guinea">Papua New Guinea</option> 762 <option value="py" title="Paraguay">Paraguay</option> 763 <option value="pe" title="Peru">Peru</option> 764 <option value="ph" title="Philippines">Philippines</option> 765 <option value="pn" title="Pitcairn">Pitcairn</option> 766 <option value="pl" title="Poland">Poland</option> 767 <option value="pt" title="Portugal">Portugal</option> 768 <option value="pr" title="Puerto Rico">Puerto Rico</option> 769 <option value="qa" title="Qatar">Qatar</option> 770 <option value="re" title="Réunion">Réunion</option> 771 <option value="ro" title="Romania">Romania</option> 772 <option value="ru" title="Russian Federation">Russian Federation</option> 773 <option value="rw" title="Rwanda">Rwanda</option> 774 <option value="bl" title="Saint Barthélemy">Saint Barthélemy</option> 775 <option value="sh" title="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> 776 <option value="kn" title="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 777 <option value="lc" title="Saint Lucia">Saint Lucia</option> 778 <option value="mf" title="Saint Martin (French part)">Saint Martin (French part)</option> 779 <option value="pm" title="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 780 <option value="vc" title="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> 781 <option value="ws" title="Samoa">Samoa</option> 782 <option value="sm" title="San Marino">San Marino</option> 783 <option value="st" title="Sao Tome and Principe">Sao Tome and Principe</option> 784 <option value="sa" title="Saudi Arabia">Saudi Arabia</option> 785 <option value="sn" title="Senegal">Senegal</option> 786 <option value="rs" title="Serbia">Serbia</option> 787 <option value="sc" title="Seychelles">Seychelles</option> 788 <option value="sl" title="Sierra Leone">Sierra Leone</option> 789 <option value="sg" title="Singapore">Singapore</option> 790 <option value="sx" title="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> 791 <option value="sk" title="Slovakia">Slovakia</option> 792 <option value="si" title="Slovenia">Slovenia</option> 793 <option value="sb" title="Solomon Islands">Solomon Islands</option> 794 <option value="so" title="Somalia">Somalia</option> 795 <option value="za" title="South Africa">South Africa</option> 796 <option value="gs" title="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> 797 <option value="ss" title="South Sudan">South Sudan</option> 798 <option value="es" title="Spain">Spain</option> 799 <option value="lk" title="Sri Lanka">Sri Lanka</option> 800 <option value="sd" title="Sudan">Sudan</option> 801 <option value="sr" title="Suriname">Suriname</option> 802 <option value="sj" title="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 803 <option value="sz" title="Swaziland">Swaziland</option> 804 <option value="se" title="Sweden">Sweden</option> 805 <option value="ch" title="Switzerland">Switzerland</option> 806 <option value="sy" title="Syrian Arab Republic">Syrian Arab Republic</option> 807 <option value="tw" title="Taiwan, Province of China">Taiwan, Province of China</option> 808 <option value="tj" title="Tajikistan">Tajikistan</option> 809 <option value="tz" title="Tanzania, United Republic of">Tanzania, United Republic of</option> 810 <option value="th" title="Thailand">Thailand</option> 811 <option value="tl" title="Timor-Leste">Timor-Leste</option> 812 <option value="tg" title="Togo">Togo</option> 813 <option value="tk" title="Tokelau">Tokelau</option> 814 <option value="to" title="Tonga">Tonga</option> 815 <option value="tt" title="Trinidad and Tobago">Trinidad and Tobago</option> 816 <option value="tn" title="Tunisia">Tunisia</option> 817 <option value="tr" title="Turkey">Turkey</option> 818 <option value="tm" title="Turkmenistan">Turkmenistan</option> 819 <option value="tc" title="Turks and Caicos Islands">Turks and Caicos Islands</option> 820 <option value="tv" title="Tuvalu">Tuvalu</option> 821 <option value="ug" title="Uganda">Uganda</option> 822 <option value="ua" title="Ukraine">Ukraine</option> 823 <option value="ae" title="United Arab Emirates">United Arab Emirates</option> 824 <option value="gb" title="United Kingdom">United Kingdom</option> 825 <option value="us" title="United States">United States</option> 826 <option value="um" title="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 827 <option value="uy" title="Uruguay">Uruguay</option> 828 <option value="uz" title="Uzbekistan">Uzbekistan</option> 829 <option value="vu" title="Vanuatu">Vanuatu</option> 830 <option value="ve" title="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> 831 <option value="vn" title="Viet Nam">Viet Nam</option> 832 <option value="vg" title="Virgin Islands, British">Virgin Islands, British</option> 833 <option value="vi" title="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 834 <option value="wf" title="Wallis and Futuna">Wallis and Futuna</option> 835 <option value="eh" title="Western Sahara">Western Sahara</option> 836 <option value="ye" title="Yemen">Yemen</option> 837 <option value="zm" title="Zambia">Zambia</option> 838 <option value="zw" title="Zimbabwe">Zimbabwe</option> 839 </select> 840 </div> 841 </div> 842 <div class="clearfix"></div> 843 844 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 845 <div class="form-group"> 846 <label id="head-social-emaillab" tabindex="0" aria-labelledby="head-social-emaillab">Email Address<sup>*</sup></label> 847 <input id="sn-signup-email-addr" type="email" name="email" class="form-control" placeholder="Email Address" autocomplete="off">
848 <span id="sn-signup-emailexists" class="err-msg hide" tabindex="0" aria-live="polite" aria-label="Invalid Email address">Invalid Email address</span> 849 </div> 850 </div> 851 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="sn-social-verify-email"> 852 <div class="form-group"> 853 <label id="head-social-cnfemail" tabindex="0" aria-labelledby="head-social-cnfemail">Confirm Email Address<sup>*</sup></label> 854 <input id="sn-signup-verify-email" type="email" class="form-control" placeholder="Confirm Email Address" autocomplete="off"> 855 <span id="sn-signup-verify-email-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="signup-verify-email-err">Entered Email address does not match</span> 856 </div> 857 </div> 858 <input id="sn-password" type="hidden" name="profile-id"> 859 <input id="sn-signup-social" type="hidden" name="signup-social-name"> 860 <div class="clearfix"></div> 861 862 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 863 <div class="checkbox "> 864 <input id="sn-signup-checkbox1" name="keepintouch" class="styled" type="checkbox"> 865 <label for="sn-signup-checkbox1" tabindex="0" aria-labelledby="I would like to receive information on Churchill Archive Platform and related Bloomsbury products"> 866 I would like to receive information on Churchill Archive Platform and related Bloomsbury products 867 </label> 868 </div> 869 <div class="checkbox"> 870 <input id="sn-signup-checkbox2" class="styled" type="checkbox"> 871 <label for="sn-signup-checkbox2" tabindex="0" aria-labelledby="sn-signup-checkbox2"> 872 I agree with <a href="terms-and-conditions">Terms & Conditions</a> and <a href="privacy-policy">Privacy & Cookies Policy</a><sup>*</sup> 873 </label> 874 </div> 875 </div> 876 877 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> 878 <div class="form-group button_elements"> 879 <input id="sn-signup-send-btn" type="button" value="Submit" class="primary_btn disabled-btn"> 880 <input type="button" value="Clear" class="secondary_btn" data-toggle="modal" data-target="#sn-signup-reset"> 881 </div> 882 </div> 883 884 </form> 885 </div> 886 </div> 887 </div> 888 </div> 889</div> 890<!-- Signup via Social Media Modal End's Here--> 891 892<div role="dialog" aria-modal="true" aria-labelledby="commontool-sn-signup-reset" aria-describedby="sn-signup-reset-description" class="modal fade" id="sn-signup-reset" tabindex="-1" data-backdrop="static" data-keyboard="false"> 893 <div class="vertical-alignment-helper"> 894 <div class="modal-dialog alert_modal vertical-align-center" role="document"> 895 <div class="modal-content"> 896 <div class="modal-body"> 897 <h2 id="socialsignup-alertmsg" tabindex="0" aria-labelledby="socialsignup-alertmsg">Alert</h2> 898 <p id="socialsignup-alertconfirm" tabindex="0" aria-labelledby="socialsignup-alertconfirm">Are you sure you want to reset the form?</p> 899 <input type="button" value="Yes" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 900 <input data-dismiss="modal" type="button" value="No" class="secondary_btn sn-signup-clear-cancel-btn"> 901 </div> 902 </div> 903 </div> 904 </div> 905</div> 906 907<!-- Shareviaemail model window ----> 908<div role="dialog" aria-modal="true" aria-labelledby="sharevia-mail" aria-describedby="sharevia-mail-dialog-description" class="modal fade" id="sharevia-mail" tabindex="-1" data-backdrop="static" data-keyboard="false"> 909 <div class="vertical-alignment-helper"> 910 <div class="modal-dialog share-via-success vertical-align-center" role="document"> 911 <div class="modal-content"> 912 <div class="modal-body text-center"> 913 <h2 id="socialsignup-successmsg" tabindex="0" aria-labelledby="socialsignup-successmsg">Success</h2> 914 <p id="socialsignup-alertconfirmation" tabindex="0" aria-labelledby="socialsignup-alertconfirmation">Your mail has been sent successfully</p> 915 <input type="button" value="OK" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 916 </div> 917 </div> 918 </div> 919 </div> 920</div> 921 922 923<!-- Alert Selection--> 924 925<div role="dialog" aria-modal="true" aria-labelledby="commontool-sharevia-mail" aria-describedby="sharevia-mail-dialog-description" class="modal fade" id="alertselect" tabindex="-1" data-backdrop="static" data-keyboard="false"> 926 <div class="vertical-alignment-helper"> 927 <div class="modal-dialog alert_modal vertical-align-center" role="document"> 928 <div class="modal-content"> 929 <div class="modal-body"> 930 <h2 id="alert-alertmsg" tabindex="0" aria-labelledby="alert-alertmsg">Alert Me</h2> 931 <p id="alert-alertconfirm" tabindex="0" aria-labelledby="alert-alertconfirm">Are you sure you want to remove the alert?</p> 932 <input type="button" value="Yes" class="primary_btn alert-clear-btn" data-dismiss="modal" id="remove-alert-button"> 933 <input data-dismiss="modal" type="button" value="No" class="secondary_btn alert-clear-cancel-btn"> 934 </div> 935 </div> 936 </div> 937 </div> 938</div> 939
940<script type="text/javascript"> 941 var emailNotMatchMsg = "Entered Email address does not match"; 942 function setTwitterUserInfo(id, fullname, firstname, surname, email, profileImageUrl){ 943 var signUpViaTiw = "Sign Up Via"; 944 document.getElementById("sn-signup-media-title").innerHTML = signUpViaTiw+" Twitter"; 945 document.getElementById("sn-full-name").innerHTML = fullname; 946 document.getElementById("sn-email").innerHTML = email; 947 document.getElementById("sn-profile-pic").setAttribute("src", profileImageUrl); 948 document.getElementById("sn-signup-icon").setAttribute("src", "/bloomsbury_assets/bloomsbury/images/signin_twitter.png"); 949 document.getElementById("signup-social-label").innerHTML = "Twitter"; 950 document.getElementById("sn-signup-first-name").value = fullname; 951 document.getElementById("sn-signup-sur-name").value = surname; 952 document.getElementById("sn-password").value = id; 953 document.getElementById("sn-signup-social").value = "twitter"; 954 document.getElementById("sn-signup-email-addr").value = email; 955 var dbFlag = validateUserExists(id); 956 if(dbFlag) { 957 window.location.href = '/signin?id=' + id + '&recentUrl=/about-churchill-archive'; 958 } else { 959 // now popup the signup modal 960 $('#signup-social-media').modal('show'); 961 } 962 } 963 964 function twitterDenied(){ 965 $('#signin-username').css("border","solid red 1px").siblings("span").removeClass("hide").html('Access Denied'); 966 } 967 968 function SocialSignUpSubmission() { 969 var isValid = true; 970 var $email_addr=$('#sn-signup-email-addr'); 971 var $verify_email_addr=$('#sn-signup-verify-email'); 972 var f_email=$email_addr.val(); 973 var s_email=$verify_email_addr.val(); 974 $email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide"); 975 $verify_email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide"); 976 if(!ValidateEmail(f_email)){ 977 isValid=false; 978 $email_addr.css("border","solid red 1px").siblings("span").removeClass("hide"); 979 } 980 if(f_email!=s_email){ 981 isValid=false; 982 983 $verify_email_addr.css("border","solid red 1px").siblings("span").removeClass("hide").html(emailNotMatchMsg); 984 } 985 if (isValid) { 986 showProgress(); 987 $.ajax({
988 type: "POST", 989 url: '/app/sams', 990 dataType: 'text', 991 data: {username: f_email}, 992 async: false, 993 success: function (e) { 994 if (e == "-1") { 995 $("#sn-signup-form").submit(); 996 } else { 997 hideProgress(); 998 $('#sn-signup-email-addr').css("border","solid red 1px").siblings("span").removeClass("hide").html('Email Address already exists'); 999 } 1000 }, 1001 error: function (error) { 1002 console.log(error); 1003 } 1004 }); 1005 } 1006} 1007 1008$(document).ready(function() { 1009 $("#change-old-pwd, #change-new-pwd, #change-confirm-pwd").keyup(function(event) { 1010 $(this).css("border","solid #ccc 1px").siblings("span").addClass("hide"); 1011 if (!$(this).val()) { 1012 $("#change-pwd-btn").addClass("disabled-btn"); 1013 } 1014 else { 1015 if ($("#change-old-pwd").val() != "" && $("#change-new-pwd").val() != "" && $("#change-confirm-pwd").val() != "") { 1016 $("#change-pwd-btn").removeClass("disabled-btn"); 1017 } else { 1018 $("#change-pwd-btn").addClass("disabled-btn"); 1019 } 1020 } 1021 if(!$("#change-pwd-btn").hasClass('disabled-btn')){ 1022 if(event.keyCode=="13"){ 1023 changePassword(); 1024 } 1025 } 1026 }); 1027 1028 $("#signin_modal").on("shown.bs.modal", function(e) { 1029 $('button[title="Close"]').focus(); 1030 var callbackUrl = "https://www.churchillarchive.com/via-twitter"; 1031 $.ajax({
1032 type: "GET", 1033 url: '/get-twitter-request-token?callbackUrl=' + callbackUrl, 1034 dataType: 'json', 1035 success: function(response){ 1036 if(response.redirectUrl != ''){ 1037 tweetUrl = response.redirectUrl; 1038 } 1039 }, 1040 error: function(error){ 1041 console.log(error); 1042 } 1043 }); 1044 }); 1045 1046 $("#social-signup-close").on('click', function(e) { 1047 $("#signup-social-media").find('.selectpicker').selectpicker('deselectAll'); 1048 $("#signup-social-media").find("input:checkbox").removeAttr("checked"); 1049 }); 1050 1051 var input_email_addr; 1052 $('#signup-social-media').on('show.bs.modal', function (e) { 1053 input_email_addr = $("#sn-signup-email-addr").val(); 1054 }); 1055 1056 $("#sn-signup-email-addr").on('keyup', function() { 1057 var input_verify_email_addr = $("#sn-signup-email-addr").val(); 1058 if (input_email_addr != input_verify_email_addr) { 1059 $("#sn-social-verify-email").removeClass("hide"); 1060 } else { 1061 $("#sn-social-verify-email").addClass("hide"); 1062 } 1063 var socialSignupMandatory = $("#sn-signup-title-option, #sn-signup-first-name, #sn-signup-sur-name, #sn-signup-email-addr, #sn-signup-verify-email, #sn-signup-occupation-select, #sn-signup-country, #sn-signup-checkbox2, #sn-signup-other-txt-box, #sn-signup-occupation-text-box"); 1064 socialSignupValidate(socialSignupMandatory); 1065 }); 1066 1067 $(".glyphicon.glyphicon-minus, .glyphicon.glyphicon-plus, .search-fav-icon").on("keyup", function(e){ 1068 if (e.keyCode == 13) { 1069 $(this).click(); 1070 } 1071 }); 1072}); 1073 1074$("#changepass").on("hide.bs.modal", function (e) { 1075 $("#change-pwd-btn").addClass("disabled-btn"); 1076 $(this).find("input[type=password]").val("").css("border","solid #ccc 1px"); 1077 $(this).find(".err-msg").addClass("hide"); 1078}); 1079 1080function changePassword() { 1081 var oldPwd = $("#change-old-pwd").val(); 1082 var newPwd = $("#change-new-pwd").val(); 1083 var confirmPwd = $("#change-confirm-pwd").val(); 1084 $("#change-new-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide"); 1085 $("#change-confirm-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide"); 1086 if (newPwd.length < 6) { 1087 $("#change-new-pwd").css("border","solid red 1px").siblings("span").removeClass("hide"); 1088 $("#change-new-pwd").focus(); 1089 return false; 1090 } 1091 if (newPwd != confirmPwd) { 1092 $("#change-confirm-pwd").css("border","solid red 1px").siblings("span").removeClass("hide"); 1093 $("#change-confirm-pwd").focus(); 1094 return false; 1095 } 1096 $("#change-password-form").submit(); 1097} 1098 1099$(document).on('click', "#change-pwd-btn", function() { 1100 if (!$(this).hasClass('disabled-btn')) { 1101 changePassword(); 1102 } 1103}); 1104 1105$(document).on('click', ".signin-success-btn", function() { 1106 var signinUser = $("#signin-username").val(); 1107 if (!ValidateEmail(signinUser)){ 1108 $("#signin-username").addClass("error-address").css("border","solid red 1px").siblings("span").removeClass("hide"); 1109 $("#signin-username").focus(); 1110 } 1111 else { 1112 $("#signin-username").css("border","solid #ccc 1px").siblings("span").addClass("hide"); 1113 showProgress(); 1114 $("#signin-form").submit(); 1115 } 1116}); 1117$("#signin-username,#signin-password").on('keyup',function(e){ 1118 if($("#signin-username").val() == ""){ 1119 $("#signin-username").css("border","1px solid #ccc"); 1120 } 1121 if($("#signin-password").val() == ""){ 1122 $("#signin-password").css("border","1px solid #ccc"); 1123 } 1124 if(!$(this).hasClass('disabled-btn')){ 1125 if(e.keyCode=="13"){ 1126 showProgress(); 1127 $("#signin-form").submit(); 1128 } 1129 } 1130}); 1131$("#signin_modal").on('show.bs.modal', function (e) { 1132 $("#signin_modal h2").focus(); 1133 if ($('#signin-username').val().trim().length == 0 || $('#signin-password').val().trim().length == 0) { 1134 $("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn"); 1135 } 1136 else { 1137 if ($("#signin-username").val() != "" && $("#signin-password").val() != "") { 1138 $("#signin-btn").removeClass("disabled-btn").addClass("signin-success-btn"); 1139 $("#signin-username").css("border","1px solid #ccc").siblings("span").addClass("hide"); 1140 $("#signin-password").css("border","1px solid #ccc").siblings("span").addClass("hide"); 1141 } else { 1142 $("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn"); 1143 } 1144 } 1145}); 1146/*$("#skip-content").on("click keyup", function(e){
1147 if (e.type == "click" || e.keyCode == 13) { 1148 if ($("#pageType").val().trim() === "cms") { 1149 var target = $("[id^='page-template']").first(); 1150 if (!target.length) { 1151 target = $("#mycontent").first(); 1152 } 1153 if (!target.length) { 1154 target = $(".container.article_template").first(); 1155 if (target.length) { 1156 target.attr("id", "pageStarts"); 1157 } 1158 } 1159 if (target.length) { 1160 focusAndScroll(target, { 1161 role: "main", 1162 smooth: true 1163 }); 1164 } 1165 } else { 1166 var target = $("#mycontent h2").first(); 1167 if (target.length) { 1168 target.addClass("cmsPageStart"); 1169 focusAndScroll(target, { 1170 id: "pageStart" 1171 }); 1172 } 1173 } 1174 } 1175});*/ 1176$("#skip-content").on("focusin", function(e){ 1177 $(this).parent().removeAttr("style"); 1178}); 1179$("#skip-content").on("focusout", function(e){ 1180 $(this).parent().attr("style", "position: absolute;top:-10000px;"); 1181}); 1182 1183function focusAndScroll(target, options) { 1184 if (!target || !target.length) return; 1185 options = options || {}; 1186 if (options.id) { 1187 target.attr("id", options.id); 1188 } 1189 if (options.role) { 1190 target.attr("role", options.role); 1191 } 1192 if (options.tabindex) { 1193 target.attr("tabindex", options.tabindex); 1194 } 1195 target.focus(); 1196 var ele = document.getElementById(target.attr("id")) || target[0]; 1197 ele.scrollIntoView({ behavior: options.smooth ? "smooth" : "auto" }); 1198} 1199 1200// Focus close button on ESC or 'b' or Arrow keys 1201/*$(document).on('keydown.modal-accessibility', function (e) { 1202 const $modal = $('.share_modal.vertical-align-center:visible').last(); 1203 if (!$modal.length) return; 1204 1205 const $closeBtn = $modal.find('[data-dismiss="modal"]').filter('[aria-label="Close"], [aria-hidden="true"]').first(); 1206 1207 if (['Escape', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 1208 e.preventDefault(); 1209 console.log("Key pressed2:", e.key); 1210 1211 $closeBtn.focus(); 1212 1213 if (e.key === 'Escape') { 1214 $closeBtn.trigger('click'); // Triggers close 1215 } 1216 } 1217});*/ 1218 1219$(document).ready(function() { 1220 const $backToTop = $(` 1221 <a href="#" id="back-to-top" class="back-to-top" aria-label="Back to top"> 1222 <span class="back_circle" aria-hidden="true"> 1223 <span class="icon-backtotop"></span> 1224 </span> 1225 <div class="hidden-xs" aria-hidden="true"> 1226 Back to Top 1227 </div> 1228 </a> 1229 `); 1230 $backToTop.insertBefore('footer'); 1231}); 1232/* Skip to content function start */ 1233/* page load time initialize the main region */ 1234$(function () { 1235 addMainOnPageLoad(); 1236}); 1237function addMainOnPageLoad() { 1238 if (document.querySelector("main, [role='main']")) { 1239 return; 1240 } 1241 var container = document.querySelector("[id^='page-template']") || document.querySelector(".container.no_pad.page_minheight") || 1242 document.getElementById("mycontent") || 1243 document.querySelector(".container.article_template"); 1244 1245 if (!container) return; 1246 1247 container.setAttribute("role", "main"); 1248} 1249/* skip to content button event */ 1250$("#skip-content").on("click keyup", function (e) { 1251 1252 if (e.type === "keyup" && (e.keyCode !== 13 || e.keyCode !== 32)) return; 1253 1254 if (isLoginPage() || document.querySelector(".login_page")) { 1255 focusPageStart(); 1256 return; 1257 } 1258 1259 const target1 = document.querySelector(".content_container.page-content-start"); 1260 console.log(target1); 1261 if(target1) 1262 { 1263 focusHeadingInside(target1); 1264 return; 1265 } 1266 1267 const target2 = document.querySelector(".article_right.page-content-start"); 1268 console.log(target2); 1269 if(target2) 1270 { 1271 focusHeadingInside(target2); 1272 return; 1273 } 1274 1275 const target21 = document.querySelector(".page-content-start"); 1276 if(target21 && !target21.closest('#login-left-hidden')) { 1277 focusHeadingInside(target21); 1278 return; 1279 } 1280 1281 handleDefaultSkip(); 1282 });
1283 1284//check login page 1285function isLoginPage() { 1286 return window.location.pathname.indexOf("/login") > -1; 1287} 1288//move focus to PageStart container 1289function focusPageStart() { 1290 var target = jQuery(".login_page").first(); 1291 if (!target.length) { 1292 target = jQuery(".page-content-start").first(); 1293 } 1294 1295 if (!target.length) return; // Nothing to focus 1296 1297 // Try to find the first heading inside the target 1298 var focusEl = target.find("h1, h2").first(); 1299 1300 // If no heading found, focus the container itself 1301 if (!focusEl.length) { 1302 focusEl = target; 1303 } 1304 1305 // Set ID if not already 1306 if (focusEl.attr("id") !== "pageStart") { 1307 focusEl.attr("id", "pageStart"); 1308 } 1309 1310 // Make focusable and add class 1311 focusEl.attr("tabindex", "-1").addClass("no-focus"); 1312 1313 // Focus and scroll into view 1314 setTimeout(function() { 1315 focusEl.focus(); 1316 focusEl.get(0).scrollIntoView({ behavior: "smooth", block: "start" }); 1317 }, 10); 1318} 1319//focus based on ID 1320function focusById(id) { 1321 var target = document.getElementById(id); 1322 if (!target) return; 1323 1324 var $target = $(target); 1325 $target.addClass("no-focus"); 1326 $target.attr("tabindex", "-1"); 1327 $target.focus()[0].scrollIntoView(); 1328} 1329/* if check CMS page or XML generated page to redirect the function */ 1330function handleDefaultSkip() { 1331 const target1 = document.querySelector(".container.article_template"); 1332 console.log(target1); 1333 if(target1) 1334 { 1335 focusHeadingInside(target1); 1336 } 1337 else { 1338 var pageType = jQuery("#pageType").val(); 1339 if (pageType && pageType.trim() === "xml-generated") { 1340 focusMain(); 1341 } else { 1342 handleCmsPage(); 1343 } 1344 } 1345} 1346/* Handle the CMS pages */ 1347function handleCmsPage() { 1348 var main = document.querySelector("main") || 1349 document.querySelector("[role='main']"); 1350 if (!main) 1351 { 1352 const target1 = document.querySelector(".static_template"); 1353 //console.log(target1); 1354 if(target1) 1355 focusHeadingInside(target1); 1356 return; 1357 } 1358 focusHeadingInside(main); 1359} 1360/* Focus Main region */ 1361function focusMain() { 1362 var main = document.querySelector("main") || 1363 document.querySelector("[role='main']"); 1364 1365 if (!main) return; 1366 1367 focusHeadingInside(main); 1368} 1369//focus heading inside main region 1370function focusHeadingInside(container) { 1371 var heading = container.querySelector("h1, h2"); 1372 //console.log("Heading found:", heading); 1373 1374 if (heading) { 1375 if (!heading.hasAttribute("tabindex")) { 1376 heading.setAttribute("tabindex", "-1"); 1377 } 1378 heading.focus(); 1379 heading.scrollIntoView(); 1380 return; 1381 } 1382 1383 if (!container.hasAttribute("tabindex")) { 1384 container.setAttribute("tabindex", "-1"); 1385 } 1386 container.focus(); 1387 container.scrollIntoView(); 1388} 1389// focus the first tab in skip-to-content button 1390(function () { 1391 let firstTab = true; 1392 1393 function isTextInput(el) { 1394 const result = ( 1395 el && 1396 ( 1397 el.tagName === 'INPUT' || 1398 el.tagName === 'TEXTAREA' || 1399 el.isContentEditable 1400 ) 1401 ); 1402 1403 firstTab = false; 1404 return result; 1405 } 1406 1407 document.addEventListener('keydown', function (e) { 1408 // If focus is inside an input/textarea/contenteditable, ignore first tab 1409 if (isTextInput(e.target)) { 1410 return; 1411 } 1412 1413 if (e.key === 'Tab' && firstTab) { 1414 const skipLink = document.getElementById('skip-content'); 1415 1416 if (skipLink) { 1417 e.preventDefault(); 1418 skipLink.focus(); 1419 firstTab = false; 1420 } 1421 } 1422 }); 1423})(); 1424 1425//back-to-top event 1426$(document).on("click keyup", "#back-to-top", function (e) { 1427 1428 if (e.type === "keyup" && (e.keyCode !== 13 || e.keyCode !== 32)) return; 1429 1430 if (isLoginPage() || document.querySelector(".login_page")) { 1431 focusPageStart(); 1432 return; 1433 } 1434 const target1 = document.querySelector(".content_container.page-content-start"); 1435 console.log(target1); 1436 if(target1) 1437 { 1438 focusHeadingInside(target1); 1439 return; 1440 } 1441 1442 const target2 = document.querySelector(".article_right.page-content-start"); 1443 console.log(target2); 1444 if(target2) 1445 { 1446 focusHeadingInside(target2); 1447 return; 1448 } 1449 1450 handleDefaultSkip(); 1451 });
1452 1453</script>
1453
1454<script> 1455window.taxonomyDataLayer = [ 1456 { 1457 "topFacet": "African Studies", 1458 "dataLayer": "content_african_studies" 1459 }, 1460 { 1461 "topFacet": "Anthropology", 1462 "dataLayer": "content_anthropology" 1463 }, 1464 { 1465 "topFacet": "Archaeology", 1466 "dataLayer": "content_archaeology" 1467 }, 1468 { 1469 "topFacet": "Architecture", 1470 "dataLayer": "content_architecture" 1471 }, 1472 { 1473 "topFacet": "Architecture & Interior Design", 1474 "dataLayer": "content_architecture_interior_design" 1475 }, 1476 { 1477 "topFacet": "Art & Visual Culture", 1478 "dataLayer": "content_art_visual_culture" 1479 }, 1480 { 1481 "topFacet": "Artists", 1482 "dataLayer": "content_artists" 1483 }, 1484 { 1485 "topFacet": "Asia Studies", 1486 "dataLayer": "content_asia_studies" 1487 }, 1488 { 1489 "topFacet": "Biblical Studies", 1490 "dataLayer": "content_biblical_studies" 1491 }, 1492 { 1493 "topFacet": "Bloomsbury Art Markets Article Type", 1494 "dataLayer": "content_art_markets_article_type" 1495 }, 1496 { 1497 "topFacet": "BP Ireland", 1498 "dataLayer": "content_bp_ireland" 1499 }, 1500 { 1501 "topFacet": "BP Law", 1502 "dataLayer": "content_bp_law" 1503 }, 1504 { 1505 "topFacet": "BP Scotland", 1506 "dataLayer": "content_bp_scotland" 1507 }, 1508 { 1509 "topFacet": "BP Tax", 1510 "dataLayer": "content_bp_tax" 1511 }, 1512 { 1513 "topFacet": "Business & Management", 1514 "dataLayer": "content_business_management" 1515 }, 1516 { 1517 "topFacet": "Catalogue", 1518 "dataLayer": "content_catalogue" 1519 }, 1520 { 1521 "topFacet": "Category", 1522 "dataLayer": "content_category" 1523 }, 1524 { 1525 "topFacet": "Classical Studies", 1526 "dataLayer": "content_classical_studies" 1527 }, 1528 { 1529 "topFacet": "Collection", 1530 "dataLayer": "content_collection" 1531 }, 1532 { 1533 "topFacet": "Collections", 1534 "dataLayer": "content_collection" 1535 }, 1536 { 1537 "topFacet": "Computer & Information Science", 1538 "dataLayer": "content_computer_information_science" 1539 }, 1540 { 1541 "topFacet": "Content Type", 1542 "dataLayer": "content_type" 1543 }, 1544 { 1545 "topFacet": "Type of Contents", 1546 "dataLayer": "content_type" 1547 }, 1548 { 1549 "topFacet": "Counselling & Psychotherapy", 1550 "dataLayer": "content_counselling_psychotherapy" 1551 }, 1552 { 1553 "topFacet": "Craft & Decorative Arts", 1554 "dataLayer": "content_craft_decorative_arts" 1555 }, 1556 { 1557 "topFacet": "Crafts & Making", 1558 "dataLayer": "content_crafts_making" 1559 }, 1560 { 1561 "topFacet": "Creator's place of origin", 1562 "dataLayer": "content_creator's_place_of_origin" 1563 }, 1564 { 1565 "topFacet": "Criminology", 1566 "dataLayer": "content_criminology" 1567 }, 1568 { 1569 "topFacet": "Date", 1570 "dataLayer": "content_date" 1571 }, 1572 { 1573 "topFacet": "Design", 1574 "dataLayer": "content_design" 1575 }, 1576 { 1577 "topFacet": "Design & Fashion", 1578 "dataLayer": "content_design_fashion" 1579 }, 1580 { 1581 "topFacet": "Design and Making", 1582 "dataLayer": "content_design_and_making" 1583 }, 1584 { 1585 "topFacet": "Digital Humanities & Digital Cultures", 1586 "dataLayer": "content_digital_humanities_and_cultures" 1587 }, 1588 { 1589 "topFacet": "Discipline", 1590 "dataLayer": "content_discipline" 1591 }, 1592 { 1593 "topFacet": "Doctrines", 1594 "dataLayer": "content_doctrines" 1595 }, 1596 { 1597 "topFacet": "Document Type", 1598 "dataLayer": "content_document_type" 1599 }, 1600 { 1601 "topFacet": "Drama & Performance Studies", 1602 "dataLayer": "content_drama_performance_studies" 1603 }, 1604 { 1605 "topFacet": "Dress", 1606 "dataLayer": "content_dress" 1607 }, 1608 { 1609 "topFacet": "Economics", 1610 "dataLayer": "content_economics" 1611 }, 1612 { 1613 "topFacet": "Education", 1614 "dataLayer": "content_education" 1615 }, 1616 { 1617 "topFacet": "Education Level", 1618 "dataLayer": "content_education_level" 1619 }, 1620 { 1621 "topFacet": "Elements of interior design", 1622 "dataLayer": "content_elements_of_interior_design" 1623 }, 1624 { 1625 "topFacet": "Engineering", 1626 "dataLayer": "content_engineering" 1627 }, 1628 { 1629 "topFacet": "Environmental Studies", 1630 "dataLayer": "content_environmental_studies" 1631 }, 1632 { 1633 "topFacet": "Fashion", 1634 "dataLayer": "content_fashion" 1635 }, 1636 { 1637 "topFacet": "Fashion Business", 1638 "dataLayer": "content_fashion_business" 1639 }, 1640 { 1641 "topFacet": "Film & Media", 1642 "dataLayer": "content_film_media" 1643 }, 1644 { 1645 "topFacet": "Films", 1646 "dataLayer": "content_films" 1647 }, 1648 { 1649 "topFacet": "Food", 1650 "dataLayer": "content_food" 1651 }, 1652 { 1653 "topFacet": "Gender & Sexuality Studies", 1654 "dataLayer": "content_gender_sexuality_studies" 1655 }, 1656 { 1657 "topFacet": "General Religion", 1658 "dataLayer": "content_general_religion" 1659 }, 1660 { 1661 "topFacet": "Genres and forms", 1662 "dataLayer": "content_genres_and_forms" 1663 }, 1664 { 1665 "topFacet": "Genres, Movements and Styles", 1666 "dataLayer": "content_genres_movements_and_styles" 1667 }, 1668 { 1669 "topFacet": "Geography", 1670 "dataLayer": "content_geography" 1671 }, 1672 { 1673 "topFacet": "Health & Wellbeing", 1674 "dataLayer": "content_health_wellbeing" 1675 }, 1676 { 1677 "topFacet": "History", 1678 "dataLayer": "content_history" 1679 }, 1680 { 1681 "topFacet": "History, theory and criticism", 1682 "dataLayer": "content_history_theory_and_criticism" 1683 }, 1684 { 1685 "topFacet": "Ideologies and schools of thought", 1686 "dataLayer": "content_ideologies_schools_of_thought" 1687 }, 1688 { 1689 "topFacet": "Image", 1690 "dataLayer": "content_image" 1691 }, 1692 { 1693 "topFacet": "Interior construction and building systems", 1694 "dataLayer": "content_interior_construction" 1695 }, 1696 { 1697 "topFacet": "Interior Design & Interior Architecture", 1698 "dataLayer": "content_interior_design" 1699 }, 1700 { 1701 "topFacet": "International Development", 1702 "dataLayer": "content_international_development" 1703 }, 1704 { 1705 "topFacet": "Language", 1706 "dataLayer": "content_language"
1707 }, 1708 { 1709 "topFacet": "Law", 1710 "dataLayer": "content_law" 1711 }, 1712 { 1713 "topFacet": "Library & Information Science", 1714 "dataLayer": "content_library_information_science" 1715 }, 1716 { 1717 "topFacet": "Linguistics", 1718 "dataLayer": "content_linguistics" 1719 }, 1720 { 1721 "topFacet": "Literary Studies", 1722 "dataLayer": "content_literary_studies" 1723 }, 1724 { 1725 "topFacet": "Marine Engineering", 1726 "dataLayer": "content_marine_engineering" 1727 }, 1728 { 1729 "topFacet": "Material type", 1730 "dataLayer": "content_material_type" 1731 }, 1732 { 1733 "topFacet": "Materials", 1734 "dataLayer": "content_materials" 1735 }, 1736 { 1737 "topFacet": "Mathematics & Statistics", 1738 "dataLayer": "content_mathematics_statistics" 1739 }, 1740 { 1741 "topFacet": "Medical Humanities & Medical History", 1742 "dataLayer": "content_medical_humanities_and_history" 1743 }, 1744 { 1745 "topFacet": "Middle East", 1746 "dataLayer": "content_middle_east" 1747 }, 1748 { 1749 "topFacet": "Modern Languages", 1750 "dataLayer": "content_modern_languages" 1751 }, 1752 { 1753 "topFacet": "Movements and Schools Of Thought", 1754 "dataLayer": "content_movements_schools_of_thought" 1755 }, 1756 { 1757 "topFacet": "Music & Sound Studies", 1758 "dataLayer": "content_music_sound_studies" 1759 }, 1760 { 1761 "topFacet": "Music Genres", 1762 "dataLayer": "content_music_genres" 1763 }, 1764 { 1765 "topFacet": "Named individuals (non-fictional)", 1766 "dataLayer": "content_named_individuals" 1767 }, 1768 { 1769 "topFacet": "Natural Sciences", 1770 "dataLayer": "content_natural_sciences" 1771 }, 1772 { 1773 "topFacet": "Nursing & Health", 1774 "dataLayer": "content_nursing_health" 1775 }, 1776 { 1777 "topFacet": "Objects", 1778 "dataLayer": "content_objects" 1779 }, 1780 { 1781 "topFacet": "Organizations and Design Houses", 1782 "dataLayer": "content_organizations_and_design_houses" 1783 }, 1784 { 1785 "topFacet": "Peer-Reviewed", 1786 "dataLayer": "content_peer-reviewed" 1787 }, 1788 { 1789 "topFacet": "People", 1790 "dataLayer": "content_people" 1791 }, 1792 { 1793 "topFacet": "People and Organisations", 1794 "dataLayer": "content_people" 1795 }, 1796 { 1797 "topFacet": "Peoples, Cultures and Religions", 1798 "dataLayer": "content_peoples_cultures_and_religions" 1799 }, 1800 { 1801 "topFacet": "Period (first performed)", 1802 "dataLayer": "content_period_first_performed" 1803 }, 1804 { 1805 "topFacet": "Period featured", 1806 "dataLayer": "content_period_featured" 1807 }, 1808 { 1809 "topFacet": "Period", 1810 "dataLayer": "content_period" 1811 }, 1812 { 1813 "topFacet": "Periods", 1814 "dataLayer": "content_period" 1815 }, 1816 { 1817 "topFacet": "Philosophy", 1818 "dataLayer": "content_philosophy" 1819 }, 1820 { 1821 "topFacet": "Photography", 1822 "dataLayer": "content_photography" 1823 }, 1824 { 1825 "topFacet": "Place", 1826 "dataLayer": "content_place" 1827 }, 1828 { 1829 "topFacet": "Places", 1830 "dataLayer": "content_place" 1831 }, 1832 { 1833 "topFacet": "Place Featured", 1834 "dataLayer": "content_place" 1835 }, 1836 { 1837 "topFacet": "Plays", 1838 "dataLayer": "content_plays" 1839 }, 1840 { 1841 "topFacet": "Playwrights", 1842 "dataLayer": "content_playwrights" 1843 }, 1844 { 1845 "topFacet": "Politics & International Relations", 1846 "dataLayer": "content_politics_international_relations" 1847 }, 1848 { 1849 "topFacet": "Practice subject", 1850 "dataLayer": "content_practice_subject" 1851 }, 1852 { 1853 "topFacet": "Practitioner roles", 1854 "dataLayer": "content_practitioner_roles" 1855 }, 1856 { 1857 "topFacet": "Primary text", 1858 "dataLayer": "content_primary_text" 1859 }, 1860 { 1861 "topFacet": "Principles and approaches", 1862 "dataLayer": "content_principles_and_approaches" 1863 }, 1864 { 1865 "topFacet": "Professional and business practice", 1866 "dataLayer": "content_business_practice" 1867 }, 1868 { 1869 "topFacet": "Psychology", 1870 "dataLayer": "content_psychology" 1871 }, 1872 { 1873 "topFacet": "Race & Ethnicity Studies", 1874 "dataLayer": "content_race_ethnicity_studies" 1875 }, 1876 { 1877 "topFacet": "Referencing Style", 1878 "dataLayer": "content_referencing_style" 1879 }, 1880 { 1881 "topFacet": "Referencing Topic", 1882 "dataLayer": "content_referencing_topic" 1883 }, 1884 { 1885 "topFacet": "Religion", 1886 "dataLayer": "content_religion" 1887 }, 1888 { 1889 "topFacet": "Religious Studies", 1890 "dataLayer": "content_religious_studies" 1891 }, 1892 { 1893 "topFacet": "Representing space: Drawing, Modelling and CAD", 1894 "dataLayer": "content_representing_space" 1895 }, 1896 {
1897 "topFacet": "Research fields", 1898 "dataLayer": "content_research_fields" 1899 }, 1900 { 1901 "topFacet": "Research Methods", 1902 "dataLayer": "content_research_methods" 1903 }, 1904 { 1905 "topFacet": "Schools, Movements, Styles", 1906 "dataLayer": "content_schools_movements_styles" 1907 }, 1908 { 1909 "topFacet": "Science & Technology", 1910 "dataLayer": "content_science_technology" 1911 }, 1912 { 1913 "topFacet": "Setting", 1914 "dataLayer": "content_setting" 1915 }, 1916 { 1917 "topFacet": "Social Work & Social Welfare", 1918 "dataLayer": "content_social_work_social_welfare" 1919 }, 1920 { 1921 "topFacet": "Sociology", 1922 "dataLayer": "content_sociology" 1923 }, 1924 { 1925 "topFacet": "Sources", 1926 "dataLayer": "content_sources" 1927 }, 1928 { 1929 "topFacet": "Special Features", 1930 "dataLayer": "content_special_features" 1931 }, 1932 { 1933 "topFacet": "Sport & Exercise", 1934 "dataLayer": "content_sport_exercise" 1935 }, 1936 { 1937 "topFacet": "Sport / Activity", 1938 "dataLayer": "content_sport_or_activity" 1939 }, 1940 { 1941 "topFacet": "Study Skills", 1942 "dataLayer": "content_study_skills" 1943 }, 1944 { 1945 "topFacet": "Subject", 1946 "dataLayer": "content_subject" 1947 }, 1948 { 1949 "topFacet": "Subjects", 1950 "dataLayer": "content_subject" 1951 }, 1952 { 1953 "topFacet": "Supplier", 1954 "dataLayer": "content_supplier" 1955 }, 1956 { 1957 "topFacet": "Textiles", 1958 "dataLayer": "content_textiles" 1959 }, 1960 { 1961 "topFacet": "Textiles, Materials and Colors", 1962 "dataLayer": "content_textiles_materials_and_colors" 1963 }, 1964 { 1965 "topFacet": "The Design Industry", 1966 "dataLayer": "content_the_design_industry" 1967 }, 1968 { 1969 "topFacet": "Themes", 1970 "dataLayer": "content_themes" 1971 }, 1972 { 1973 "topFacet": "Theology", 1974 "dataLayer": "content_theology" 1975 }, 1976 { 1977 "topFacet": "Topic", 1978 "dataLayer": "content_topic" 1979 }, 1980 { 1981 "topFacet": "Topics", 1982 "dataLayer": "content_topic" 1983 }, 1984 { 1985 "topFacet": "Types of History", 1986 "dataLayer": "content_types_of_history" 1987 }, 1988 { 1989 "topFacet": "UN Sustainable Development Goals", 1990 "dataLayer": "content_unsustainable_development_goals" 1991 } 1992 ]; 1993</script>
1993<script type="text/javascript"> 1994 function googleAnalyticsPageLoad(options) { 1995 var dataLayerObj = {}; 1996 dataLayerObj.event = 'page_load'; 1997 //Customer Related 1998 dataLayerObj.authentication_status = 'not logged in'; 1999 //Page Related 2000 dataLayerObj.page_type = "cms"; 2001 dataLayerObj.product_id = "churchillcol"; 2002 dataLayerObj.product_name = "Churchill Archive Platform"; 2003 dataLayerObj.platform = "Churchill Archive Platform"; 2004 dataLayerObj.product_name = ('Churchill Archive Platform').split("~!").join("'"); 2005 2006 if (options) { 2007 for (member in options) { 2008 dataLayerObj[member] = options[member]; 2009 } 2010 } 2011 dataLayer.push(dataLayerObj); 2012 } 2013</script>
2013 2014 2015 2016 2017<div class="main-container"> 2018<header class="bs-docs-nav navbar header-layout header-temp1"> <div class="top-header"> <div class="container"> <div class="hidden-xs"> <div class="pull-left mt10"> <div class="social-icons"> <ul role="menu"> </ul> </div> </div> </div> <!-- social Icons for mobile devices starts--> <div class="visible-xs"> <div class="pull-left"> <div class="social-icons"> <ul role="menu"> </ul> </div> </div> </div> <!-- social Icons for mobile devices ends--> <div class="pull-right user-details"> 2019 2020 <div class="header-dropdown dropdown inline-disp " id="checkForLogout"> 2021 <a href="login?recentUrl=/about-churchill-archive" title="Login"> 2022 <img src="/bloomsbury_assets/bloomsbury/images/signin_icon.png" alt="" title=""> 2023 <span aria-label="Log In">Log In</span> 2024 </a> 2025 </div> 2026 </div> </div> </div> <div class="btm-header"> <div class="container"> <div class="navbar-header" tabindex="0"> <button aria-controls="bs-navbar" aria-expanded="false" class="collapsed navbar-toggle" data-target="#bs-navbar" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand zero-leftpad single-logo"> <a href="home"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/f_auto%2Cq_auto/churchill/00_Static/Churchill_Archive_logo_-_300px.jpg" class="img-responsive" alt="Churchill Archive" title="Churchill Archive"></a> </span> <span class="navbar-brand single-logo"> </span> <div class="hidden-md hidden-lg mob-search-icon"> <a href="javascript:;"><img src="/bloomsbury_assets/bloomsbury/images/search-icon-gray.png" class="img-responsive mob-search" aria-label="Search Button" tabindex="0"/></a> </div> </div> <nav class="collapse navbar-collapse" id="bs-navbar"> <span class="bpm-menu-close hidden-lg hidden-md">X</span> <ul role="navigation" aria-label="Main" class="nav navbar-nav"> <li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home" onclick="window.location.href='/home'">Home</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Browse the Catalogue" onclick="window.location.href='/browse-the-catalogue'">Browse the Catalogue</button></li><li class="dropdown " ><button tabindex="0" onclick="window.location.href='#';" data-toggle="dropdown" class="dropdown-toggle changebtn" aria-label="Explore by" aria-expanded="false">Explore by</button><ul class="dropdown-menu" role="list" aria-label="Explore by"><li role="presentation"><a tabindex="0" href="/taxonomy?id=CA_FCT_000008" title="Topic " aria-label="Topic ">Topic </a></li><li role="presentation"><a tabindex="0" href="/taxonomy?id=CA_FCT_000005" title="Place" aria-label="Place">Place</a></li><li role="presentation"><a tabindex="0" href="/taxonomy?id=CA_FCT_000006" title="Period " aria-label="Period ">Period </a></li><li role="presentation"><a tabindex="0" href="/taxonomy?id=CA_FCT_000002" title="People" aria-label="People">People</a></li></ul> </li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Teaching and Research" onclick="window.location.href='/teaching-and-research'">Teaching and Research</button></li><li class="dropdown active" ><button tabindex="0" onclick="window.location.href='#';" data-toggle="dropdown" class="dropdown-toggle changebtn" aria-label="About" aria-expanded="false">About</button><ul class="dropdown-menu" role="list" aria-label="About"><li role="presentation"><a tabindex="0" href="/about-churchill-archive" title="About Churchill Archive" aria-label="About Churchill Archive">About Churchill Archive</a></li><li role="presentation"><a tabindex="0" href="/faqs" title="FAQs" aria-label="FAQs">FAQs</a></li><li role="presentation"><a tabindex="0" href="/reviews" title="Reviews" aria-label="Reviews">Reviews</a></li><li role="presentation"><a tabindex="0" href="/subscriber-services" title="<b>Subscriber Services</b>" aria-label="<b>Subscriber Services</b>"><b>Subscriber Services</b></a></li></ul> </li> </ul> </nav> </div> </div> <div class="clearfix"></div></header></div> 2027<div class="modal fade" id="session-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false"> 2028 <div class="vertical-alignment-helper"> 2029 <div class="modal-dialog session-modal vertical-align-center" role="document"> 2030 <div class="modal-content"> 2031 <div class="modal-body"> 2032 <h2>Alert</h2> 2033 <p id="session-prompttext">Your session is about to expire! You will be logged out in </p> 2034 <div id="time" class="text-center session-time">10:00</div> 2035 <p id="session-promptconfirm" tabindex="0" aria-labelledby="session-promptconfirm">
2035 Do you wish to stay logged in?</p> 2036 <input type="button" value="Yes, keep me logged in" class="primary_btn clear-btn" id="session-login"> 2037 <input type="button" value="No, log me out" id="session-logout" class="secondary_btn"> 2038 </div> 2039 </div> 2040 </div> 2041 </div> 2042</div> 2043 2044 2045
2046<script type="text/javascript"> 2047 function search(request, response) { 2048 var siteName="churchillcol"; 2049 var langCode ="en"; 2050 var country = "$territory"; 2051 searchContent = request.term.replace("/", "~").replaceAll('"',''); 2052 var predicitivexmlreq = new XMLHttpRequest(); 2053 2054 predicitivexmlreq.open("GET","/api/searchresult/searchPredictive/"+searchContent+"/"+siteName+"/"+langCode+"/"+country,true); 2055 2056 2057 predicitivexmlreq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 2058 predicitivexmlreq.send(); 2059 predicitivexmlreq.onreadystatechange = function() { 2060 if (predicitivexmlreq.status == 200 ) { 2061 if(searchContent.replace(/\s/g, "").length>2) { 2062 var predicitivedata = predicitivexmlreq.response; 2063 var predicitivedataString = jQuery.parseJSON(predicitivedata); 2064 }else{ 2065 predicitivedataString=""; 2066 } 2067 response(predicitivedataString); 2068 2069 } 2070 } 2071 } 2072 2073 $(document).ready(function() { 2074 try { 2075 $("#global_searchbox").autocomplete({ 2076 source: search, 2077 minLength: 1, 2078 select: function( event, ui ) { 2079 showProgress(); 2080 localStorage.setItem("selectedCheckBoxItem", null); 2081 localStorage.setItem("EnabledCheckBoxs",false); 2082 var text=ui.item.value; 2083 if(text.trim().length>0){ 2084 var url=window.location.protocol+'//'+window.location.host+'/search-results?any='+text; 2085 window.location.href=url; 2086 } 2087 }, 2088 open: function (event, ui) { 2089 if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { 2090 $('.ui-autocomplete').off('menufocus hover mouseover mouseenter'); 2091 } 2092 } 2093 }); 2094 $.ui.autocomplete.prototype._renderItem = function (ul, item) { 2095 item.label = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(this.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"); 2096 return $("<li></li>") 2097 .data("item.autocomplete", item) 2098 .append("<a>" + item.label + "</a>") 2099 .appendTo(ul); 2100 }; 2101 2102 $(document).on('touchstart', '.ui-autocomplete a',function(e){ 2103 $("#global_searchbox").data('ui-autocomplete')._trigger('select', 'autocompleteselect', {item:{value:$(this).text()}}); 2104 }); 2105 2106 } catch (e) {} 2107 }); 2108 2109</script>
2109 2110 2111 2112 2113 2114 2115<div class="search" style="text-align: left; background: none;"> 2116 <div class="container"> 2117 <div class="advanced_keyboard"> 2118 <input type="text" name="search_text" id="global_searchbox" title="Enter text to search" placeholder="Search Churchill Archive Platform" value='' autocomplete="off" class=""> 2119 <input id="global_searchbtn" type="submit" class="disabled-btn" aria-label="Search" aria-disabled="true"> </div> 2120 </div> 2121 <!--search ends--> 2122</div> 2123 2124 2125
2126<script> 2127 $("#global_searchbox").on("change", function(){ 2128 if ($(this).val().length > 0) { 2129 $("#global_searchbtn").removeClass('disabled-btn'); 2130 $("#global_searchbtn").removeAttr("aria-disabled"); 2131 } else { 2132 $("#global_searchbtn").addClass('disabled-btn'); 2133 $("#global_searchbtn").attr("aria-disabled", "true"); 2134 } 2135 }); 2136</script>
2136 2137 2138 2139 2140 2141 2142 2143 2144
2145<script type="text/javascript"> 2146 $(document).ready(function(){ 2147 var navigationList = $("header li.dropdown"); 2148 navigationList.each(function(){ 2149 var dropdownList = $(this).find(".dropdown-menu li"); 2150 if (dropdownList.length == 0) { 2151 $(this).addClass('hide'); 2152 } 2153 }); 2154 2155 $('.navbar-collapse li a').on('click', function(e){ 2156 var protocol = "https://"; 2157 var domainname = window.location.host; 2158 var host = window.location.href; 2159 var parent=$(this).parent().parent(); 2160 var interactiontype = "parent"; 2161 var sibling= ""; 2162 var linkurl = ""; 2163 var hrefValue = $(this).attr('href'); 2164 if (parent.hasClass('dropdown-menu')) 2165 { 2166 if(hrefValue.includes("/")){ 2167 linkurl = protocol+domainname+hrefValue; 2168 } 2169 else 2170 { 2171 linkurl = protocol+domainname+"/"+hrefValue; 2172 } 2173 interactiontype = "child"; 2174 sibling=parent.prev().text()+ " > "+$(this).text(); 2175 } 2176 else 2177 { 2178 sibling = $(this).text(); 2179 hrefValue = ''; 2180 linkurl = ""; 2181 } 2182 var idattrvalue = $(this).attr('title'); 2183 if(idattrvalue == undefined){ 2184 idattrvalue = ""; 2185 } 2186 if(hrefValue== "#") 2187 { 2188 hrefValue = ''; 2189 } 2190 const navObj = {}; 2191 navObj.event= 'click_nav_link' 2192 navObj.link_classes = $(this).attr('class') 2193 navObj.link_domain = domainname 2194 navObj.link_id = idattrvalue 2195 navObj.link_text = $(this).text() 2196 navObj.link_url= linkurl 2197 navObj.link_breadcrumb = sibling 2198 navObj.interaction_type = interactiontype 2199 console.log(navObj); 2200 dataLayer.push(navObj); 2201 }); 2202 $("header nav>ul>li:visible:last a").css("background-image", "none"); 2203 }); 2204 navbarPadding(); 2205 $(window).resize(function(){ 2206 navbarPadding(); 2207 }); 2208 function navbarPadding(){ 2209 var navbarHeight=0; 2210 if ($("nav .navbar-nav>li").length > 0) { 2211 var heights = $("nav .navbar-nav>li").map(function () 2212 { 2213 return $(this).height(); 2214 }).get(); 2215 2216 navbarHeight = Math.max.apply(null, heights); 2217 } 2218 if (navbarHeight > 50) { 2219 $("nav.navbar-collapse").css("padding-top", "21px"); 2220 } else { 2221 $("nav.navbar-collapse").css("padding-top", "40px"); 2222 } 2223 } 2224 var loginEvent = $.cookie("LoginEvent"); 2225 if (loginEvent == "true") { 2226 dataLayer.push({ 2227 'event' : 'login', 2228 'method' : '$session.getAttribute("BB-LOGGEDIN-TYPE")' 2229 }); 2230 $.cookie("LoginEvent", "false"); 2231 } 2232</script>
2232 2233 2234 <div class="static_template mob_pad" id="page-template6"> 2235 <div class="container carousel-container"> 2236 <div class="row"> 2237 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20 carousel-margin" data-section="1"> 2238 <div class="carousel-layer single-carousel"> 2239 <div id="carousel-example-generic-1" class="carousel slide" data-ride="carousel" data-interval="8000"> 2240 <!-- Indicators --> 2241 2242 <!-- Wrapper for slides --> 2243 <div class="carousel-inner" role="listbox"> 2244 <div class="item active"> 2245 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 img-section caro3"> 2246 <div class="stretched-text" style="height:230px"> 2247 <div class="stretch_cap"> 2248 <div style="background-color:#000000" class="stretch-maintext"> 2249 <h1></h1> 2250 <p><style> 2251.carousel-layer .caro3 .stretched-text .stretch_cap .stretch-maintext { 2252 2253word-break: normal !important; 2254text-align: left; 2255margin-top:-20px; 2256 2257 2258} 2259 2260@media { 2261.carousel-layer .caro3 .stretched-text .stretch_cap .stretch-maintext { 2262background-color: rgba(0,0,0,0.8) !important; 2263width:fit-content; 2264height:fit-content; 2265padding-left: 20px; 2266padding-right: 20px; 2267padding-bottom: 20px; 2268float:right; 2269border-radius: 20px; 2270text-align:left; 2271opacity: 1 !important; 2272} 2273 2274} 2275 2276.static_template h1 { 2277 margin-bottom: 0px !important; 2278} 2279 2280.static_template p { 2281 margin-bottom: 0px; 2282} 2283 2284 2285</style> 2286 <p><span style="font-size: 35px; line-height:45px;"><b>About the Churchill Archive:</b></span></p><p><span style="font-size: 21px; line-height: 40px;">Modern History. Documented and Digitized. 2287</span></p></p> 2288 </div> 2289 </div> 2290 </div> 2291 <img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/v1688996090/churchill/00_Static/About/CA_About_Banner.png" style="height:230px" class="img-responsive" alt=""/> 2292 </div> 2293 </div> 2294 </div> 2295 2296 <a class="left carousel-control" href="#carousel-example-generic-1" role="button" data-slide="prev" tabindex="0"> 2297 <span class="icon-Left_arrow"></span> 2298 <span class="sr-only" tabindex="-1">Previous</span> 2299 </a> 2300 <a class="right carousel-control" href="#carousel-example-generic-1" role="button" data-slide="next" tabindex="0"> 2301 <span class="icon-right_arrow"></span> 2302 <span class="sr-only" tabindex="-1">Next</span> 2303 </a> 2304 </div> 2305 2306</div>
2307<script> 2308 $(document).ready(function() { 2309 $(".carousel-indicators li").off().on("keyup", function(e) { 2310 if (e.keyCode == 13) { 2311 $(this).click(); 2312 } 2313 }); 2314 $(".carousel-indicators div").off().on("click keyup", function(e) { 2315 if (e.type == "click" || e.keyCode == 13) { 2316 var carousel = $(this).parent().parent(); 2317 $(".carousel-indicators div").toggleClass("hide"); 2318 if ($(this).hasClass("fa-pause")) { 2319 carousel.carousel('pause'); 2320 $(this).prev().focus(); 2321 } else if ($(this).hasClass("fa-play")) { 2322 carousel.carousel('cycle'); 2323 $(this).next().focus(); 2324 } 2325 } 2326 }); 2327 }); 2328</script>
2328 2329 </div> 2330 </div> 2331 </div> 2332 <div class="mb20"> 2333 <section class="two-column"> 2334 <div class="container"> 2335 <div class="row"> 2336 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20 zero-padding" data-section="3"> 2337 <div class="paragraph_widget"> 2338 <div class="en-desc" style=""><div class="row mb20"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <p align="center"><iframe id="vp1isqfo" title="Video Player" width="544" height="315" frameborder="1" src="https://s3.amazonaws.com/embed.animoto.com/play.html?w=swf/production/vp1&e=1688986074&f=isqfoPtq3rFMBWOMymTItQ&d=0&m=p&r=360p+720p+1080p&volume=100&start_res=1080p&i=m&asset_domain=s3-p.animoto.com&animoto_domain=animoto.com&options=" allowfullscreen=""></iframe></p><p style="font-size: 0px;">a</p></div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <iframe width="560" height="315" src="https://www.youtube.com/embed/_qZeV90mse4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe><p style="font-size: 0px;">a</p> </div></div> </div> 2339 </div> 2340 2341 </div> 2342 </div> 2343 </div> 2344 <div class="container"> 2345 <div class="row"> 2346 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20 zero-padding" data-section="5"> 2347 <div class="paragraph_widget"> 2348 <div class="en-desc" style=""> <blockquote><span style="font-size: 22px;"><b>"I have found the Churchill Archive to be a priceless academic resource."</b></span><br> â Dr Piers Brendon, Fellow of Churchill College, Cambridge</blockquote> <blockquote><span style="font-size: 22px;"><b>"This is the holy grail of twentieth-century archives."</b></span><br> â Martin Farr, Director of Undergraduate Studies, School of Historical Studies, Newcastle University, UK</blockquote> <blockquote><span style="font-size: 22px;"><b>"There are few figures more important to the history of the twentieth century than Winston Churchill."</b></span><br>â David B. Woolner, Senior Fellow and Hyde Park Resident Historian, Roosevelt Institute, USA</blockquote> </div> 2349 </div> 2350 2351 </div> 2352 </div> 2353 </div> 2354 <div class="container"> 2355 <div class="row"> 2356 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb20 zero-padding" data-section="7"> 2357 <div class="paragraph_widget"> 2358 <div class="en-desc" style=""> <p>Published in October 2012 by Bloomsbury Publishing in collaboration with the <b>Churchill Archives Centre</b>, the <b>Churchill Archive</b>; is a digital library of modern international history. In 2024, the <b>Acquired Papers</b> were added to the Archive, ensuring unparalleled insight into Winston Churchillâs personal and political life. </p><br><p> It includes <b>more than 800,000 pages of original documents</b>, produced between 1874 and 1965, ranging from Winston S. Churchillâs personal correspondence to his official exchanges with kings, presidents, politicians, and military leaders. This is more than a fantastic collection of primary source material; it is a unique online resource offering new insight into a fascinating period of our past. </p><br><p> Access the full archive, as well as specially commissioned essays written by leading historians and curated groups of documents focussing on wide areas of study and research.</p><br><p> The <b>Churchill Archive</b> is available for purchase by institutions via subscription or on a perpetual access basis. Free trials are now available.</p> </div> 2359 </div> 2360 2361 </div> 2362 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb20 zero-padding" data-section="8"> 2363 <div class="paragraph_widget"> 2364 <div class="en-desc" style=""> <ul style="list-style: none;"> <li><a href="/how-to-subscribe"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â How to Subscribe</b></u></a></li> <li><a href="/faqs"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Frequently Asked Questions</b></u></a></li> <li><a href="/reviews"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Reviews and Endorsements</b></u></a></li> <li><a href="/churchill-archive-migration"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Migration</b></u></a></li> <li><a href="/copyright-and-third-party-copyright-agreements"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Copyright and Third Party Copyright Agreements</b></u></a></li> <li><a href="/bloomsbury-publishing"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Bloomsbury Publishing</b></u></a></li> <li><a href="/the-archives-centre"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â The Archives Centre</b></u></a></li> <li><a href="/advisory-groups-to-the-churchill-archive"><u style="text-decoration-color: red; text-underline-offset: 0.3em; font-size: 16px;"><b>â Advisory Groups to the Churchill Archive</b></u></a></li> </ul> </div> 2365 </div> 2366 2367 </div> 2368 </div> 2369 </div> 2370 </section> 2371 </div> 2372</div> 2373<div class="ssp-footer-layout"> <footer class="footer-temp2"> <div class="ssp-footer-top"> <div class="container">
2373 <div class="row ssp-foot"> <div class="col-xs-12 col-sm-12 hidden-md hidden-lg"> <ul class="ssp-footer-menu"> <li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home " onclick="window.location.href='/home'">Home </button></li><li class="active" role="none"><button tabindex="0" class="changebtnhome" aria-label="About" onclick="window.location.href='/about-churchill-archive'">About</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Subscriber Services" onclick="window.location.href='/subscriber-services'">Subscriber Services</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Accessibility" onclick="window.location.href='/accessibility'">Accessibility</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Contact Us" onclick="window.location.href='/contact-us'">Contact Us</button></li> </ul> </div> <div class="sm-temp2-container"> <div class="ssp-foot-logo"> <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2 ssp-footleft-img"> <span class="navbar-brand zero-leftpad first-logo"> <a href="home"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/f_auto%2Cq_auto/churchill/00_Static/Churchill_Archive_logo_-_300px.jpg" class="img-responsive" alt="Churchill Archive" title="Churchill Archive"></a> </span> </div> <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2 ssp-footright-img"> <span class="navbar-brand second-logo"> </span> </div> </div> <div class="col-xs-6 hidden-sm col-md-5 col-lg-6 hidden-xs footer2-nav"> <ul class="ssp-footer-menu"> <li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home " onclick="window.location.href='/home'">Home </button></li><li class="active" role="none"><button tabindex="0" class="changebtnhome" aria-label="About" onclick="window.location.href='/about-churchill-archive'">About</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Subscriber Services" onclick="window.location.href='/subscriber-services'">Subscriber Services</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Accessibility" onclick="window.location.href='/accessibility'">Accessibility</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Contact Us" onclick="window.location.href='/contact-us'">Contact Us</button></li> </ul> </div> <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2 footer2-social"> <div class="hidden-xs footer2-social-inner"> <div class="social-media"> <!-- <h5 tabindex="0">Social Media</h5> --> <ul role="menu"> <li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.bloomsbury.com/us/newsletters/churchill-archive-newsletter/" title="Newsletters"><span class="icon-Newsletters" title="Newsletters"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://twitter.com/churchillonline" title="X"><span class="icon-X" title="X"></span></a></li> </ul> </div> </div> </div> <!-- social Icons for mobile devices starts--> <div class="visible-xs xs-social"> <div class="social-media"> <!-- <h5 tabindex="0">Social Media</h5> --> <ul role="menu"> <li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.bloomsbury.com/us/newsletters/churchill-archive-newsletter/" title="Newsletters"><span class="icon-Newsletters" title="Newsletters"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://twitter.com/churchillonline" title="X"><span class="icon-X" title="X"></span></a></li> </ul> </div> </div> <!-- social Icons for mobile devices ends--> </div> </div> </div> </div> <div class="ssp-footer-btm"> <div class="container"> <div class="row"> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-left"> <div class="copy-right"> Copyright Bloomsbury Publishing Plc 2026 </div> </div> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right footer-bootm-link"> <h6><a href="/terms-and-conditions" alt="Terms and Conditions" title="Terms and Conditions">Terms and Conditions</a></h6><h6>
2373<a href="/privacy-policy" alt="Privacy Policy" title="Privacy Policy">Privacy Policy</a></h6> </div> </div> </div> </div> </footer></div> 2374
2374<script> 2375 var siteId = 'bb01'; 2376 sqtrkq.push(['wid', siteId]); 2377 var squidObj = {}; 2378 var mpid = ''; 2379 mpid = 'churchillcol'; 2380 var mpna = ''; 2381 mpna = 'Churchill Archive Platform'; 2382 2383 var mpa = 'Static Page'; 2384 var mut = 'Page'; 2385 var mpsa = ""; 2386 var cdid = 'churchillcol'; 2387 var cdna = 'Churchill Archive Platform'; 2388 var cdt = 'Static Page'; 2389 var cid = '/about-churchill-archive'; 2390 var cna = ''; 2391 cna = 'About Churchill Archive'; 2392 mpsa = 'about-churchill-archive'; 2393 if(mpa) { 2394 squidObj.mpa = mpa; 2395 } 2396 if(mpsa) { 2397 squidObj.mpsa = mpsa; 2398 } 2399 if (mpid) { 2400 squidObj.mpid = mpid; 2401 } 2402 if (mpna) { 2403 squidObj.mpna = mpna; 2404 } 2405 if (mut) { 2406 squidObj.mut = mut; 2407 } 2408 if (cdid) { 2409 squidObj.cdid = cdid; 2410 } 2411 if (cdna) { 2412 squidObj.cdna = cdna; 2413 } 2414 if (cna) { 2415 squidObj.cna = cna; 2416 } 2417 if (cdt) { 2418 squidObj.cdt = cdt; 2419 } 2420 if (cid) { 2421 squidObj.cid = cid; 2422 } 2423 2424 2425 var u = new URI(document.location.href); 2426 sqtrkq.push(['dom', '.' + u.domain()]); 2427 2428 2429 sqtrkq.push(['ext', encodeURIComponent(JSON.stringify(squidObj))]); 2430 sqtrkq.push(['post', true]); 2431 sqtrkq.push(['track']); 2432 2433</script>
2433 2434
2435<script> 2436 plyr.setup(); 2437 $('.popper').popover({ 2438 placement: 'top', 2439 container: 'body', 2440 trigger: 'manual', 2441 html: true, 2442 content: function () { 2443 return $(this).next('.popper-content').length>0?$(this).next('.popper-content').html():$(this).parent().next('.popper-content').html(); 2444 } 2445 }).off('keyup click').on('keyup click', function(e){ 2446 if (e.keyCode == 13) { 2447 $('this').trigger('click'); 2448 } else if (e.type == "click") { 2449 e.stopPropagation(); 2450 $('.popper').popover('hide'); 2451 $(this).popover('toggle'); 2452 } 2453 }); 2454 2455 $('.article-popper').popover({ 2456 placement: 'top', 2457 container: 'body', 2458 trigger: 'manual', 2459 html: true, 2460 content: function () { 2461 return $('.popper-content[id="'+$(this).attr('popover-id')+'"]').html(); 2462 } 2463 }).on('keyup click', function(e){ 2464 if (e.keyCode == 13) { 2465 $('this').trigger('click'); 2466 } else if (e.type == "click") { 2467 e.stopPropagation(); 2468 $('.article-popper').popover('hide'); 2469 $(this).popover('toggle'); 2470 } 2471 }); 2472 initArcadianLibraryImageSlider(); 2473 $('a[target="_blank"]').each(function(){ 2474 $(this).attr("rel", "noopener noreferrer"); 2475 }); 2476 $('.custom_text_widget a').on('click', function(e){ 2477 dataLayer.push({ 2478 'event' : 'click_institutional_message' 2479 }); 2480 }); 2481 $('.owl-dots').on('click', function(e){ 2482 var cms_element_type=""; 2483 const navObj = {}; 2484 cms_element_type="Image Slider"; 2485 navObj.event= 'cms_element_click'; 2486 navObj.cms_element_type =cms_element_type; 2487 dataLayer.push(navObj); 2488 }); 2489 $(".owl-nav").on('click', function(e){ 2490 var cms_element_type=""; 2491 const navObj = {}; 2492 if(!e.isTrigger){ 2493 cms_element_type="Image Slider"; 2494 navObj.event= 'cms_element_click'; 2495 navObj.cms_element_type =cms_element_type; 2496 dataLayer.push(navObj); 2497 } 2498 }); 2499 $('.carousel-indicators').on('click', function(e){ 2500 var cms_element_type=""; 2501 const navObj = {}; 2502 cms_element_type="Image Carousel"; 2503 navObj.event= 'cms_element_click'; 2504 navObj.cms_element_type =cms_element_type; 2505 dataLayer.push(navObj); 2506 }); 2507 $('.hero_image_widget').on('click', function(e){ 2508 var cms_element_type=""; 2509 const navObj = {}; 2510 cms_element_type="Hero Image"; 2511 navObj.event= 'cms_element_click'; 2512 navObj.cms_element_type =cms_element_type; 2513 dataLayer.push(navObj); 2514 }); 2515 2516 var cmselements = '.audio_widget,.video_widget,.paragraph_widget,.social_feed,.image_feature,.carousel-layer,.image-slider-layout,.contact_us,.adminportal_widget,.tile_widget,.custom_text_widget'; 2517 var cms_element_type=""; 2518 const navObj = {}; 2519 var isImageFeature = false; 2520 $(cmselements).find('a,button,input[type="button"],img').on('click',function(){ 2521 var classname = $(this).parents(cmselements).attr('class'); 2522 if(!isImageFeature){ 2523 var parentElement = $(this).parent('a'); 2524 if (parentElement.is('a') && $(this).is('img')) { 2525 isImageFeature = true; 2526 return true; 2527 } 2528 } 2529 var currentclasses = classname.split(' '); 2530 var presentclass = ''; 2531 for(var x=0;x<currentclasses.length;x++) { 2532 if (cmselements.includes(currentclasses[x])) { 2533 presentclass = currentclasses[x]; 2534 classname = presentclass; 2535 break; 2536 } 2537 } 2538 switch (classname) { 2539 case 'audio_widget': 2540 cms_element_type="Audio"; 2541 break; 2542 case 'video_widget': 2543 cms_element_type="Video"; 2544 break; 2545 case 'paragraph_widget': 2546 cms_element_type="Paragraph"; 2547 break; 2548 case 'social_feed': 2549 cms_element_type="Social Feeds"; 2550 break; 2551 case 'image_feature': 2552 cms_element_type="Image"; 2553 break; 2554 case 'carousel-layer': 2555 cms_element_type="Image Carousel"; 2556 break; 2557 case 'image-slider-layout': 2558 cms_element_type="Image Slider"; 2559 break; 2560 case 'contact_us': 2561 cms_element_type="Contact Us form"; 2562 break; 2563 case 'adminportal_widget': 2564 cms_element_type="Admin Portal"; 2565 break; 2566 case 'tile_widget': 2567 cms_element_type="Title/Custom Grid"; 2568 break; 2569 case 'custom_text_widget': 2570 cms_element_type="Custom Text Box"; 2571 break; 2572 } 2573 navObj.event= 'cms_element_click' 2574 navObj.cms_element_type =cms_element_type 2575 dataLayer.push(navObj); 2576 isImageFeature = false; 2577 }); 2578$('.ssp-footer-layout li a').on('click', function(e){
2579 var domainname = window.location.host; 2580 var host = window.location.href; 2581 var parent=$(this).parent().parent(); 2582 var interactiontype = "parent"; 2583 var sibling= ""; 2584 var linkclasses = ""; 2585 if (parent.hasClass('dropdown-menu')) 2586 { 2587 interactiontype = "child"; 2588 sibling=parent.prev().text()+ " > "+$(this).text(); 2589 } 2590 else 2591 { 2592 sibling = $(this).text(); 2593 } 2594 var idattrvalue = $(this).attr('title'); 2595 if(idattrvalue == undefined){ 2596 idattrvalue = ""; 2597 } 2598 var hrefValue = $(this).attr('href'); 2599 if(hrefValue== "#") 2600 { 2601 hrefValue = ''; 2602 } 2603 if(hrefValue== "javascript:void(0)") 2604 { 2605 hrefValue = ''; 2606 } 2607 linkclasses = $(this).attr('class'); 2608 if(linkclasses == undefined){ 2609 linkclasses = ""; 2610 } 2611 const navObj = {}; 2612 navObj.event= 'click_nav_link' 2613 navObj.link_classes = linkclasses 2614 navObj.link_domain = domainname 2615 navObj.link_id = idattrvalue 2616 navObj.link_text = $(this).text() 2617 navObj.link_url = host+hrefValue 2618 navObj.link_breadcrumb = sibling 2619 navObj.interaction_type = interactiontype 2620 dataLayer.push(navObj); 2621 }); 2622 $(document).on('click', '#quiz_data_form input[type="radio"], #quiz_data_form input[type="checkbox"]', function() { 2623 var cms_element_type=""; 2624 const navObj = {}; 2625 cms_element_type="Quiz"; 2626 navObj.event= 'cms_element_click'; 2627 navObj.cms_element_type =cms_element_type; 2628 dataLayer.push(navObj); 2629 }); 2630 if (!window.analyticsFlag) { 2631 googleAnalyticsPageLoad(); 2632 } 2633 </script>
2633
2634<script type="text/javascript"> 2635 yourContentAdjustment(); 2636 function yourContentAdjustment() { 2637 $(".your_content_widget").each(function(){ 2638 var container = $(this).find('.main-content-area .archieve_top').length ? $(this).find('.main-content-area .archieve_top') : $(this); 2639 var totalAccordionList = $(this).find(".yourcontent_accordion"); 2640 var accordionList = $(this).find(".yourcontent_accordion").filter(function(){ 2641 return $(this).find(".item-list").length > 0; 2642 }); 2643 var rowCount = $(this).find(".row").length; 2644 var accordionCount = accordionList.length; 2645 var numColumns = $(this).find(".yourContentColums").val(); 2646 numColumns = parseInt(numColumns)?parseInt(numColumns):0; 2647 var numEntries = $(this).find(".yourContentEntries").val(); 2648 numEntries = parseInt(numEntries)?parseInt(numEntries):0; 2649 var rowAdjustmentFlag = accordionList.length < totalAccordionList.length; 2650 if (rowAdjustmentFlag) { 2651 $(this).find('.row').remove(); 2652 } 2653 for (let i = 0; i < accordionList.length; i += numColumns) { 2654 const newRow = $('<div class="row"></div>'); 2655 for (let j = i; j < i + numColumns && j < accordionList.length; j++) { 2656 var itemListCount = $(accordionList[j]).find('.item-list').length; 2657 if (itemListCount > numEntries) { 2658 $(accordionList[j]).find(".browse-all-link").removeClass("hide"); 2659 $(accordionList[j]).find(".item-list").slice(numEntries).remove(); 2660 } else { 2661 $(accordionList[j]).find(".browse-all-link").addClass("hide"); 2662 } 2663 if (rowAdjustmentFlag) { 2664 newRow.append($(accordionList[j])); 2665 } 2666 } 2667 if (rowAdjustmentFlag) { 2668 container.append(newRow); 2669 } 2670 } 2671 if(accordionList.length == 0) { 2672 $(this).parent().addClass("hide"); 2673 } 2674 //$(this).find(".yourcontent_accordion").each(function(){}); 2675 }); 2676 $(".your_content_widget .collapse").on("shown.bs.collapse", function (e) { 2677 $(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-plus').addClass('glyphicon-minus'); 2678 }).on("hidden.bs.collapse", function(e){ 2679 $(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus'); 2680 }); 2681 } 2682</script>
2682 2683</body> 2684</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.