PageSourceSearch

https://totparchive.co.uk/

html totparchive.co.uk collected 2026-10-02 12:41:34 UTC 29,001 bytes, 435 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en" data-bs-theme="dark">
4<head>
5  
5<script type="text/javascript" src="/js/check-browser-v1.js"></script>
5
6  <!-- Google Tag Manager -->
7<script>
vendor: 331 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11})(window,document,'script','dataLayer','
11GTM-M25DG5Z4
vendor: 3 bytes, line 11
11');
11</script>
11
12<!-- End Google Tag Manager -->  <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 12-13
12
13<script async src="https://www.googletagmanager.com/gtag/js?id=
13G-V41EN0RNEH
vendor: 13 bytes, line 13
13"></script>
14<script>
15  
vendor: 138 bytes, lines 15-19
15window.dataLayer = window.dataLayer || [];
16  function gtag(){dataLayer.push(arguments);}
17  gtag('js', new Date());
18
19  gtag('config', '
19G-V41EN0RNEH
vendor: 5 bytes, line 19
19');
20</script>
20  
20<script async rel="dns-prefetch" type="text/javascript" src="https://acct.acceptrics.com/485b3ad"></script>
20
21  <title>The unofficial home of TOTP - Top of the Pops Archive</title>
22  <meta name="viewport" content="width=device-width, initial-scale=1">
23  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
24  <meta content="Callum Brazier" name="author">
25  <meta content="The unofficial home of Top of the Pops, the long running BBC Music UK chart show that ran from 1964 to 2006. From artist &amp; presenter appearances, to logos and theme tunes - it's all listed on our extensive encyclopaedia of all things TOTP." name="description">
26  <meta content="TOTP, Top of the Pops, Pops, TOTP2, music, BBC, TV, pop, chart music, pop music, the pops, top of the pops archive, archive, television, british music, uk music, uk charts, 70s, 80s, 90s, BBC Four, BBC Music, TOTP2 archive, rock, old grey whistle test, 1964, 80s, 90s, the story of, Top of the Pops: The Story of" name="keywords">
27
28  <meta property="og:type" content="website">
29  <meta property="og:site_name" content="Top of the Pops Archive"/>
30  <meta property="og:locale" content="en_GB"/>
31  <meta property="og:title" content="The unofficial home of TOTP - Top of the Pops Archive" />
32  <meta property="og:image" content="/images/seo_webpage_previews/2900x1253_seo_webpage_preview_image_homepage_april_2026.jpg" />
33  <meta property="og:image:alt" content="/images/seo_webpage_previews/2900x1253_seo_webpage_preview_image_homepage_april_2026.jpg preview" />
34  <meta property="og:description" content="The unofficial home of Top of the Pops, the long running BBC Music UK chart show that ran from 1964 to 2006. From artist &amp; presenter appearances, to logos and theme tunes - it's all listed on our extensive encyclopaedia of all things TOTP." />
35  <meta property="og:url" content="https://totparchive.co.uk/" />
36
37  <!--Twitter Cards meta -->
38  <meta name="twitter:card" content="summary_large_image"/>
39  <meta name="twitter:creator" content="@TOTPArchive"/>
40  <meta name="twitter:site" content="@TOTPArchive"/>
41  <meta name="twitter:domain" content="https://totparchive.co.uk"/>
42  <meta name="twitter:title" content="The unofficial home of TOTP - Top of the Pops Archive"/>
43  <meta name="twitter:description" content="The unofficial home of Top of the Pops, the long running BBC Music UK chart show that ran from 1964 to 2006. From artist &amp; presenter appearances, to logos and theme tunes - it's all listed on our extensive encyclopaedia of all things TOTP."/>
44  <meta name="twitter:image:src" content="https://totparchive.co.uk/images/seo_webpage_previews/2900x1253_seo_webpage_preview_image_homepage_april_2026.jpg"/>
45  <meta name="twitter:image:alt" content="The unofficial home of TOTP - Top of the Pops Archive preview"/>
46  <meta name="twitter:url" content="https://totparchive.co.uk/">
47
48  <!--End of Twitter Cards meta-->
49  <link rel="apple-touch-icon" sizes="57x57" href="/images/icons/totp-logo-57x57.png">
50  <link rel="apple-touch-icon" sizes="64x64" href="/images/icons/totp-logo-64x64.png">
51  <link rel="apple-touch-icon" sizes="76x76" href="/images/icons/totp-logo-76x76.png">
52  <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/totp-logo-180x180.png">
53  <link rel="icon" type="image/png" sizes="180x180" href="/images/icons/totp-logo-180x180.png">
54  <link rel="icon" type="image/png" sizes="76x76" href="/images/icons/totp-logo-76x76.png">
55  <link rel="icon" type="image/png" sizes="64x64" href="/images/icons/totp-logo-64x64.png">
56  <link rel="icon" type="image/png" sizes="32x32" href="/images/icons/totp-logo-32x32.png">
57  <link rel="icon" type="image/png" sizes="16x16" href="/images/icons/totp-logo-16x16.png">
58  <link rel="icon" type="image/x-icon" href="/images/icons/favicon.ico">
59  <meta name="msapplication-TileColor" content="#ffffff">
60  <meta name="msapplication-TileImage" content="/images/icons/totp-logo-180x180.png">
61
62  <!-- Stylesheets -->
63  
63<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
63  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
64<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
vendor: 2 bytes, line 64
64
65<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-G/EV+4j2dNv+tEPo3++6LCgdCROaejBqfUeNjuKAiuXbjrxilcCdDz6ZAVfHWe1Y" crossorigin="anonymous"></script>
65  <link rel="preconnect" href="https://fonts.googleapis.com">
66<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
67<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> 
68  <!-- Calvin's customisation -->
69  <link rel="stylesheet" href="/styles/totp_august_2025.css">
70<link rel="stylesheet" href="/styles/totp-homepage-headline-card-202604-v3.css">
71  <link rel="stylesheet" href="/styles/horizontal_shelf_styling_111225.css">
72  <link rel="stylesheet" href="/styles/5th_anniversary_styling.css">
73  <style>
74    body {
75      background: linear-gradient(80deg, #6a0777, #651d76, #3f3187, #88125f);
76    }
77
78
79  </style>
80</head>
81<body>
82<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 82-83
82
83  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
83GTM-M25DG5Z4
vendor: 89 bytes, lines 83-85
83"
84  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
85  
85<!-- End Google Tag Manager (noscript) -->  <header>
86    <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top mb-4">
87      <div class="container-fluid">
88        <a class="navbar-brand" href="/">
89          <span class="totp-logo-wipe">
90            <span class="totp-logo-wipe-strip">
91              <img src="/images/icons/totp-navbar-logo-large.png" alt="Top of the Pops logo">
92              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
93              <img src="/images/icons/totp-navbar-logo-large-1.png" alt="Top of the Pops logo" aria-hidden="true">
94              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
95              <img src="/images/icons/totp-navbar-logo-large-2.png" alt="Top of the Pops logo" aria-hidden="true">
96              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
97              <img src="/images/icons/totp-navbar-logo-large-3.png" alt="Top of the Pops logo" aria-hidden="true">
98              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
99              <img src="/images/icons/totp-navbar-logo-large-4.png" alt="Top of the Pops logo" aria-hidden="true">
100              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
101              <img src="/images/icons/totp-navbar-logo-large-5.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
102              <img src="/images/icons/totp-navbar-logo-large-5years.png" alt="5 years of Top of the Pops archive logo" aria-hidden="true">
103              <img src="/images/icons/totp-navbar-logo-large.png" alt="Top of the Pops logo" aria-hidden="true">
104            </span>
105          </span>
106          <span class="visually-hidden">Top of the Pops </span>Archive
107        </a>
108        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
109          <span class="navbar-toggler-icon"></span>
110        </button>
111        <div class="collapse navbar-collapse" id="navbarCollapse">
112          <ul class="navbar-nav me-auto mb-2 mb-md-0">
113            <li class="nav-item">
114              <a class="nav-link" href="artist-guide.php">
115                Artists              </a>
116            </li>
117            <li class="nav-item">
118              <a class="nav-link" href="episode-guide.php">
119                Episodes              </a>
120            </li>
121            <li class="nav-item">
122              <a class="nav-link" href="performance-guide.php">
123                Performances              </a>
124            </li>
125            <li class="nav-item">
126              <a class="nav-link" href="presenter-guide.php">
127                Presenters              </a>
128            </li>
129            <li class="nav-item">
130              <a class="nav-link" href="presentation-guide.php">
131                Presentation              </a>
132            </li>
133            <li class="nav-item">
134              <a class="nav-link" href="dancetroupe-guide.php">
135                Dance Troupes              </a>
136            </li>
137            <li class="nav-item">
138              <a class="nav-link" href="extras.php">
139                Extras              </a>
140            </li>
141          </ul>
142        </div>
143      </div>
144    </nav>
145    
145<script>
146  document.addEventListener('DOMContentLoaded', function () {
147    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
148    tooltipTriggerList.map(function (tooltipTriggerEl) {
149      return new bootstrap.Tooltip(tooltipTriggerEl)
150    })
151  })
152</script>
152
153  </header>
154  <div class="container"><link rel="stylesheet" href="/styles/homepage_styling.css">
155
156	<section class="totp-hero rounded-4">
157		<video class="totp-hero-bg rounded-4" loop autoplay muted playsinline>
158			<source src="/videos/homepage_header_202604.mp4" type="video/mp4">
159				Your browser does not support the video tag.
160		</video>
161		<div class="totp-hero-overlay"></div>
162		<div class="totp-hero-content p-4">
163			<p class="hero-eyebrow">Welcome to the Top of the Pops Archive</p>
164			<h1>It's still number one.<br>It's <span class="text-warning">Top of the Pops</span>.</h1>
165			<p class="hero-sub text-muted">The largest unofficial encyclopedia cataloging 50+ years of the UK's longest running music TV show, which aired weekly from 1964 to 2006.</p>
166			<div class="hero-stats">
167				<div>
168					<span class="hero-stat-num">2,500+</span>
169					<span class="hero-stat-label">Episodes</span>
170				</div>
171				<div>
172					<span class="hero-stat-num">4,000+</span>
173					<span class="hero-stat-label">Artists</span>
174				</div>
175				<div>
176					<span class="hero-stat-num">25,000+</span>
177					<span class="hero-stat-label">Performances</span>
178				</div>
179				<div>
180					<span class="hero-stat-num">250+</span>
181					<span class="hero-stat-label">Presenters</span>
182				</div>
183			</div>
184		</div>
185	</section>
186	        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3 align-items-stretch g-4 py-4">
187    			<div class="col">
188				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
189					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_1998_opening_titles.jpg" class="card-img" loading="lazy" alt="...">
190					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
191						<div class="mt-auto">
192							<p class="image-card-badge mb-1">
193								<span class='badge rounded-pill border border-warning bg-dark'>WATCH ON iPLAYER</span>							</p>
194							<h3 class="image-card-header mb-1">Pop, Y2K style.</h3>
195							<p>Relive the year 2000. Episode reruns continue on BBC Four and iPlayer.</p>
196						</div>
197					</div>
198					<a href="episodeyear.php?year=2000" class="stretched-link"></a>
199				</div>
200			</div>
201				<div class="col">
202				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
203					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_5_years_of_totp_archive_2026.jpg" class="card-img" loading="lazy" alt="...">
204					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
205						<div class="mt-auto">
206							<p class="image-card-badge mb-1">
207								<span class='badge rounded-pill border border-warning bg-dark'>5th ANNIVERSARY</span>							</p>
208							<h3 class="image-card-header mb-1"></h3>
209							<p>Check out the history of the TOTP Archive which launched on August 7th 2021.</p>
210						</div>
211					</div>
212					<a href="about-totparchive.php" class="stretched-link"></a>
213				</div>
214			</div>
215				<div class="col">
216				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
217					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_celine_dion_1998.jpg" class="card-img" loading="lazy" alt="...">
218					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
219						<div class="mt-auto">
220							<p class="image-card-badge mb-1">
221								<span class='badge rounded-pill border border-warning bg-dark'>ARTIST SPOTLIGHT</span>							</p>
222							<h3 class="image-card-header mb-1">Celine Dion</h3>
223							<p>Check out the iconic singer&#039;s performances over the years on TOTP.</p>
224						</div>
225					</div>
226					<a href="artist.php?name=celine-dion" class="stretched-link"></a>
227				</div>
228			</div>
229				<div class="col">
230				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
231					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_1995_opening_titles.jpg" class="card-img" loading="lazy" alt="...">
232					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
233						<div class="mt-auto">
234							<p class="image-card-badge mb-1">
235								<span class='badge rounded-pill border border-warning bg-dark'>AS SEEN ON TV</span>							</p>
236							<h3 class="image-card-header mb-1">TOTP: 1997 Big Hits</h3>
237							<p>This TOTP compilation special originally aired 07/05/2022.</p>
238						</div>
239					</div>
240					<a href="performance-playlist.php?name=biggest-hits-1997" class="stretched-link"></a>
241				</div>
242			</div>
243				<div class="col">
244				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
245					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_story_of_1999.jpg" class="card-img" loading="lazy" alt="...">
246					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
247						<div class="mt-auto">
248							<p class="image-card-badge mb-1">
249								<span class='badge rounded-pill border border-warning bg-dark'>PERFORMANCE PLAYLIST</span>							</p>
250							<h3 class="image-card-header mb-1">Live in '99</h3>
251							<p>Check out all the live performances featured on TOTP in 1999.</p>
252						</div>
253					</div>
254					<a href="performance-playlist.php?name=1999-live-performances" class="stretched-link"></a>
255				</div>
256			</div>
257				<div class="col">
258				<div class="card card-cover text-bg-dark rounded-4 shadow h-100 overflow-hidden">
259					<img src="/images/cards/feature_cards/1310x1000_card_cover_dark_grad_1973_opening_titles.jpg" class="card-img" loading="lazy" alt="...">
260					<div class="card-img-overlay d-flex flex-column h-100 p-4 pb-1 text-white text-shadow-1">
261						<div class="mt-auto">
262							<p class="image-card-badge mb-1">
263								<span class='badge rounded-pill border border-warning bg-dark'>EPISODE COLLECTION</span>							</p>
264							<h3 class="image-card-header mb-1">Banned repeats.</h3>
265							<p>An extensive list of episodes which will not be repeated in full on TV.</p>
266						</div>
267					</div>
268					<a href="episodecollection.php?name=banned-repeats" class="stretched-link"></a>
269				</div>
270			</div>
271	        </div>
272    	<br>
273	<h2>Remember when...</h2>
274	<div class="row row-cols-1 row-cols-md-2 align-items-stretch g-4 pt-1">
275		<div class="col h-100">
276					<!-- Including our scripting file. -->
277		
277<script type="text/javascript" src="/js/random-performancevideo-script.js"></script>
277
278
279		<div id="display_video">
280		</div>
281		<div class="d-flex justify-content-center">
282			<div>
283				<button class="btn btn-primary" id="next_video_btn"><i class="bi bi-shuffle"></i> Shuffle</button>
284			</div>
285		</div>
286				<br>
287		</div>
288		<div class="col h-100">
289					<!-- Including our scripting file. -->
290		
290<script type="text/javascript" src="/js/random-onthisdayepisode-script.js"></script>
290
291
292		<div id="display_onthisdayepisode">
293			
294		</div>
295		<div class="d-flex justify-content-center p-1">
296			<button class="btn btn-primary" id="next_onthisday_btn"><i class="bi bi-shuffle"></i> Shuffle</button>
297		</div>
298				<br>
299		</div>
300	</div>
301	
301<script type="text/javascript" src="/js/horizontal-shelf-scroll.js"></script>
301
302
303<!-- Closes the container tag -->
304    </div>
305
306    <footer class="site-footer bg-dark text-light mt-4">
307      <style>
308      .site-footer {
309        --footer-accent: #560F49;
310        --footer-accent-pink: #FF0095;
311      }
312
313      .site-footer .footer-heading {
314        border-bottom: 2px solid var(--footer-accent);
315      }
316      .site-footer .footer-heading .bi {
317        color: var(--footer-accent-pink);
318      }
319
320      .site-footer a:hover,
321      .site-footer a:focus-visible {
322        text-decoration-color: var(--footer-accent-pink) !important;
323      }
324      .site-footer .footer-nav .nav-link:hover,
325      .site-footer .footer-nav .nav-link:focus-visible {
326        text-decoration: underline !important;
327      }
328
329      .site-footer .footer-pill {
330        border: 1px solid var(--bs-border-color-translucent);
331      }
332      .site-footer .footer-pill:hover,
333      .site-footer .footer-pill:focus-visible {
334        background-color: var(--footer-accent);
335        border-color: var(--footer-accent);
336        color: #fff;
337      }
338
339      .site-footer a:focus-visible {
340        outline: 2px solid var(--footer-accent-pink);
341        outline-offset: 2px;
342      }
343
344      @media (min-width: 992px) {
345        .site-footer .footer-col:not(:first-child) {
346          border-left: var(--bs-border-width) solid var(--bs-border-color);
347        }
348      }
349      </style>
350
351      <div class="container pt-2">
352
353        
354        <div class="row gy-5 gy-lg-0 gx-lg-5 py-3">
355
356          <!-- Sitemap column -->
357          <div class="col-12 col-lg-4 footer-col">
358            <h4 class="footer-heading d-flex align-items-center gap-2 fs-6 text-uppercase text-white pb-2 mb-3"><i class="bi bi-signpost-2" aria-hidden="true"></i> SITEMAP</h4>
359            <nav aria-label="Footer sitemap">
360              <ul class="nav flex-column footer-nav small">
361                <li class="nav-item mb-2"><a href="index.php" class="nav-link p-0 link-light text-decoration-none">Top of the Pops Archive</a></li>
362                <li class="nav-item mb-2"><a href="artist-guide.php" class="nav-link p-0 link-light text-decoration-none">Artist Guide</a></li>
363                <li class="nav-item mb-2">
364                  <a href="episode-guide.php" class="nav-link p-0 link-light text-decoration-none">
365                    <i class="bi bi-collection-play me-1" aria-hidden="true"></i>Episode Guide                  </a>
366                  <ul class="list-unstyled d-flex flex-wrap gap-2 mt-2 mb-0" aria-label="Browse episode guide by decade">
367                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-1960s">The 1960s</a></li>
368                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-1970s">The 1970s</a></li>
369                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-1980s">The 1980s</a></li>
370                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-1990s">The 1990s</a></li>
371                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-2000s">The 2000s</a></li>
372                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-2010s">The 2010s</a></li>
373                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="episode-guide-decade.php?decade=the-2020s">The 2020s</a></li>
374                  </ul>
375                </li>
376                <li class="nav-item mb-2"><a href="dancetroupe-guide.php" class="nav-link p-0 link-light text-decoration-none">Dance Troupe Guide</a></li>
377                <li class="nav-item mb-2"><a href="performance-guide.php" class="nav-link p-0 link-light text-decoration-none">Performance Guide</a></li>
378                <li class="nav-item mb-2"><a href="presenter-guide.php" class="nav-link p-0 link-light text-decoration-none">Presenter Guide</a></li>
379                <li class="nav-item mb-2"><a href="presentation-guide.php" class="nav-link p-0 link-light text-decoration-none">
379Presentation Guide</a></li>
380                <li class="nav-item mb-2">
381                  <a href="extras.php" class="nav-link p-0 link-light text-decoration-none">Archive Extras</a>
382                  <ul class="list-unstyled d-flex flex-wrap gap-2 mt-2 mb-0" aria-label="Browse popular pages on the Extras page">
383                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="60th-anniversary.php">TOTP's 60th Anniversary</a></li>
384                    <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="about-totparchive.php">About TOTP Archive</a></li>
385                  </ul>
386                </li>
387              </ul>
388            </nav>
389          </div>
390
391          <!-- About column -->
392          <div class="col-12 col-lg-4 footer-col">
393            <h4 class="footer-heading d-flex align-items-center gap-2 fs-6 text-uppercase text-white pb-2 mb-3"><i class="bi bi-info-circle" aria-hidden="true"></i> ABOUT</h4>
394            <div class="small">
395              <p><em>Top of the Pops</em> is a registered trademark of the BBC. This website is an independent, unofficial information resource relating to the original music television programme broadcast between 1964 and 2006 and is not owned, operated, endorsed, or affiliated with the BBC or the owners of the <em>Top of the Pops</em> brand.</p>
396              <p>All content is compiled from publicly available sources and is provided in good faith for informational and educational purposes only. While every effort is made to ensure accuracy, no representations or warranties are given as to the completeness or correctness of the information, and errors or omissions may occur. The content is not intended to cause offence, and the views expressed do not reflect those of the BBC or any associated rights holders. Corrections and factual feedback are welcomed via our feedback form.</p>
397              <p>All images, whether still or moving, are © BBC 1964–2026 and are reproduced for educational and illustrative purposes only. All rights are reserved by the BBC and the <em>Top of the Pops</em> brand.</p>
398              <p class="mb-0">* Please be aware that any requests for performances or episodes will be disregarded, as we do not have access to the BBC's TOTP archive. Your feedback is securely stored and processed. Once your feedback has been actioned, it will be deleted from our records.</p>
399            </div>
400          </div>
401
402          <!-- Credits column -->
403          <div class="col-12 col-lg-4 footer-col">
404            <h4 class="footer-heading d-flex align-items-center gap-2 fs-6 text-uppercase text-white pb-2 mb-3"><i class="bi bi-award" aria-hidden="true"></i> CREDITS &amp; ACKNOWLEDGEMENTS</h4>
405            <div class="small">
406              <p>The <em>Top of the Pops Archive</em> has been developed over many years and is made possible thanks to the research and dedication of a number of independent historians, communities, and reference websites. Some artist and presenter profile information is sourced from <a href="https://www.musicbrainz.org" target="_blank" rel="noopener" class="link-light">MusicBrainz</a> and <a href="https://en.wikipedia.org/wiki/Top_of_the_Pops" target="_blank" rel="noopener" class="link-light">Wikipedia</a>, and may not be fully up to date or accurate. Sincere thanks are extended to the following sources for their invaluable documentation and preservation of <em>Top of the Pops</em> history:</p>
407
408              <ul class="list-unstyled d-flex flex-wrap gap-2 mb-3" aria-label="Credited research and archive sources">
409                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="https://desandmicktv.wordpress.com" target="_blank" rel="noopener">Des &amp; Mick <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
410                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="http://itstotp.blogspot.com/" target="_blank" rel="noopener">It's TOTP <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
411                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="https://www.tvark.org/" target="_blank" rel="noopener">TV Ark <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
412                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="https://www.tapatalk.com/groups/popscene/" target="_blank" rel="noopener">POPSCENE <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
413                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="https://www.tvbrain.info/" target="_blank" rel="noopener">TV Brain <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
414                <li><a class="footer-pill d-inline-flex align-items-center gap-1 px-2 py-1 rounded-pill bg-white bg-opacity-10 text-light text-decoration-none small" href="https://tvrdb.com/totp/" target="_blank" rel="noopener">The TV and Radio Database <i class="bi bi-box-arrow-up-right opacity-75" aria-hidden="true"></i></a></li>
415              </ul>
416
417              <p class="mb-0">Thanks is also extended to all of the users who have sent invaluable feedback and contributed to the Archive over the years.</p>
418            </div>
419          </div>
420
421        </div>
422
423        <div class="site-footer__bottombar border-top">
424          <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2 py-3 small text-center text-md-start">
425            <p class="mb-0 text-white-50">Top of the Pops Archive - The unofficial Top of the Pops archive. Website developed & designed by CNJB (cjb545).</p>
426            <div>
427              <a href="privacy.html" class="link-light">Privacy Policy</a>
428            </div>
429          </div>
430        </div>
431
432      </div>
433    </footer>
434  </body>
435</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.