PageSourceSearch

https://visionofbritain.org.uk/

html visionofbritain.org.uk collected 2026-10-02 11:36:46 UTC 19,970 bytes, 481 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12    
13    
14    
15        
16    
17
18
19
20
21
22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
23<html xmlns="http://www.w3.org/1999/xhtml">
24<head>
25
26  
27	
28	
29	
30  
31
32
33<!-- Google Tag Manager -->
34<script>
vendor: 331 bytes, lines 34-38
34(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
35new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
36j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
37'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
38})(window,document,'script','dataLayer','
38GTM-5RQZ6X79
vendor: 3 bytes, line 38
38');
38</script>
38
39<!-- End Google Tag Manager -->
40
41<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
42<title> A Vision of Britain through Time | Your national on-line library for local history | Maps, Statistics, Travel Writing and more </title>
43<link href="https://headscape.co.uk/" title="Headscape Web design: strategy, usability, design, development, marketing." />
44
45<meta name="description" content="A vision of Britain through time..." />
46<meta name="keywords" content="Vision of Britain, University of Portsmouth" />
47<meta name="version" content="v2.8.0" />
48
49<meta name="viewport" content="width=device-width, initial-scale=1">
50
51<link rel="shortcut icon" href="#">
52<meta http-equiv="imagetoolbar" content="no" />
53<link rel="stylesheet" type="text/css" href="/css/basic.css" media="all" />
54<!-- All browsers - basic screen CSS -->
55<link rel="stylesheet" type="text/css" href="/css/default.css" media="all" />
56<!-- All browsers - simple screen CSS -->
57<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
58<!-- All browsers - print CSS -->
59<style type="text/css" media="screen">
60  <!-- @import url("/css/extended.css") all; --> <!-- Modern Browsers (IE7, FF, Webkit, Opera etc.) - fully featured screen CSS -->
61</style>
62
63<link rel="preconnect" href="https://fonts.googleapis.com">
64<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
65<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
66<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
67
68<link rel="stylesheet" href="/css/fontawesome.min.css" />
69<link rel="stylesheet" href="/css/solid.min.css" />
70
71<link rel="stylesheet" href="/css/vob-responsive.modified.css" />
72<link rel="stylesheet" href="/css/vob-2025.css" />
73
74<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 2 bytes, line 74
74
75<script type="text/javascript" src="/js/default.js"></script>
75
76
77<!-- Favicon -->
78<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
79<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
80<!-- <link rel="shortcut icon" href="/favicon/favicon.ico" /> -->
81<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
82<link rel="manifest" href="/favicon/site.webmanifest" />
83
84<!-- Canonical Tag for Google Bots -->
85
86	
87	
88	
89		<link rel="canonical" href="https://www.visionofbritain.org.uk" />
90	
91
92
93
94<style type="text/css">
95@media screen and (max-width: 799px) {
96  	.map-box .map {	padding: 30px 0 0 20px !important; }
97}
98
99@media screen and (min-width: 800px) {
100  	.row1-container { grid-template-columns: repeat(2, 1fr); }
101  	.row2-container { grid-template-columns: repeat(2, 1fr); }
102  	
103  	.links-box { grid-column: 1 / span 1; }
104  	.map-box { grid-column: 1 / span 2; }
105  	
106  	.map-box { grid-template-columns: repeat(2, 1fr); }
107  	.map-box .map {	padding: 30px 0 0 40px !important; }
108}
109
110@media screen and (min-width: 1000px) {
111  	.row1-container { grid-template-columns: repeat(3, 1fr); }
112  	.row2-container { grid-template-columns: 1fr 2fr; }
113  	
114  	.links-box { grid-column: 1 / span 1; }
115  	.map-box { grid-column: 2 / span 2; }
116}
117
118.row1-container {
119	display: grid;
120	gap: 30px;
121	margin-top: 50px;
122}
123
124.row2-container {
125	display: grid;
126	gap: 30px;
127	margin: 100px 0 0 0;
128}
129
130.row1-container p,
131.row2-container p {
132	line-height: 2.0 !important;
133}
134
135.white-box p {
136	margin-bottom: 20px;
137}
138
139.white-box ul {
140	margin-top: 5px !important;
141}
142
143.links-box {
144	align-self: start;
145	padding: unset;
146}
147
148.links-box h2 {
149	margin-top: -5px;
150}
151
152.links-box p {
153	margin-bottom: 60px;
154}
155
156.map-box {
157	align-self: start;
158	display: grid;
159	background: #f9faf4;
160	padding: 30px 20px 40px 20px;
161	box-shadow: 5px 0 #e4e2d1 inset;
162}
163
164.map-box h4 {
165	margin-top: unset;
166	font-size: 32px;
167}
168
169.map-box .text .links {
170	display: grid;
171	grid-template-columns: repeat(2, 1fr);
172}
173
174.map-box .text p {
175	font-weight: 500;
176	margin-bottom: 30px;
177}
178
179.map-box .map {
180	all: unset;
181	justify-self: center;
182}
183
184ul:not(.footer) li {
185	line-height: 1.75 !important;
186}
187
188#mousemovemessage {
189	font: 14px IBM Plex Sans, sans-serif;
190	margin-left: -5px;
191	margin-top: 5px;
192}
193
194</style>
195
196<script type="text/javascript">
197	function mapOnMouseOver(str) {
198		document.getElementById("mousemovemessage").innerHTML = str;
199	}
200	
201	function mapOnMouseOut(str) {
202		document.getElementById("mousemovemessage").innerHTML = "Click on an area";
203	}
204</script>
204
205
206</head>
207
208
209	
210	
211	
212		<body class="tHome uniquePageIdentifier" onload="document.place_search.pcode.focus();">
213	
214
215
216
217	
218	
219
220
221
222<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 222-223
222
223<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
223GTM-5RQZ6X79
vendor: 85 bytes, lines 223-224
223"
224height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
225<!-- End Google Tag Manager (noscript) -->
226
227<div id="header" class="row">
228  <div id="headerOverlay">
229    <div id="header-container" class="rowInner"> 
230      <div id="header-logo">
231        
232          
233          
234          
235            <img id="printLogo" src="/images/logoPrint.gif" alt="Vision of Britain logo" />
236            <a id="vobLogo" href="/">A vision of Britain through time</a>
237          
238        
239      </div>
240      
241	  <div id="header-search">
242        <p>Search for a place</p>
243		<form class="header-search-form" method="get" action="/place/match_page.jsp">
244		  <input type="text" id="header-placeSearch" placeholder="Place name or postcode" class="field placeSearch" name="pcode" />
245		  <button type="submit"><i class="fa fa-search"></i></button>
246		</form>
247      </div>
248    </div>
249  </div>
250</div>
251
252<div id="navigation" class="row">
253  <ul class="rowInner">
254  
255    
256      
257        <li class="current"><a href="/">Home</a></li>
258      
259      
260    
261
262    
263      
264        
265        <li><a href="/place/">Places</a></li>
266      
267    
268 
269    
270      
271        
272        <li><a href="/maps/">Old maps</a></li>
273      
274    
275    
276    
277      
278        
279        <li><a href="/census/">Censuses</a></li>
280      
281        
282    
283    
284      
285        
286        <li><a href="/travellers/">Historical writing</a></li>
287      
288    
289   
290    
291      
292        
293        <li><a href="/atlas/">Statistical atlas</a></li>
294      
295    
296
297  </ul>
298</div>
299
300
301<div id="page" class="row">
302  <div class="rowInner">
303    
304      <h2 class="title">Information about life in Britain and Ireland between 1801 and modern times</h2>
305        
306      <div class="place-search-box">
307        <h3>Search for a place</h3>
308		<form class="search-form" name="place_search" method="get" action="/place/match_page.jsp">
309		  <input type="text" id="placeSearch" placeholder="Place name or postcode" class="field placeSearch" name="pcode" />
310		  <button type="submit"><i class="fa fa-search"></i></button>
311		</form>
312
313        <h4>to find maps, historical writings and data about...</h4>
314
315        <div class="themes-container">
316          <div class="themes-item-container">
317            <div class="themes-item">
318              <img src="/images/themeIcon01.png" alt="Population; Social Structure; Life and Death" />
319              <div class="text">
320                <p>Population</p>
321                <p>Social structure</p>
322                <p>Life and death</p>
323              </div> 
324            </div>
325          </div>
326          <div class="themes-item-container">
327            <div class="themes-item">
328              <img src="/images/themeIcon02.png" alt="Industry; Work and Poverty; Housing" />
329              <div class="text">
330			    <p>Industry</p>
331		        <p>Work and poverty</p>
332			    <p>Housing</p>
333              </div>
334            </div>
335          </div>
336          <div class="themes-item-container">
337            <div class="themes-item">
338              <img src="/images/themeIcon03.png" alt="Learning and Language; Birthplace and Religion; Political life" />
339              <div class="text">
340                <p>Learning and language</p>
341                <p>Birthplace and religion</p>
342                <p>Political life</p>
343              </div>
344            </div>
345          </div>
346        </div>
347      </div>
348	
349	  <div class="row1-container">
350
351	    <div class="white-box">
352	      <h2>Brexit and Covid-19</h2>
353	      <p>How did Brexit and Covid-19 affect working life? See our maps comparing 2017-19 with 2020-22 across the UK’s localities:</p>
354	      <ul class="bullets">
355	        <li><a href="/atlas/map/R_ACTIVE_COV_AND_BREX/NUTS_3/01JAN2020_31DEC2022"><span>Percent Economically Inactive</span></a></li>
356	        <li><a href="/atlas/map/R_CHRONIC_ILL_HEALTH/NUTS_3/01JAN2020_31DEC2022"><span>Percent with Long-Term Health Conditions</span></a></li>
357	        <li><a href="/atlas/map/R_HEALTH_LIMITS_WORK/NUTS_3/01JAN2020_31DEC2022"><span>Percent with Work-limiting Long-Term Ill-Health</span></a></li>
358	      </ul>
359	    </div>
360	    <div class="white-box">
361	      <h2><a href="/travellers">Historical writing</a></h2>
362	      <p>Explore the UK's largest online collection of historical writing by travellers, artisans and agitators dating back to 1188.</p>
363	      <ul class="bullets">
364	        <li><a href="/travellers/J_Wesley"><span>John Wesley &#151; Preaching Methodism</span></a></li>
365	        <li><a href="/travellers/Young_Ireland"><span>Arthur Young &#151; Touring Ireland</span></a></li>
366			<li><a href="/travellers/"><span>More writers &raquo;</span></a></li>
367	      </ul>
368	    </div>
369	    <a class="blue-box" href="/expertsearch#tab04">
370	      <div>
371	    	<h2>Gazetteer search</h2>
372	    	<p>Search historical gazetteers for information about towns and cities.</p>
373	      </div>
374	    </a>
375	  </div>
376	  
377	  <div class="row2-container">
378	    <div class="links-box">
379          <h2><a class="large" href="/learning">Teaching resources</a></h2>
380          <p>Teaching resources designed to help users at different levels get the most from the Vision of Britain website.</p>
381	      <h2><a class="large" href="/atlas">Statistical atlas</a></h2>
382	      <p>Compare point-in-time data across the nation.</p>
383	      <h2><a class="large" href="/expertsearch">Expert search</a></h2>
384	      <p>Directly search historical gazetteers and administrative units.</p>
385	      <h2><a class="large" href="/data">Data access for researchers</a></h2>
386	      <p></p>
387	    </div>
388	    <div class="map-box">
389	      <div class="text">
390	        <h4>Regional statistics</h4>
391	        <p>Find historical information for British regions. Drill down from regions
392	        to find historical statistics for modern local authorities.</p>
393	        <div class="links">
394	          <ul class="underline">
395	            <li><a href="/region/10099249">East</a></li>
396	            <li><a href="/region/10056895">East Midlands</a></li>
397	            <li><a href="/region/10097836">London</a></li>
398	            <li><a href="/region/10102741">North East</a></li>
399	            <li><a href="/region/10216151">North West</a></li>
400	            <li><a href="/region/10205724">South East</a></li>
401	            <li><a href="/region/10089803">South West</a></li>
402	          </ul>
403	          <ul class="underline">
404	          	<li><a href="/region/10204630">West Midlands</a></li>
405	          	<li><a href="/region/10032910">Yorkshire and Humber</a></li>
406
407	            <li><a href="/region/13146111">Scotland</a></li>
408	            <li><a href="/region/13146123">Wales</a></li>
409	          </ul>
410	        </div>
411	      </div>
412	      <div class="map">
413	        <img src="/images/region/10090283_transparent.png" border="0" ismap="ismap" usemap="#mapmap" alt="Map of Local Gov Regions of the UK" />
414    	    <div id="mousemovemessage">Click on an area</div>
415	        <map name="mapmap">
416<area shape="poly" href="/region/10205724" onMouseOver="mapOnMouseOver('SOUTH EAST')"  onMouseOut="mapOnMouseOut('region')"   coords="127,301,121,296,126,294,131,297,127,301" alt="SOUTH EAST">
417<area shape="poly" href="/region/10205724" onMouseOver="mapOnMouseOver('SOUTH EAST')"  onMouseOut="mapOnMouseOut('region')"   coords="163,292,160,295,150,292,139,294,135,292,126,292,120,296,116,295,111,287,119,287,117,278,121,277,121,270,117,265,117,255,125,245,126,251,138,243,141,246,138,256,142,260,143,269,157,275,159,268,175,273,186,270,186,278,179,283,177,288,172,287,163,292" alt="SOUTH EAST">
418<area shape="poly" href="/region/10097836" onMouseOver="mapOnMouseOver('LONDON')"  onMouseOut="mapOnMouseOut('region')"   coords="151,274,143,269,143,263,151,261,162,266,157,275,151,274" alt="LONDON">
419<area shape="poly" href="/region/10099249" onMouseOver="mapOnMouseOver('EAST')"  onMouseOut="mapOnMouseOut('region')"   coords="142,262,139,254,139,243,146,234,143,227,154,226,163,220,165,215,175,215,184,217,191,226,191,232,189,245,179,257,175,256,172,266,164,269,159,263,152,261,142,262" alt="EAST">
420<area shape="poly" href="/region/10089803" onMouseOver="mapOnMouseOver('SOUTH WEST')"  onMouseOut="mapOnMouseOut('region')"   coords="116,296,111,301,101,299,100,301,90,295,78,300,76,309,71,314,66,310,58,308,48,309,41,313,37,321,34,317,26,315,32,313,52,293,54,284,58,285,61,278,71,277,82,279,88,277,89,272,94,268,96,256,99,251,105,252,115,247,119,253,117,265,121,270,120,277,117,278,119,287,111,287,116,296" alt="SOUTH WEST">
421<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="43,124,45,117,47,127,43,124" alt="SCOTLAND">
422<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="16,44,13,41,18,37,14,35,16,25,30,18,33,20,28,28,28,34,19,38,16,44" alt="SCOTLAND">
423<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="92,10,92,3,88,5,86,-2,91,-2,97,5,92,10" alt="SCOTLAND">
424<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="7,64,6,55,10,58,7,64" alt="SCOTLAND">
425<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="10,51,5,47,11,44,10,51" alt="SCOTLAND">
426<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="33,68,33,63,27,65,22,55,29,45,31,50,30,56,35,62,40,62,33,68" alt="SCOTLAND">
427<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="29,118,25,118,21,111,27,109,29,118" alt="SCOTLAND">
428<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="46,147,57,125,47,110,41,117,37,131,33,131,39,115,36,108,41,100,40,95,49,78,39,89,34,87,28,79,34,80,37,69,41,67,36,54,40,52,38,41,49,39,45,33,54,14,68,18,88,14,91,21,87,27,73,38,67,48,72,49,67,55,86,47,91,49,112,49,115,56,
428111,61,106,76,101,86,92,92,99,99,91,101,82,108,89,110,95,106,107,112,110,115,103,122,106,128,100,132,96,138,87,145,78,145,70,152,62,150,61,155,53,148,46,147" alt="SCOTLAND">
429<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="29,113,31,105,37,101,31,114,29,113" alt="SCOTLAND">
430<area shape="poly" href="/region/13146111" onMouseOver="mapOnMouseOver('SCOTLAND')"  onMouseOut="mapOnMouseOut('region')"   coords="26,97,29,89,25,84,31,84,39,91,35,95,26,97" alt="SCOTLAND">
431<area shape="poly" href="/region/10216151" onMouseOver="mapOnMouseOver('NORTH WEST')"  onMouseOut="mapOnMouseOut('region')"   coords="87,205,87,194,91,189,88,182,92,182,92,173,86,176,77,162,78,156,84,146,87,146,96,137,100,143,99,150,104,152,107,163,103,167,103,171,98,175,109,186,107,189,112,196,110,208,99,217,92,215,87,205" alt="NORTH WEST">
432<area shape="poly" href="/region/10102741" onMouseOver="mapOnMouseOver('NORTH EAST')"  onMouseOut="mapOnMouseOut('region')"   coords="127,157,135,160,134,162,123,163,115,161,107,163,103,151,99,150,100,143,97,135,106,128,103,122,109,115,117,124,120,138,127,157" alt="NORTH EAST">
433<area shape="poly" href="/region/10204630" onMouseOver="mapOnMouseOver('WEST MIDLANDS')"  onMouseOut="mapOnMouseOut('region')"   coords="85,246,89,238,83,234,89,224,85,222,89,216,99,217,107,209,115,211,114,219,118,220,117,225,128,238,125,245,119,252,115,247,105,252,100,250,101,254,96,257,89,254,85,246" alt="WEST MIDLANDS">
434<area shape="poly" href="/region/13146123" onMouseOver="mapOnMouseOver('WALES')"  onMouseOut="mapOnMouseOut('region')"   coords="87,205,87,206,87,205" alt="WALES">
435<area shape="poly" href="/region/13146123" onMouseOver="mapOnMouseOver('WALES')"  onMouseOut="mapOnMouseOut('region')"   coords="55,204,56,200,62,200,67,203,60,210,55,204" alt="WALES">
436<area shape="poly" href="/region/13146123" onMouseOver="mapOnMouseOver('WALES')"  onMouseOut="mapOnMouseOut('region')"   coords="64,262,58,258,46,264,39,258,41,254,37,252,55,245,62,240,65,236,66,224,65,217,51,221,60,213,65,206,82,202,90,209,93,219,89,216,85,222,88,223,83,235,88,241,86,248,88,253,96,256,96,264,79,272,73,269,69,264,59,265,64,262" alt="WALES">
437<area shape="poly" href="/region/10056895" onMouseOver="mapOnMouseOver('EAST MIDLANDS')"  onMouseOut="mapOnMouseOut('region')"   coords="125,244,128,238,117,225,114,219,114,209,110,206,113,196,118,204,126,204,133,197,143,198,146,193,156,197,160,211,154,218,159,222,154,226,143,227,146,232,141,241,126,251,125,244" alt="EAST MIDLANDS">
438<area shape="poly" href="/region/10032910" onMouseOver="mapOnMouseOver('YORKSHIRE AND THE HUMBER')"  onMouseOut="mapOnMouseOut('region')"   coords="147,189,153,196,150,199,146,193,143,198,133,197,127,204,118,204,118,201,107,189,109,186,106,181,98,175,103,171,104,165,115,161,120,163,134,162,135,160,142,165,144,170,150,175,148,179,155,192,147,189" alt="YORKSHIRE AND THE HUMBER">
439</map>
440
441	      </div>
442	    </div>
443	  </div>
444
445  </div>
446</div>
447
448
449
450<div id="footer-container">
451  <div id="footer-map" class="row">
452    <div class="rowInner">
453      <div class="white-box">
454        <h3><a href="/maps">Old maps</a></h3>
455        <p>Browse our collection of nearly 300 historic map sheets dating from 1803 to 1985.</p>
456      </div>
457    </div>
458  </div>
459  
460  <div id="footer" class="row">
461    <div class="rowInner">
462      <div id="footer-sub-container">
463        <div id="footer-links">
464          <a href="#header" class="backToTop">Back to top</a>
465          <ul class="horizontal footer">
466            <li><a href="/about/credits">&copy;2009-2025 University of Portsmouth and others</a></li>
467            <li><a href="/about">About this site</a></li>
468            <li><a href="/expertsearch">Expert search</a></li>
469            <li><a href="https://headscape.co.uk">Web design by Headscape</a></li>
470          </ul>
471        </div>
472        <div id="footer-logo">
473          <a href="https://www.port.ac.uk" id="footerLinkP">Portsmouth</a>
474        </div>
475      </div>
476    </div>
477  </div>
478</div>
479
480</body>
481</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.