buckrogers/public/index.html

761 lines
99 KiB
HTML
Raw Permalink Normal View History

2021-12-29 22:35:55 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Buck Rogers: Countdown to Doomsday">
<meta property="og:description" content="Screenshots of the Sega Genesis game Buck Rogers: Countdown to Doomsday">
<meta property="og:site_name" content="Buck Rogers: Countdown to Doomsday">
<meta property="og:image" content="./images/buck-portrait.png">
<link rel="shortcut icon" href="./images/buck-portrait-16x16.png" />
<title>Buck Rogers: Countdown to Doomsday</title>
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
overflow-y: scroll;
background-color: #000000;
color: #00EF00;
font-family: monospace;
}
a {
color: inherit;
}
.lightbox-container {
position: fixed;
box-shadow:
2px 2px 5px rgba(0, 0, 0, 0.75),
0 0 10px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 4px;
}
.lightbox-animate {
transition: all 150ms ease-in;
}
.lightbox-container a {
border-radius: 4px;
}
.lightbox-container img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.lightbox-infobox {
position: absolute;
background-color: rgba(64, 64, 64, 0.9);
border: 1px solid rgba(255, 255, 255, 0.6);
border-bottom: none;
border-right: none;
border-top-left-radius: 4px;
color: white;
text-shadow: 1px 1px 1px black;
font-size: 12px;
bottom: 0;
right: 0;
display: none;
padding: 5px 10px;
text-align: center;
font-family: monospace;
}
.lightbox-container:hover .lightbox-infobox {
display: block;
}
.main-content {
display: grid;
gap: 2px;
grid-template-columns: repeat(24, 1fr);
}
.tile-container {
display: block;
}
@media (max-width: 3000px) {
.main-content {
grid-template-columns: repeat(21, 1fr);
}
}
@media (max-width: 2400px) {
.main-content {
grid-template-columns: repeat(16, 1fr);
}
}
@media (max-width: 2200px) {
.main-content {
grid-template-columns: repeat(14, 1fr);
}
}
@media (max-width: 1920px) {
.main-content {
grid-template-columns: repeat(12, 1fr);
}
}
@media (max-width: 1600px) {
.main-content {
grid-template-columns: repeat(8, 1fr);
}
}
@media (max-width: 1140px) {
.main-content {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 800px) {
.main-content {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 600px) {
.main-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.main-content {
grid-template-columns: repeat(2, 1fr);
}
}
.tile-container img {
display: block;
width: 100%;
}
.backdrop {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(128, 128, 128, 0.35);
z-index: 100;
display: none;
}
.lightbox-visible .tile-container img {
filter: blur(3px);
}
.close-x {
display: none;
position: fixed;
top: 0;
right: 0;
cursor: pointer;
padding: 5px 10px;
font-size: 24px;
color: white;
z-index: 200;
text-shadow: 1px 1px 1px black;
}
.lightbox-visible .close-x {
display: block;
}
</style>
</head>
<body>
<div class="content-wrapper">
<div class="main-content">
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-000.png" data-hires="./images/screenshots/buck-rogers-ctd-000.png" data-index="0"><img src="./images/screenshots/buck-rogers-ctd-000-thumb.jpeg" alt="screenshot 0"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-001.png" data-hires="./images/screenshots/buck-rogers-ctd-001.png" data-index="1"><img src="./images/screenshots/buck-rogers-ctd-001-thumb.jpeg" alt="screenshot 1"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-002.png" data-hires="./images/screenshots/buck-rogers-ctd-002.png" data-index="2"><img src="./images/screenshots/buck-rogers-ctd-002-thumb.jpeg" alt="screenshot 2"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-003.png" data-hires="./images/screenshots/buck-rogers-ctd-003.png" data-index="3"><img src="./images/screenshots/buck-rogers-ctd-003-thumb.jpeg" alt="screenshot 3"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-004.png" data-hires="./images/screenshots/buck-rogers-ctd-004.png" data-index="4"><img src="./images/screenshots/buck-rogers-ctd-004-thumb.jpeg" alt="screenshot 4"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-005.png" data-hires="./images/screenshots/buck-rogers-ctd-005.png" data-index="5"><img src="./images/screenshots/buck-rogers-ctd-005-thumb.jpeg" alt="screenshot 5"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-006.png" data-hires="./images/screenshots/buck-rogers-ctd-006.png" data-index="6"><img src="./images/screenshots/buck-rogers-ctd-006-thumb.jpeg" alt="screenshot 6"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-007.png" data-hires="./images/screenshots/buck-rogers-ctd-007.png" data-index="7"><img src="./images/screenshots/buck-rogers-ctd-007-thumb.jpeg" alt="screenshot 7"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-008.png" data-hires="./images/screenshots/buck-rogers-ctd-008.png" data-index="8"><img src="./images/screenshots/buck-rogers-ctd-008-thumb.jpeg" alt="screenshot 8"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-009.png" data-hires="./images/screenshots/buck-rogers-ctd-009.png" data-index="9"><img src="./images/screenshots/buck-rogers-ctd-009-thumb.jpeg" alt="screenshot 9"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-010.png" data-hires="./images/screenshots/buck-rogers-ctd-010.png" data-index="10"><img src="./images/screenshots/buck-rogers-ctd-010-thumb.jpeg" alt="screenshot 10"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-011.png" data-hires="./images/screenshots/buck-rogers-ctd-011.png" data-index="11"><img src="./images/screenshots/buck-rogers-ctd-011-thumb.jpeg" alt="screenshot 11"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-012.png" data-hires="./images/screenshots/buck-rogers-ctd-012.png" data-index="12"><img src="./images/screenshots/buck-rogers-ctd-012-thumb.jpeg" alt="screenshot 12"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-013.png" data-hires="./images/screenshots/buck-rogers-ctd-013.png" data-index="13"><img src="./images/screenshots/buck-rogers-ctd-013-thumb.jpeg" alt="screenshot 13"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-014.png" data-hires="./images/screenshots/buck-rogers-ctd-014.png" data-index="14"><img src="./images/screenshots/buck-rogers-ctd-014-thumb.jpeg" alt="screenshot 14"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-015.png" data-hires="./images/screenshots/buck-rogers-ctd-015.png" data-index="15"><img src="./images/screenshots/buck-rogers-ctd-015-thumb.jpeg" alt="screenshot 15"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-016.png" data-hires="./images/screenshots/buck-rogers-ctd-016.png" data-index="16"><img src="./images/screenshots/buck-rogers-ctd-016-thumb.jpeg" alt="screenshot 16"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-017.png" data-hires="./images/screenshots/buck-rogers-ctd-017.png" data-index="17"><img src="./images/screenshots/buck-rogers-ctd-017-thumb.jpeg" alt="screenshot 17"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-018.png" data-hires="./images/screenshots/buck-rogers-ctd-018.png" data-index="18"><img src="./images/screenshots/buck-rogers-ctd-018-thumb.jpeg" alt="screenshot 18"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-019.png" data-hires="./images/screenshots/buck-rogers-ctd-019.png" data-index="19"><img src="./images/screenshots/buck-rogers-ctd-019-thumb.jpeg" alt="screenshot 19"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-020.png" data-hires="./images/screenshots/buck-rogers-ctd-020.png" data-index="20"><img src="./images/screenshots/buck-rogers-ctd-020-thumb.jpeg" alt="screenshot 20"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-021.png" data-hires="./images/screenshots/buck-rogers-ctd-021.png" data-index="21"><img src="./images/screenshots/buck-rogers-ctd-021-thumb.jpeg" alt="screenshot 21"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-022.png" data-hires="./images/screenshots/buck-rogers-ctd-022.png" data-index="22"><img src="./images/screenshots/buck-rogers-ctd-022-thumb.jpeg" alt="screenshot 22"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-023.png" data-hires="./images/screenshots/buck-rogers-ctd-023.png" data-index="23"><img src="./images/screenshots/buck-rogers-ctd-023-thumb.jpeg" alt="screenshot 23"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-024.png" data-hires="./images/screenshots/buck-rogers-ctd-024.png" data-index="24"><img src="./images/screenshots/buck-rogers-ctd-024-thumb.jpeg" alt="screenshot 24"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-025.png" data-hires="./images/screenshots/buck-rogers-ctd-025.png" data-index="25"><img src="./images/screenshots/buck-rogers-ctd-025-thumb.jpeg" alt="screenshot 25"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-026.png" data-hires="./images/screenshots/buck-rogers-ctd-026.png" data-index="26"><img src="./images/screenshots/buck-rogers-ctd-026-thumb.jpeg" alt="screenshot 26"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-027.png" data-hires="./images/screenshots/buck-rogers-ctd-027.png" data-index="27"><img src="./images/screenshots/buck-rogers-ctd-027-thumb.jpeg" alt="screenshot 27"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-028.png" data-hires="./images/screenshots/buck-rogers-ctd-028.png" data-index="28"><img src="./images/screenshots/buck-rogers-ctd-028-thumb.jpeg" alt="screenshot 28"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-029.png" data-hires="./images/screenshots/buck-rogers-ctd-029.png" data-index="29"><img src="./images/screenshots/buck-rogers-ctd-029-thumb.jpeg" alt="screenshot 29"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-030.png" data-hires="./images/screenshots/buck-rogers-ctd-030.png" data-index="30"><img src="./images/screenshots/buck-rogers-ctd-030-thumb.jpeg" alt="screenshot 30"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-031.png" data-hires="./images/screenshots/buck-rogers-ctd-031.png" data-index="31"><img src="./images/screenshots/buck-rogers-ctd-031-thumb.jpeg" alt="screenshot 31"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-032.png" data-hires="./images/screenshots/buck-rogers-ctd-032.png" data-index="32"><img src="./images/screenshots/buck-rogers-ctd-032-thumb.jpeg" alt="screenshot 32"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-033.png" data-hires="./images/screenshots/buck-rogers-ctd-033.png" data-index="33"><img src="./images/screenshots/buck-rogers-ctd-033-thumb.jpeg" alt="screenshot 33"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-034.png" data-hires="./images/screenshots/buck-rogers-ctd-034.png" data-index="34"><img src="./images/screenshots/buck-rogers-ctd-034-thumb.jpeg" alt="screenshot 34"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-035.png" data-hires="./images/screenshots/buck-rogers-ctd-035.png" data-index="35"><img src="./images/screenshots/buck-rogers-ctd-035-thumb.jpeg" alt="screenshot 35"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-036.png" data-hires="./images/screenshots/buck-rogers-ctd-036.png" data-index="36"><img src="./images/screenshots/buck-rogers-ctd-036-thumb.jpeg" alt="screenshot 36"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-037.png" data-hires="./images/screenshots/buck-rogers-ctd-037.png" data-index="37"><img src="./images/screenshots/buck-rogers-ctd-037-thumb.jpeg" alt="screenshot 37"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-038.png" data-hires="./images/screenshots/buck-rogers-ctd-038.png" data-index="38"><img src="./images/screenshots/buck-rogers-ctd-038-thumb.jpeg" alt="screenshot 38"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-039.png" data-hires="./images/screenshots/buck-rogers-ctd-039.png" data-index="39"><img src="./images/screenshots/buck-rogers-ctd-039-thumb.jpeg" alt="screenshot 39"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-040.png" data-hires="./images/screenshots/buck-rogers-ctd-040.png" data-index="40"><img src="./images/screenshots/buck-rogers-ctd-040-thumb.jpeg" alt="screenshot 40"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-041.png" data-hires="./images/screenshots/buck-rogers-ctd-041.png" data-index="41"><img src="./images/screenshots/buck-rogers-ctd-041-thumb.jpeg" alt="screenshot 41"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-042.png" data-hires="./images/screenshots/buck-rogers-ctd-042.png" data-index="42"><img src="./images/screenshots/buck-rogers-ctd-042-thumb.jpeg" alt="screenshot 42"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-043.png" data-hires="./images/screenshots/buck-rogers-ctd-043.png" data-index="43"><img src="./images/screenshots/buck-rogers-ctd-043-thumb.jpeg" alt="screenshot 43"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-044.png" data-hires="./images/screenshots/buck-rogers-ctd-044.png" data-index="44"><img src="./images/screenshots/buck-rogers-ctd-044-thumb.jpeg" alt="screenshot 44"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-045.png" data-hires="./images/screenshots/buck-rogers-ctd-045.png" data-index="45"><img src="./images/screenshots/buck-rogers-ctd-045-thumb.jpeg" alt="screenshot 45"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-046.png" data-hires="./images/screenshots/buck-rogers-ctd-046.png" data-index="46"><img src="./images/screenshots/buck-rogers-ctd-046-thumb.jpeg" alt="screenshot 46"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-047.png" data-hires="./images/screenshots/buck-rogers-ctd-047.png" data-index="47"><img src="./images/screenshots/buck-rogers-ctd-047-thumb.jpeg" alt="screenshot 47"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-048.png" data-hires="./images/screenshots/buck-rogers-ctd-048.png" data-index="48"><img src="./images/screenshots/buck-rogers-ctd-048-thumb.jpeg" alt="screenshot 48"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-049.png" data-hires="./images/screenshots/buck-rogers-ctd-049.png" data-index="49"><img src="./images/screenshots/buck-rogers-ctd-049-thumb.jpeg" alt="screenshot 49"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-050.png" data-hires="./images/screenshots/buck-rogers-ctd-050.png" data-index="50"><img src="./images/screenshots/buck-rogers-ctd-050-thumb.jpeg" alt="screenshot 50"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-051.png" data-hires="./images/screenshots/buck-rogers-ctd-051.png" data-index="51"><img src="./images/screenshots/buck-rogers-ctd-051-thumb.jpeg" alt="screenshot 51"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-052.png" data-hires="./images/screenshots/buck-rogers-ctd-052.png" data-index="52"><img src="./images/screenshots/buck-rogers-ctd-052-thumb.jpeg" alt="screenshot 52"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-053.png" data-hires="./images/screenshots/buck-rogers-ctd-053.png" data-index="53"><img src="./images/screenshots/buck-rogers-ctd-053-thumb.jpeg" alt="screenshot 53"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-054.png" data-hires="./images/screenshots/buck-rogers-ctd-054.png" data-index="54"><img src="./images/screenshots/buck-rogers-ctd-054-thumb.jpeg" alt="screenshot 54"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-055.png" data-hires="./images/screenshots/buck-rogers-ctd-055.png" data-index="55"><img src="./images/screenshots/buck-rogers-ctd-055-thumb.jpeg" alt="screenshot 55"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-056.png" data-hires="./images/screenshots/buck-rogers-ctd-056.png" data-index="56"><img src="./images/screenshots/buck-rogers-ctd-056-thumb.jpeg" alt="screenshot 56"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-057.png" data-hires="./images/screenshots/buck-rogers-ctd-057.png" data-index="57"><img src="./images/screenshots/buck-rogers-ctd-057-thumb.jpeg" alt="screenshot 57"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-058.png" data-hires="./images/screenshots/buck-rogers-ctd-058.png" data-index="58"><img src="./images/screenshots/buck-rogers-ctd-058-thumb.jpeg" alt="screenshot 58"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-059.png" data-hires="./images/screenshots/buck-rogers-ctd-059.png" data-index="59"><img src="./images/screenshots/buck-rogers-ctd-059-thumb.jpeg" alt="screenshot 59"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-060.png" data-hires="./images/screenshots/buck-rogers-ctd-060.png" data-index="60"><img src="./images/screenshots/buck-rogers-ctd-060-thumb.jpeg" alt="screenshot 60"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-061.png" data-hires="./images/screenshots/buck-rogers-ctd-061.png" data-index="61"><img src="./images/screenshots/buck-rogers-ctd-061-thumb.jpeg" alt="screenshot 61"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-062.png" data-hires="./images/screenshots/buck-rogers-ctd-062.png" data-index="62"><img src="./images/screenshots/buck-rogers-ctd-062-thumb.jpeg" alt="screenshot 62"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-063.png" data-hires="./images/screenshots/buck-rogers-ctd-063.png" data-index="63"><img src="./images/screenshots/buck-rogers-ctd-063-thumb.jpeg" alt="screenshot 63"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-064.png" data-hires="./images/screenshots/buck-rogers-ctd-064.png" data-index="64"><img src="./images/screenshots/buck-rogers-ctd-064-thumb.jpeg" alt="screenshot 64"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-065.png" data-hires="./images/screenshots/buck-rogers-ctd-065.png" data-index="65"><img src="./images/screenshots/buck-rogers-ctd-065-thumb.jpeg" alt="screenshot 65"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-066.png" data-hires="./images/screenshots/buck-rogers-ctd-066.png" data-index="66"><img src="./images/screenshots/buck-rogers-ctd-066-thumb.jpeg" alt="screenshot 66"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-067.png" data-hires="./images/screenshots/buck-rogers-ctd-067.png" data-index="67"><img src="./images/screenshots/buck-rogers-ctd-067-thumb.jpeg" alt="screenshot 67"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-068.png" data-hires="./images/screenshots/buck-rogers-ctd-068.png" data-index="68"><img src="./images/screenshots/buck-rogers-ctd-068-thumb.jpeg" alt="screenshot 68"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-069.png" data-hires="./images/screenshots/buck-rogers-ctd-069.png" data-index="69"><img src="./images/screenshots/buck-rogers-ctd-069-thumb.jpeg" alt="screenshot 69"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-070.png" data-hires="./images/screenshots/buck-rogers-ctd-070.png" data-index="70"><img src="./images/screenshots/buck-rogers-ctd-070-thumb.jpeg" alt="screenshot 70"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-071.png" data-hires="./images/screenshots/buck-rogers-ctd-071.png" data-index="71"><img src="./images/screenshots/buck-rogers-ctd-071-thumb.jpeg" alt="screenshot 71"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-072.png" data-hires="./images/screenshots/buck-rogers-ctd-072.png" data-index="72"><img src="./images/screenshots/buck-rogers-ctd-072-thumb.jpeg" alt="screenshot 72"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-073.png" data-hires="./images/screenshots/buck-rogers-ctd-073.png" data-index="73"><img src="./images/screenshots/buck-rogers-ctd-073-thumb.jpeg" alt="screenshot 73"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-074.png" data-hires="./images/screenshots/buck-rogers-ctd-074.png" data-index="74"><img src="./images/screenshots/buck-rogers-ctd-074-thumb.jpeg" alt="screenshot 74"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-075.png" data-hires="./images/screenshots/buck-rogers-ctd-075.png" data-index="75"><img src="./images/screenshots/buck-rogers-ctd-075-thumb.jpeg" alt="screenshot 75"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-076.png" data-hires="./images/screenshots/buck-rogers-ctd-076.png" data-index="76"><img src="./images/screenshots/buck-rogers-ctd-076-thumb.jpeg" alt="screenshot 76"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-077.png" data-hires="./images/screenshots/buck-rogers-ctd-077.png" data-index="77"><img src="./images/screenshots/buck-rogers-ctd-077-thumb.jpeg" alt="screenshot 77"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-078.png" data-hires="./images/screenshots/buck-rogers-ctd-078.png" data-index="78"><img src="./images/screenshots/buck-rogers-ctd-078-thumb.jpeg" alt="screenshot 78"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-079.png" data-hires="./images/screenshots/buck-rogers-ctd-079.png" data-index="79"><img src="./images/screenshots/buck-rogers-ctd-079-thumb.jpeg" alt="screenshot 79"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-080.png" data-hires="./images/screenshots/buck-rogers-ctd-080.png" data-index="80"><img src="./images/screenshots/buck-rogers-ctd-080-thumb.jpeg" alt="screenshot 80"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-081.png" data-hires="./images/screenshots/buck-rogers-ctd-081.png" data-index="81"><img src="./images/screenshots/buck-rogers-ctd-081-thumb.jpeg" alt="screenshot 81"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-082.png" data-hires="./images/screenshots/buck-rogers-ctd-082.png" data-index="82"><img src="./images/screenshots/buck-rogers-ctd-082-thumb.jpeg" alt="screenshot 82"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-083.png" data-hires="./images/screenshots/buck-rogers-ctd-083.png" data-index="83"><img src="./images/screenshots/buck-rogers-ctd-083-thumb.jpeg" alt="screenshot 83"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-084.png" data-hires="./images/screenshots/buck-rogers-ctd-084.png" data-index="84"><img src="./images/screenshots/buck-rogers-ctd-084-thumb.jpeg" alt="screenshot 84"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-085.png" data-hires="./images/screenshots/buck-rogers-ctd-085.png" data-index="85"><img src="./images/screenshots/buck-rogers-ctd-085-thumb.jpeg" alt="screenshot 85"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-086.png" data-hires="./images/screenshots/buck-rogers-ctd-086.png" data-index="86"><img src="./images/screenshots/buck-rogers-ctd-086-thumb.jpeg" alt="screenshot 86"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-087.png" data-hires="./images/screenshots/buck-rogers-ctd-087.png" data-index="87"><img src="./images/screenshots/buck-rogers-ctd-087-thumb.jpeg" alt="screenshot 87"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-088.png" data-hires="./images/screenshots/buck-rogers-ctd-088.png" data-index="88"><img src="./images/screenshots/buck-rogers-ctd-088-thumb.jpeg" alt="screenshot 88"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-089.png" data-hires="./images/screenshots/buck-rogers-ctd-089.png" data-index="89"><img src="./images/screenshots/buck-rogers-ctd-089-thumb.jpeg" alt="screenshot 89"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-090.png" data-hires="./images/screenshots/buck-rogers-ctd-090.png" data-index="90"><img src="./images/screenshots/buck-rogers-ctd-090-thumb.jpeg" alt="screenshot 90"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-091.png" data-hires="./images/screenshots/buck-rogers-ctd-091.png" data-index="91"><img src="./images/screenshots/buck-rogers-ctd-091-thumb.jpeg" alt="screenshot 91"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-092.png" data-hires="./images/screenshots/buck-rogers-ctd-092.png" data-index="92"><img src="./images/screenshots/buck-rogers-ctd-092-thumb.jpeg" alt="screenshot 92"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-093.png" data-hires="./images/screenshots/buck-rogers-ctd-093.png" data-index="93"><img src="./images/screenshots/buck-rogers-ctd-093-thumb.jpeg" alt="screenshot 93"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-094.png" data-hires="./images/screenshots/buck-rogers-ctd-094.png" data-index="94"><img src="./images/screenshots/buck-rogers-ctd-094-thumb.jpeg" alt="screenshot 94"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-095.png" data-hires="./images/screenshots/buck-rogers-ctd-095.png" data-index="95"><img src="./images/screenshots/buck-rogers-ctd-095-thumb.jpeg" alt="screenshot 95"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-096.png" data-hires="./images/screenshots/buck-rogers-ctd-096.png" data-index="96"><img src="./images/screenshots/buck-rogers-ctd-096-thumb.jpeg" alt="screenshot 96"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-097.png" data-hires="./images/screenshots/buck-rogers-ctd-097.png" data-index="97"><img src="./images/screenshots/buck-rogers-ctd-097-thumb.jpeg" alt="screenshot 97"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-098.png" data-hires="./images/screenshots/buck-rogers-ctd-098.png" data-index="98"><img src="./images/screenshots/buck-rogers-ctd-098-thumb.jpeg" alt="screenshot 98"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-099.png" data-hires="./images/screenshots/buck-rogers-ctd-099.png" data-index="99"><img src="./images/screenshots/buck-rogers-ctd-099-thumb.jpeg" alt="screenshot 99"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-100.png" data-hires="./images/screenshots/buck-rogers-ctd-100.png" data-index="100"><img src="./images/screenshots/buck-rogers-ctd-100-thumb.jpeg" alt="screenshot 100"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-101.png" data-hires="./images/screenshots/buck-rogers-ctd-101.png" data-index="101"><img src="./images/screenshots/buck-rogers-ctd-101-thumb.jpeg" alt="screenshot 101"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-102.png" data-hires="./images/screenshots/buck-rogers-ctd-102.png" data-index="102"><img src="./images/screenshots/buck-rogers-ctd-102-thumb.jpeg" alt="screenshot 102"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-103.png" data-hires="./images/screenshots/buck-rogers-ctd-103.png" data-index="103"><img src="./images/screenshots/buck-rogers-ctd-103-thumb.jpeg" alt="screenshot 103"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-104.png" data-hires="./images/screenshots/buck-rogers-ctd-104.png" data-index="104"><img src="./images/screenshots/buck-rogers-ctd-104-thumb.jpeg" alt="screenshot 104"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-105.png" data-hires="./images/screenshots/buck-rogers-ctd-105.png" data-index="105"><img src="./images/screenshots/buck-rogers-ctd-105-thumb.jpeg" alt="screenshot 105"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-106.png" data-hires="./images/screenshots/buck-rogers-ctd-106.png" data-index="106"><img src="./images/screenshots/buck-rogers-ctd-106-thumb.jpeg" alt="screenshot 106"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-107.png" data-hires="./images/screenshots/buck-rogers-ctd-107.png" data-index="107"><img src="./images/screenshots/buck-rogers-ctd-107-thumb.jpeg" alt="screenshot 107"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-108.png" data-hires="./images/screenshots/buck-rogers-ctd-108.png" data-index="108"><img src="./images/screenshots/buck-rogers-ctd-108-thumb.jpeg" alt="screenshot 108"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-109.png" data-hires="./images/screenshots/buck-rogers-ctd-109.png" data-index="109"><img src="./images/screenshots/buck-rogers-ctd-109-thumb.jpeg" alt="screenshot 109"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-110.png" data-hires="./images/screenshots/buck-rogers-ctd-110.png" data-index="110"><img src="./images/screenshots/buck-rogers-ctd-110-thumb.jpeg" alt="screenshot 110"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-111.png" data-hires="./images/screenshots/buck-rogers-ctd-111.png" data-index="111"><img src="./images/screenshots/buck-rogers-ctd-111-thumb.jpeg" alt="screenshot 111"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-112.png" data-hires="./images/screenshots/buck-rogers-ctd-112.png" data-index="112"><img src="./images/screenshots/buck-rogers-ctd-112-thumb.jpeg" alt="screenshot 112"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-113.png" data-hires="./images/screenshots/buck-rogers-ctd-113.png" data-index="113"><img src="./images/screenshots/buck-rogers-ctd-113-thumb.jpeg" alt="screenshot 113"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-114.png" data-hires="./images/screenshots/buck-rogers-ctd-114.png" data-index="114"><img src="./images/screenshots/buck-rogers-ctd-114-thumb.jpeg" alt="screenshot 114"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-115.png" data-hires="./images/screenshots/buck-rogers-ctd-115.png" data-index="115"><img src="./images/screenshots/buck-rogers-ctd-115-thumb.jpeg" alt="screenshot 115"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-116.png" data-hires="./images/screenshots/buck-rogers-ctd-116.png" data-index="116"><img src="./images/screenshots/buck-rogers-ctd-116-thumb.jpeg" alt="screenshot 116"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-117.png" data-hires="./images/screenshots/buck-rogers-ctd-117.png" data-index="117"><img src="./images/screenshots/buck-rogers-ctd-117-thumb.jpeg" alt="screenshot 117"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-118.png" data-hires="./images/screenshots/buck-rogers-ctd-118.png" data-index="118"><img src="./images/screenshots/buck-rogers-ctd-118-thumb.jpeg" alt="screenshot 118"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-119.png" data-hires="./images/screenshots/buck-rogers-ctd-119.png" data-index="119"><img src="./images/screenshots/buck-rogers-ctd-119-thumb.jpeg" alt="screenshot 119"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-120.png" data-hires="./images/screenshots/buck-rogers-ctd-120.png" data-index="120"><img src="./images/screenshots/buck-rogers-ctd-120-thumb.jpeg" alt="screenshot 120"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-121.png" data-hires="./images/screenshots/buck-rogers-ctd-121.png" data-index="121"><img src="./images/screenshots/buck-rogers-ctd-121-thumb.jpeg" alt="screenshot 121"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-122.png" data-hires="./images/screenshots/buck-rogers-ctd-122.png" data-index="122"><img src="./images/screenshots/buck-rogers-ctd-122-thumb.jpeg" alt="screenshot 122"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-123.png" data-hires="./images/screenshots/buck-rogers-ctd-123.png" data-index="123"><img src="./images/screenshots/buck-rogers-ctd-123-thumb.jpeg" alt="screenshot 123"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-124.png" data-hires="./images/screenshots/buck-rogers-ctd-124.png" data-index="124"><img src="./images/screenshots/buck-rogers-ctd-124-thumb.jpeg" alt="screenshot 124"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-125.png" data-hires="./images/screenshots/buck-rogers-ctd-125.png" data-index="125"><img src="./images/screenshots/buck-rogers-ctd-125-thumb.jpeg" alt="screenshot 125"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-126.png" data-hires="./images/screenshots/buck-rogers-ctd-126.png" data-index="126"><img src="./images/screenshots/buck-rogers-ctd-126-thumb.jpeg" alt="screenshot 126"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-127.png" data-hires="./images/screenshots/buck-rogers-ctd-127.png" data-index="127"><img src="./images/screenshots/buck-rogers-ctd-127-thumb.jpeg" alt="screenshot 127"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-128.png" data-hires="./images/screenshots/buck-rogers-ctd-128.png" data-index="128"><img src="./images/screenshots/buck-rogers-ctd-128-thumb.jpeg" alt="screenshot 128"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-129.png" data-hires="./images/screenshots/buck-rogers-ctd-129.png" data-index="129"><img src="./images/screenshots/buck-rogers-ctd-129-thumb.jpeg" alt="screenshot 129"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-130.png" data-hires="./images/screenshots/buck-rogers-ctd-130.png" data-index="130"><img src="./images/screenshots/buck-rogers-ctd-130-thumb.jpeg" alt="screenshot 130"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-131.png" data-hires="./images/screenshots/buck-rogers-ctd-131.png" data-index="131"><img src="./images/screenshots/buck-rogers-ctd-131-thumb.jpeg" alt="screenshot 131"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-132.png" data-hires="./images/screenshots/buck-rogers-ctd-132.png" data-index="132"><img src="./images/screenshots/buck-rogers-ctd-132-thumb.jpeg" alt="screenshot 132"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-133.png" data-hires="./images/screenshots/buck-rogers-ctd-133.png" data-index="133"><img src="./images/screenshots/buck-rogers-ctd-133-thumb.jpeg" alt="screenshot 133"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-134.png" data-hires="./images/screenshots/buck-rogers-ctd-134.png" data-index="134"><img src="./images/screenshots/buck-rogers-ctd-134-thumb.jpeg" alt="screenshot 134"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-135.png" data-hires="./images/screenshots/buck-rogers-ctd-135.png" data-index="135"><img src="./images/screenshots/buck-rogers-ctd-135-thumb.jpeg" alt="screenshot 135"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-136.png" data-hires="./images/screenshots/buck-rogers-ctd-136.png" data-index="136"><img src="./images/screenshots/buck-rogers-ctd-136-thumb.jpeg" alt="screenshot 136"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-137.png" data-hires="./images/screenshots/buck-rogers-ctd-137.png" data-index="137"><img src="./images/screenshots/buck-rogers-ctd-137-thumb.jpeg" alt="screenshot 137"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-138.png" data-hires="./images/screenshots/buck-rogers-ctd-138.png" data-index="138"><img src="./images/screenshots/buck-rogers-ctd-138-thumb.jpeg" alt="screenshot 138"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-139.png" data-hires="./images/screenshots/buck-rogers-ctd-139.png" data-index="139"><img src="./images/screenshots/buck-rogers-ctd-139-thumb.jpeg" alt="screenshot 139"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-140.png" data-hires="./images/screenshots/buck-rogers-ctd-140.png" data-index="140"><img src="./images/screenshots/buck-rogers-ctd-140-thumb.jpeg" alt="screenshot 140"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-141.png" data-hires="./images/screenshots/buck-rogers-ctd-141.png" data-index="141"><img src="./images/screenshots/buck-rogers-ctd-141-thumb.jpeg" alt="screenshot 141"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-142.png" data-hires="./images/screenshots/buck-rogers-ctd-142.png" data-index="142"><img src="./images/screenshots/buck-rogers-ctd-142-thumb.jpeg" alt="screenshot 142"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-143.png" data-hires="./images/screenshots/buck-rogers-ctd-143.png" data-index="143"><img src="./images/screenshots/buck-rogers-ctd-143-thumb.jpeg" alt="screenshot 143"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-144.png" data-hires="./images/screenshots/buck-rogers-ctd-144.png" data-index="144"><img src="./images/screenshots/buck-rogers-ctd-144-thumb.jpeg" alt="screenshot 144"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-145.png" data-hires="./images/screenshots/buck-rogers-ctd-145.png" data-index="145"><img src="./images/screenshots/buck-rogers-ctd-145-thumb.jpeg" alt="screenshot 145"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-146.png" data-hires="./images/screenshots/buck-rogers-ctd-146.png" data-index="146"><img src="./images/screenshots/buck-rogers-ctd-146-thumb.jpeg" alt="screenshot 146"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-147.png" data-hires="./images/screenshots/buck-rogers-ctd-147.png" data-index="147"><img src="./images/screenshots/buck-rogers-ctd-147-thumb.jpeg" alt="screenshot 147"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-148.png" data-hires="./images/screenshots/buck-rogers-ctd-148.png" data-index="148"><img src="./images/screenshots/buck-rogers-ctd-148-thumb.jpeg" alt="screenshot 148"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-149.png" data-hires="./images/screenshots/buck-rogers-ctd-149.png" data-index="149"><img src="./images/screenshots/buck-rogers-ctd-149-thumb.jpeg" alt="screenshot 149"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-150.png" data-hires="./images/screenshots/buck-rogers-ctd-150.png" data-index="150"><img src="./images/screenshots/buck-rogers-ctd-150-thumb.jpeg" alt="screenshot 150"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-151.png" data-hires="./images/screenshots/buck-rogers-ctd-151.png" data-index="151"><img src="./images/screenshots/buck-rogers-ctd-151-thumb.jpeg" alt="screenshot 151"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-152.png" data-hires="./images/screenshots/buck-rogers-ctd-152.png" data-index="152"><img src="./images/screenshots/buck-rogers-ctd-152-thumb.jpeg" alt="screenshot 152"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-153.png" data-hires="./images/screenshots/buck-rogers-ctd-153.png" data-index="153"><img src="./images/screenshots/buck-rogers-ctd-153-thumb.jpeg" alt="screenshot 153"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-154.png" data-hires="./images/screenshots/buck-rogers-ctd-154.png" data-index="154"><img src="./images/screenshots/buck-rogers-ctd-154-thumb.jpeg" alt="screenshot 154"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-155.png" data-hires="./images/screenshots/buck-rogers-ctd-155.png" data-index="155"><img src="./images/screenshots/buck-rogers-ctd-155-thumb.jpeg" alt="screenshot 155"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-156.png" data-hires="./images/screenshots/buck-rogers-ctd-156.png" data-index="156"><img src="./images/screenshots/buck-rogers-ctd-156-thumb.jpeg" alt="screenshot 156"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-157.png" data-hires="./images/screenshots/buck-rogers-ctd-157.png" data-index="157"><img src="./images/screenshots/buck-rogers-ctd-157-thumb.jpeg" alt="screenshot 157"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-158.png" data-hires="./images/screenshots/buck-rogers-ctd-158.png" data-index="158"><img src="./images/screenshots/buck-rogers-ctd-158-thumb.jpeg" alt="screenshot 158"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-159.png" data-hires="./images/screenshots/buck-rogers-ctd-159.png" data-index="159"><img src="./images/screenshots/buck-rogers-ctd-159-thumb.jpeg" alt="screenshot 159"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-160.png" data-hires="./images/screenshots/buck-rogers-ctd-160.png" data-index="160"><img src="./images/screenshots/buck-rogers-ctd-160-thumb.jpeg" alt="screenshot 160"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-161.png" data-hires="./images/screenshots/buck-rogers-ctd-161.png" data-index="161"><img src="./images/screenshots/buck-rogers-ctd-161-thumb.jpeg" alt="screenshot 161"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-162.png" data-hires="./images/screenshots/buck-rogers-ctd-162.png" data-index="162"><img src="./images/screenshots/buck-rogers-ctd-162-thumb.jpeg" alt="screenshot 162"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-163.png" data-hires="./images/screenshots/buck-rogers-ctd-163.png" data-index="163"><img src="./images/screenshots/buck-rogers-ctd-163-thumb.jpeg" alt="screenshot 163"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-164.png" data-hires="./images/screenshots/buck-rogers-ctd-164.png" data-index="164"><img src="./images/screenshots/buck-rogers-ctd-164-thumb.jpeg" alt="screenshot 164"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-165.png" data-hires="./images/screenshots/buck-rogers-ctd-165.png" data-index="165"><img src="./images/screenshots/buck-rogers-ctd-165-thumb.jpeg" alt="screenshot 165"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-166.png" data-hires="./images/screenshots/buck-rogers-ctd-166.png" data-index="166"><img src="./images/screenshots/buck-rogers-ctd-166-thumb.jpeg" alt="screenshot 166"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-167.png" data-hires="./images/screenshots/buck-rogers-ctd-167.png" data-index="167"><img src="./images/screenshots/buck-rogers-ctd-167-thumb.jpeg" alt="screenshot 167"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-168.png" data-hires="./images/screenshots/buck-rogers-ctd-168.png" data-index="168"><img src="./images/screenshots/buck-rogers-ctd-168-thumb.jpeg" alt="screenshot 168"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-169.png" data-hires="./images/screenshots/buck-rogers-ctd-169.png" data-index="169"><img src="./images/screenshots/buck-rogers-ctd-169-thumb.jpeg" alt="screenshot 169"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-170.png" data-hires="./images/screenshots/buck-rogers-ctd-170.png" data-index="170"><img src="./images/screenshots/buck-rogers-ctd-170-thumb.jpeg" alt="screenshot 170"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-171.png" data-hires="./images/screenshots/buck-rogers-ctd-171.png" data-index="171"><img src="./images/screenshots/buck-rogers-ctd-171-thumb.jpeg" alt="screenshot 171"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-172.png" data-hires="./images/screenshots/buck-rogers-ctd-172.png" data-index="172"><img src="./images/screenshots/buck-rogers-ctd-172-thumb.jpeg" alt="screenshot 172"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-173.png" data-hires="./images/screenshots/buck-rogers-ctd-173.png" data-index="173"><img src="./images/screenshots/buck-rogers-ctd-173-thumb.jpeg" alt="screenshot 173"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-174.png" data-hires="./images/screenshots/buck-rogers-ctd-174.png" data-index="174"><img src="./images/screenshots/buck-rogers-ctd-174-thumb.jpeg" alt="screenshot 174"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-175.png" data-hires="./images/screenshots/buck-rogers-ctd-175.png" data-index="175"><img src="./images/screenshots/buck-rogers-ctd-175-thumb.jpeg" alt="screenshot 175"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-176.png" data-hires="./images/screenshots/buck-rogers-ctd-176.png" data-index="176"><img src="./images/screenshots/buck-rogers-ctd-176-thumb.jpeg" alt="screenshot 176"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-177.png" data-hires="./images/screenshots/buck-rogers-ctd-177.png" data-index="177"><img src="./images/screenshots/buck-rogers-ctd-177-thumb.jpeg" alt="screenshot 177"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-178.png" data-hires="./images/screenshots/buck-rogers-ctd-178.png" data-index="178"><img src="./images/screenshots/buck-rogers-ctd-178-thumb.jpeg" alt="screenshot 178"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-179.png" data-hires="./images/screenshots/buck-rogers-ctd-179.png" data-index="179"><img src="./images/screenshots/buck-rogers-ctd-179-thumb.jpeg" alt="screenshot 179"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-180.png" data-hires="./images/screenshots/buck-rogers-ctd-180.png" data-index="180"><img src="./images/screenshots/buck-rogers-ctd-180-thumb.jpeg" alt="screenshot 180"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-181.png" data-hires="./images/screenshots/buck-rogers-ctd-181.png" data-index="181"><img src="./images/screenshots/buck-rogers-ctd-181-thumb.jpeg" alt="screenshot 181"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-182.png" data-hires="./images/screenshots/buck-rogers-ctd-182.png" data-index="182"><img src="./images/screenshots/buck-rogers-ctd-182-thumb.jpeg" alt="screenshot 182"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-183.png" data-hires="./images/screenshots/buck-rogers-ctd-183.png" data-index="183"><img src="./images/screenshots/buck-rogers-ctd-183-thumb.jpeg" alt="screenshot 183"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-184.png" data-hires="./images/screenshots/buck-rogers-ctd-184.png" data-index="184"><img src="./images/screenshots/buck-rogers-ctd-184-thumb.jpeg" alt="screenshot 184"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-185.png" data-hires="./images/screenshots/buck-rogers-ctd-185.png" data-index="185"><img src="./images/screenshots/buck-rogers-ctd-185-thumb.jpeg" alt="screenshot 185"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-186.png" data-hires="./images/screenshots/buck-rogers-ctd-186.png" data-index="186"><img src="./images/screenshots/buck-rogers-ctd-186-thumb.jpeg" alt="screenshot 186"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-187.png" data-hires="./images/screenshots/buck-rogers-ctd-187.png" data-index="187"><img src="./images/screenshots/buck-rogers-ctd-187-thumb.jpeg" alt="screenshot 187"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-188.png" data-hires="./images/screenshots/buck-rogers-ctd-188.png" data-index="188"><img src="./images/screenshots/buck-rogers-ctd-188-thumb.jpeg" alt="screenshot 188"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-189.png" data-hires="./images/screenshots/buck-rogers-ctd-189.png" data-index="189"><img src="./images/screenshots/buck-rogers-ctd-189-thumb.jpeg" alt="screenshot 189"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-190.png" data-hires="./images/screenshots/buck-rogers-ctd-190.png" data-index="190"><img src="./images/screenshots/buck-rogers-ctd-190-thumb.jpeg" alt="screenshot 190"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-191.png" data-hires="./images/screenshots/buck-rogers-ctd-191.png" data-index="191"><img src="./images/screenshots/buck-rogers-ctd-191-thumb.jpeg" alt="screenshot 191"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-192.png" data-hires="./images/screenshots/buck-rogers-ctd-192.png" data-index="192"><img src="./images/screenshots/buck-rogers-ctd-192-thumb.jpeg" alt="screenshot 192"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-193.png" data-hires="./images/screenshots/buck-rogers-ctd-193.png" data-index="193"><img src="./images/screenshots/buck-rogers-ctd-193-thumb.jpeg" alt="screenshot 193"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-194.png" data-hires="./images/screenshots/buck-rogers-ctd-194.png" data-index="194"><img src="./images/screenshots/buck-rogers-ctd-194-thumb.jpeg" alt="screenshot 194"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-195.png" data-hires="./images/screenshots/buck-rogers-ctd-195.png" data-index="195"><img src="./images/screenshots/buck-rogers-ctd-195-thumb.jpeg" alt="screenshot 195"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-196.png" data-hires="./images/screenshots/buck-rogers-ctd-196.png" data-index="196"><img src="./images/screenshots/buck-rogers-ctd-196-thumb.jpeg" alt="screenshot 196"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-197.png" data-hires="./images/screenshots/buck-rogers-ctd-197.png" data-index="197"><img src="./images/screenshots/buck-rogers-ctd-197-thumb.jpeg" alt="screenshot 197"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-198.png" data-hires="./images/screenshots/buck-rogers-ctd-198.png" data-index="198"><img src="./images/screenshots/buck-rogers-ctd-198-thumb.jpeg" alt="screenshot 198"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-199.png" data-hires="./images/screenshots/buck-rogers-ctd-199.png" data-index="199"><img src="./images/screenshots/buck-rogers-ctd-199-thumb.jpeg" alt="screenshot 199"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-200.png" data-hires="./images/screenshots/buck-rogers-ctd-200.png" data-index="200"><img src="./images/screenshots/buck-rogers-ctd-200-thumb.jpeg" alt="screenshot 200"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-201.png" data-hires="./images/screenshots/buck-rogers-ctd-201.png" data-index="201"><img src="./images/screenshots/buck-rogers-ctd-201-thumb.jpeg" alt="screenshot 201"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-202.png" data-hires="./images/screenshots/buck-rogers-ctd-202.png" data-index="202"><img src="./images/screenshots/buck-rogers-ctd-202-thumb.jpeg" alt="screenshot 202"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-203.png" data-hires="./images/screenshots/buck-rogers-ctd-203.png" data-index="203"><img src="./images/screenshots/buck-rogers-ctd-203-thumb.jpeg" alt="screenshot 203"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-204.png" data-hires="./images/screenshots/buck-rogers-ctd-204.png" data-index="204"><img src="./images/screenshots/buck-rogers-ctd-204-thumb.jpeg" alt="screenshot 204"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-205.png" data-hires="./images/screenshots/buck-rogers-ctd-205.png" data-index="205"><img src="./images/screenshots/buck-rogers-ctd-205-thumb.jpeg" alt="screenshot 205"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-206.png" data-hires="./images/screenshots/buck-rogers-ctd-206.png" data-index="206"><img src="./images/screenshots/buck-rogers-ctd-206-thumb.jpeg" alt="screenshot 206"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-207.png" data-hires="./images/screenshots/buck-rogers-ctd-207.png" data-index="207"><img src="./images/screenshots/buck-rogers-ctd-207-thumb.jpeg" alt="screenshot 207"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-208.png" data-hires="./images/screenshots/buck-rogers-ctd-208.png" data-index="208"><img src="./images/screenshots/buck-rogers-ctd-208-thumb.jpeg" alt="screenshot 208"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-209.png" data-hires="./images/screenshots/buck-rogers-ctd-209.png" data-index="209"><img src="./images/screenshots/buck-rogers-ctd-209-thumb.jpeg" alt="screenshot 209"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-210.png" data-hires="./images/screenshots/buck-rogers-ctd-210.png" data-index="210"><img src="./images/screenshots/buck-rogers-ctd-210-thumb.jpeg" alt="screenshot 210"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-211.png" data-hires="./images/screenshots/buck-rogers-ctd-211.png" data-index="211"><img src="./images/screenshots/buck-rogers-ctd-211-thumb.jpeg" alt="screenshot 211"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-212.png" data-hires="./images/screenshots/buck-rogers-ctd-212.png" data-index="212"><img src="./images/screenshots/buck-rogers-ctd-212-thumb.jpeg" alt="screenshot 212"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-213.png" data-hires="./images/screenshots/buck-rogers-ctd-213.png" data-index="213"><img src="./images/screenshots/buck-rogers-ctd-213-thumb.jpeg" alt="screenshot 213"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-214.png" data-hires="./images/screenshots/buck-rogers-ctd-214.png" data-index="214"><img src="./images/screenshots/buck-rogers-ctd-214-thumb.jpeg" alt="screenshot 214"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-215.png" data-hires="./images/screenshots/buck-rogers-ctd-215.png" data-index="215"><img src="./images/screenshots/buck-rogers-ctd-215-thumb.jpeg" alt="screenshot 215"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-216.png" data-hires="./images/screenshots/buck-rogers-ctd-216.png" data-index="216"><img src="./images/screenshots/buck-rogers-ctd-216-thumb.jpeg" alt="screenshot 216"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-217.png" data-hires="./images/screenshots/buck-rogers-ctd-217.png" data-index="217"><img src="./images/screenshots/buck-rogers-ctd-217-thumb.jpeg" alt="screenshot 217"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-218.png" data-hires="./images/screenshots/buck-rogers-ctd-218.png" data-index="218"><img src="./images/screenshots/buck-rogers-ctd-218-thumb.jpeg" alt="screenshot 218"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-219.png" data-hires="./images/screenshots/buck-rogers-ctd-219.png" data-index="219"><img src="./images/screenshots/buck-rogers-ctd-219-thumb.jpeg" alt="screenshot 219"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-220.png" data-hires="./images/screenshots/buck-rogers-ctd-220.png" data-index="220"><img src="./images/screenshots/buck-rogers-ctd-220-thumb.jpeg" alt="screenshot 220"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-221.png" data-hires="./images/screenshots/buck-rogers-ctd-221.png" data-index="221"><img src="./images/screenshots/buck-rogers-ctd-221-thumb.jpeg" alt="screenshot 221"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-222.png" data-hires="./images/screenshots/buck-rogers-ctd-222.png" data-index="222"><img src="./images/screenshots/buck-rogers-ctd-222-thumb.jpeg" alt="screenshot 222"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-223.png" data-hires="./images/screenshots/buck-rogers-ctd-223.png" data-index="223"><img src="./images/screenshots/buck-rogers-ctd-223-thumb.jpeg" alt="screenshot 223"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-224.png" data-hires="./images/screenshots/buck-rogers-ctd-224.png" data-index="224"><img src="./images/screenshots/buck-rogers-ctd-224-thumb.jpeg" alt="screenshot 224"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-225.png" data-hires="./images/screenshots/buck-rogers-ctd-225.png" data-index="225"><img src="./images/screenshots/buck-rogers-ctd-225-thumb.jpeg" alt="screenshot 225"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-226.png" data-hires="./images/screenshots/buck-rogers-ctd-226.png" data-index="226"><img src="./images/screenshots/buck-rogers-ctd-226-thumb.jpeg" alt="screenshot 226"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-227.png" data-hires="./images/screenshots/buck-rogers-ctd-227.png" data-index="227"><img src="./images/screenshots/buck-rogers-ctd-227-thumb.jpeg" alt="screenshot 227"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-228.png" data-hires="./images/screenshots/buck-rogers-ctd-228.png" data-index="228"><img src="./images/screenshots/buck-rogers-ctd-228-thumb.jpeg" alt="screenshot 228"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-229.png" data-hires="./images/screenshots/buck-rogers-ctd-229.png" data-index="229"><img src="./images/screenshots/buck-rogers-ctd-229-thumb.jpeg" alt="screenshot 229"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-230.png" data-hires="./images/screenshots/buck-rogers-ctd-230.png" data-index="230"><img src="./images/screenshots/buck-rogers-ctd-230-thumb.jpeg" alt="screenshot 230"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-231.png" data-hires="./images/screenshots/buck-rogers-ctd-231.png" data-index="231"><img src="./images/screenshots/buck-rogers-ctd-231-thumb.jpeg" alt="screenshot 231"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-232.png" data-hires="./images/screenshots/buck-rogers-ctd-232.png" data-index="232"><img src="./images/screenshots/buck-rogers-ctd-232-thumb.jpeg" alt="screenshot 232"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-233.png" data-hires="./images/screenshots/buck-rogers-ctd-233.png" data-index="233"><img src="./images/screenshots/buck-rogers-ctd-233-thumb.jpeg" alt="screenshot 233"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-234.png" data-hires="./images/screenshots/buck-rogers-ctd-234.png" data-index="234"><img src="./images/screenshots/buck-rogers-ctd-234-thumb.jpeg" alt="screenshot 234"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-235.png" data-hires="./images/screenshots/buck-rogers-ctd-235.png" data-index="235"><img src="./images/screenshots/buck-rogers-ctd-235-thumb.jpeg" alt="screenshot 235"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-236.png" data-hires="./images/screenshots/buck-rogers-ctd-236.png" data-index="236"><img src="./images/screenshots/buck-rogers-ctd-236-thumb.jpeg" alt="screenshot 236"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-237.png" data-hires="./images/screenshots/buck-rogers-ctd-237.png" data-index="237"><img src="./images/screenshots/buck-rogers-ctd-237-thumb.jpeg" alt="screenshot 237"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-238.png" data-hires="./images/screenshots/buck-rogers-ctd-238.png" data-index="238"><img src="./images/screenshots/buck-rogers-ctd-238-thumb.jpeg" alt="screenshot 238"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-239.png" data-hires="./images/screenshots/buck-rogers-ctd-239.png" data-index="239"><img src="./images/screenshots/buck-rogers-ctd-239-thumb.jpeg" alt="screenshot 239"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-240.png" data-hires="./images/screenshots/buck-rogers-ctd-240.png" data-index="240"><img src="./images/screenshots/buck-rogers-ctd-240-thumb.jpeg" alt="screenshot 240"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-241.png" data-hires="./images/screenshots/buck-rogers-ctd-241.png" data-index="241"><img src="./images/screenshots/buck-rogers-ctd-241-thumb.jpeg" alt="screenshot 241"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-242.png" data-hires="./images/screenshots/buck-rogers-ctd-242.png" data-index="242"><img src="./images/screenshots/buck-rogers-ctd-242-thumb.jpeg" alt="screenshot 242"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-243.png" data-hires="./images/screenshots/buck-rogers-ctd-243.png" data-index="243"><img src="./images/screenshots/buck-rogers-ctd-243-thumb.jpeg" alt="screenshot 243"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-244.png" data-hires="./images/screenshots/buck-rogers-ctd-244.png" data-index="244"><img src="./images/screenshots/buck-rogers-ctd-244-thumb.jpeg" alt="screenshot 244"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-245.png" data-hires="./images/screenshots/buck-rogers-ctd-245.png" data-index="245"><img src="./images/screenshots/buck-rogers-ctd-245-thumb.jpeg" alt="screenshot 245"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-246.png" data-hires="./images/screenshots/buck-rogers-ctd-246.png" data-index="246"><img src="./images/screenshots/buck-rogers-ctd-246-thumb.jpeg" alt="screenshot 246"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-247.png" data-hires="./images/screenshots/buck-rogers-ctd-247.png" data-index="247"><img src="./images/screenshots/buck-rogers-ctd-247-thumb.jpeg" alt="screenshot 247"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-248.png" data-hires="./images/screenshots/buck-rogers-ctd-248.png" data-index="248"><img src="./images/screenshots/buck-rogers-ctd-248-thumb.jpeg" alt="screenshot 248"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-249.png" data-hires="./images/screenshots/buck-rogers-ctd-249.png" data-index="249"><img src="./images/screenshots/buck-rogers-ctd-249-thumb.jpeg" alt="screenshot 249"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-250.png" data-hires="./images/screenshots/buck-rogers-ctd-250.png" data-index="250"><img src="./images/screenshots/buck-rogers-ctd-250-thumb.jpeg" alt="screenshot 250"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-251.png" data-hires="./images/screenshots/buck-rogers-ctd-251.png" data-index="251"><img src="./images/screenshots/buck-rogers-ctd-251-thumb.jpeg" alt="screenshot 251"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-252.png" data-hires="./images/screenshots/buck-rogers-ctd-252.png" data-index="252"><img src="./images/screenshots/buck-rogers-ctd-252-thumb.jpeg" alt="screenshot 252"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-253.png" data-hires="./images/screenshots/buck-rogers-ctd-253.png" data-index="253"><img src="./images/screenshots/buck-rogers-ctd-253-thumb.jpeg" alt="screenshot 253"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-254.png" data-hires="./images/screenshots/buck-rogers-ctd-254.png" data-index="254"><img src="./images/screenshots/buck-rogers-ctd-254-thumb.jpeg" alt="screenshot 254"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-255.png" data-hires="./images/screenshots/buck-rogers-ctd-255.png" data-index="255"><img src="./images/screenshots/buck-rogers-ctd-255-thumb.jpeg" alt="screenshot 255"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-256.png" data-hires="./images/screenshots/buck-rogers-ctd-256.png" data-index="256"><img src="./images/screenshots/buck-rogers-ctd-256-thumb.jpeg" alt="screenshot 256"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-257.png" data-hires="./images/screenshots/buck-rogers-ctd-257.png" data-index="257"><img src="./images/screenshots/buck-rogers-ctd-257-thumb.jpeg" alt="screenshot 257"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-258.png" data-hires="./images/screenshots/buck-rogers-ctd-258.png" data-index="258"><img src="./images/screenshots/buck-rogers-ctd-258-thumb.jpeg" alt="screenshot 258"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-259.png" data-hires="./images/screenshots/buck-rogers-ctd-259.png" data-index="259"><img src="./images/screenshots/buck-rogers-ctd-259-thumb.jpeg" alt="screenshot 259"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-260.png" data-hires="./images/screenshots/buck-rogers-ctd-260.png" data-index="260"><img src="./images/screenshots/buck-rogers-ctd-260-thumb.jpeg" alt="screenshot 260"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-261.png" data-hires="./images/screenshots/buck-rogers-ctd-261.png" data-index="261"><img src="./images/screenshots/buck-rogers-ctd-261-thumb.jpeg" alt="screenshot 261"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-262.png" data-hires="./images/screenshots/buck-rogers-ctd-262.png" data-index="262"><img src="./images/screenshots/buck-rogers-ctd-262-thumb.jpeg" alt="screenshot 262"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-263.png" data-hires="./images/screenshots/buck-rogers-ctd-263.png" data-index="263"><img src="./images/screenshots/buck-rogers-ctd-263-thumb.jpeg" alt="screenshot 263"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-264.png" data-hires="./images/screenshots/buck-rogers-ctd-264.png" data-index="264"><img src="./images/screenshots/buck-rogers-ctd-264-thumb.jpeg" alt="screenshot 264"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-265.png" data-hires="./images/screenshots/buck-rogers-ctd-265.png" data-index="265"><img src="./images/screenshots/buck-rogers-ctd-265-thumb.jpeg" alt="screenshot 265"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-266.png" data-hires="./images/screenshots/buck-rogers-ctd-266.png" data-index="266"><img src="./images/screenshots/buck-rogers-ctd-266-thumb.jpeg" alt="screenshot 266"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-267.png" data-hires="./images/screenshots/buck-rogers-ctd-267.png" data-index="267"><img src="./images/screenshots/buck-rogers-ctd-267-thumb.jpeg" alt="screenshot 267"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-268.png" data-hires="./images/screenshots/buck-rogers-ctd-268.png" data-index="268"><img src="./images/screenshots/buck-rogers-ctd-268-thumb.jpeg" alt="screenshot 268"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-269.png" data-hires="./images/screenshots/buck-rogers-ctd-269.png" data-index="269"><img src="./images/screenshots/buck-rogers-ctd-269-thumb.jpeg" alt="screenshot 269"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-270.png" data-hires="./images/screenshots/buck-rogers-ctd-270.png" data-index="270"><img src="./images/screenshots/buck-rogers-ctd-270-thumb.jpeg" alt="screenshot 270"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-271.png" data-hires="./images/screenshots/buck-rogers-ctd-271.png" data-index="271"><img src="./images/screenshots/buck-rogers-ctd-271-thumb.jpeg" alt="screenshot 271"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-272.png" data-hires="./images/screenshots/buck-rogers-ctd-272.png" data-index="272"><img src="./images/screenshots/buck-rogers-ctd-272-thumb.jpeg" alt="screenshot 272"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-273.png" data-hires="./images/screenshots/buck-rogers-ctd-273.png" data-index="273"><img src="./images/screenshots/buck-rogers-ctd-273-thumb.jpeg" alt="screenshot 273"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-274.png" data-hires="./images/screenshots/buck-rogers-ctd-274.png" data-index="274"><img src="./images/screenshots/buck-rogers-ctd-274-thumb.jpeg" alt="screenshot 274"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-275.png" data-hires="./images/screenshots/buck-rogers-ctd-275.png" data-index="275"><img src="./images/screenshots/buck-rogers-ctd-275-thumb.jpeg" alt="screenshot 275"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-276.png" data-hires="./images/screenshots/buck-rogers-ctd-276.png" data-index="276"><img src="./images/screenshots/buck-rogers-ctd-276-thumb.jpeg" alt="screenshot 276"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-277.png" data-hires="./images/screenshots/buck-rogers-ctd-277.png" data-index="277"><img src="./images/screenshots/buck-rogers-ctd-277-thumb.jpeg" alt="screenshot 277"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-278.png" data-hires="./images/screenshots/buck-rogers-ctd-278.png" data-index="278"><img src="./images/screenshots/buck-rogers-ctd-278-thumb.jpeg" alt="screenshot 278"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-279.png" data-hires="./images/screenshots/buck-rogers-ctd-279.png" data-index="279"><img src="./images/screenshots/buck-rogers-ctd-279-thumb.jpeg" alt="screenshot 279"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-280.png" data-hires="./images/screenshots/buck-rogers-ctd-280.png" data-index="280"><img src="./images/screenshots/buck-rogers-ctd-280-thumb.jpeg" alt="screenshot 280"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-281.png" data-hires="./images/screenshots/buck-rogers-ctd-281.png" data-index="281"><img src="./images/screenshots/buck-rogers-ctd-281-thumb.jpeg" alt="screenshot 281"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-282.png" data-hires="./images/screenshots/buck-rogers-ctd-282.png" data-index="282"><img src="./images/screenshots/buck-rogers-ctd-282-thumb.jpeg" alt="screenshot 282"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-283.png" data-hires="./images/screenshots/buck-rogers-ctd-283.png" data-index="283"><img src="./images/screenshots/buck-rogers-ctd-283-thumb.jpeg" alt="screenshot 283"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-284.png" data-hires="./images/screenshots/buck-rogers-ctd-284.png" data-index="284"><img src="./images/screenshots/buck-rogers-ctd-284-thumb.jpeg" alt="screenshot 284"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-285.png" data-hires="./images/screenshots/buck-rogers-ctd-285.png" data-index="285"><img src="./images/screenshots/buck-rogers-ctd-285-thumb.jpeg" alt="screenshot 285"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-286.png" data-hires="./images/screenshots/buck-rogers-ctd-286.png" data-index="286"><img src="./images/screenshots/buck-rogers-ctd-286-thumb.jpeg" alt="screenshot 286"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-287.png" data-hires="./images/screenshots/buck-rogers-ctd-287.png" data-index="287"><img src="./images/screenshots/buck-rogers-ctd-287-thumb.jpeg" alt="screenshot 287"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-288.png" data-hires="./images/screenshots/buck-rogers-ctd-288.png" data-index="288"><img src="./images/screenshots/buck-rogers-ctd-288-thumb.jpeg" alt="screenshot 288"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-289.png" data-hires="./images/screenshots/buck-rogers-ctd-289.png" data-index="289"><img src="./images/screenshots/buck-rogers-ctd-289-thumb.jpeg" alt="screenshot 289"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-290.png" data-hires="./images/screenshots/buck-rogers-ctd-290.png" data-index="290"><img src="./images/screenshots/buck-rogers-ctd-290-thumb.jpeg" alt="screenshot 290"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-291.png" data-hires="./images/screenshots/buck-rogers-ctd-291.png" data-index="291"><img src="./images/screenshots/buck-rogers-ctd-291-thumb.jpeg" alt="screenshot 291"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-292.png" data-hires="./images/screenshots/buck-rogers-ctd-292.png" data-index="292"><img src="./images/screenshots/buck-rogers-ctd-292-thumb.jpeg" alt="screenshot 292"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-293.png" data-hires="./images/screenshots/buck-rogers-ctd-293.png" data-index="293"><img src="./images/screenshots/buck-rogers-ctd-293-thumb.jpeg" alt="screenshot 293"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-294.png" data-hires="./images/screenshots/buck-rogers-ctd-294.png" data-index="294"><img src="./images/screenshots/buck-rogers-ctd-294-thumb.jpeg" alt="screenshot 294"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-295.png" data-hires="./images/screenshots/buck-rogers-ctd-295.png" data-index="295"><img src="./images/screenshots/buck-rogers-ctd-295-thumb.jpeg" alt="screenshot 295"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-296.png" data-hires="./images/screenshots/buck-rogers-ctd-296.png" data-index="296"><img src="./images/screenshots/buck-rogers-ctd-296-thumb.jpeg" alt="screenshot 296"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-297.png" data-hires="./images/screenshots/buck-rogers-ctd-297.png" data-index="297"><img src="./images/screenshots/buck-rogers-ctd-297-thumb.jpeg" alt="screenshot 297"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-298.png" data-hires="./images/screenshots/buck-rogers-ctd-298.png" data-index="298"><img src="./images/screenshots/buck-rogers-ctd-298-thumb.jpeg" alt="screenshot 298"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-299.png" data-hires="./images/screenshots/buck-rogers-ctd-299.png" data-index="299"><img src="./images/screenshots/buck-rogers-ctd-299-thumb.jpeg" alt="screenshot 299"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-300.png" data-hires="./images/screenshots/buck-rogers-ctd-300.png" data-index="300"><img src="./images/screenshots/buck-rogers-ctd-300-thumb.jpeg" alt="screenshot 300"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-301.png" data-hires="./images/screenshots/buck-rogers-ctd-301.png" data-index="301"><img src="./images/screenshots/buck-rogers-ctd-301-thumb.jpeg" alt="screenshot 301"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-302.png" data-hires="./images/screenshots/buck-rogers-ctd-302.png" data-index="302"><img src="./images/screenshots/buck-rogers-ctd-302-thumb.jpeg" alt="screenshot 302"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-303.png" data-hires="./images/screenshots/buck-rogers-ctd-303.png" data-index="303"><img src="./images/screenshots/buck-rogers-ctd-303-thumb.jpeg" alt="screenshot 303"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-304.png" data-hires="./images/screenshots/buck-rogers-ctd-304.png" data-index="304"><img src="./images/screenshots/buck-rogers-ctd-304-thumb.jpeg" alt="screenshot 304"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-305.png" data-hires="./images/screenshots/buck-rogers-ctd-305.png" data-index="305"><img src="./images/screenshots/buck-rogers-ctd-305-thumb.jpeg" alt="screenshot 305"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-306.png" data-hires="./images/screenshots/buck-rogers-ctd-306.png" data-index="306"><img src="./images/screenshots/buck-rogers-ctd-306-thumb.jpeg" alt="screenshot 306"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-307.png" data-hires="./images/screenshots/buck-rogers-ctd-307.png" data-index="307"><img src="./images/screenshots/buck-rogers-ctd-307-thumb.jpeg" alt="screenshot 307"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-308.png" data-hires="./images/screenshots/buck-rogers-ctd-308.png" data-index="308"><img src="./images/screenshots/buck-rogers-ctd-308-thumb.jpeg" alt="screenshot 308"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-309.png" data-hires="./images/screenshots/buck-rogers-ctd-309.png" data-index="309"><img src="./images/screenshots/buck-rogers-ctd-309-thumb.jpeg" alt="screenshot 309"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-310.png" data-hires="./images/screenshots/buck-rogers-ctd-310.png" data-index="310"><img src="./images/screenshots/buck-rogers-ctd-310-thumb.jpeg" alt="screenshot 310"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-311.png" data-hires="./images/screenshots/buck-rogers-ctd-311.png" data-index="311"><img src="./images/screenshots/buck-rogers-ctd-311-thumb.jpeg" alt="screenshot 311"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-312.png" data-hires="./images/screenshots/buck-rogers-ctd-312.png" data-index="312"><img src="./images/screenshots/buck-rogers-ctd-312-thumb.jpeg" alt="screenshot 312"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-313.png" data-hires="./images/screenshots/buck-rogers-ctd-313.png" data-index="313"><img src="./images/screenshots/buck-rogers-ctd-313-thumb.jpeg" alt="screenshot 313"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-314.png" data-hires="./images/screenshots/buck-rogers-ctd-314.png" data-index="314"><img src="./images/screenshots/buck-rogers-ctd-314-thumb.jpeg" alt="screenshot 314"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-315.png" data-hires="./images/screenshots/buck-rogers-ctd-315.png" data-index="315"><img src="./images/screenshots/buck-rogers-ctd-315-thumb.jpeg" alt="screenshot 315"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-316.png" data-hires="./images/screenshots/buck-rogers-ctd-316.png" data-index="316"><img src="./images/screenshots/buck-rogers-ctd-316-thumb.jpeg" alt="screenshot 316"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-317.png" data-hires="./images/screenshots/buck-rogers-ctd-317.png" data-index="317"><img src="./images/screenshots/buck-rogers-ctd-317-thumb.jpeg" alt="screenshot 317"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-318.png" data-hires="./images/screenshots/buck-rogers-ctd-318.png" data-index="318"><img src="./images/screenshots/buck-rogers-ctd-318-thumb.jpeg" alt="screenshot 318"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-319.png" data-hires="./images/screenshots/buck-rogers-ctd-319.png" data-index="319"><img src="./images/screenshots/buck-rogers-ctd-319-thumb.jpeg" alt="screenshot 319"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-320.png" data-hires="./images/screenshots/buck-rogers-ctd-320.png" data-index="320"><img src="./images/screenshots/buck-rogers-ctd-320-thumb.jpeg" alt="screenshot 320"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-321.png" data-hires="./images/screenshots/buck-rogers-ctd-321.png" data-index="321"><img src="./images/screenshots/buck-rogers-ctd-321-thumb.jpeg" alt="screenshot 321"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-322.png" data-hires="./images/screenshots/buck-rogers-ctd-322.png" data-index="322"><img src="./images/screenshots/buck-rogers-ctd-322-thumb.jpeg" alt="screenshot 322"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-323.png" data-hires="./images/screenshots/buck-rogers-ctd-323.png" data-index="323"><img src="./images/screenshots/buck-rogers-ctd-323-thumb.jpeg" alt="screenshot 323"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-324.png" data-hires="./images/screenshots/buck-rogers-ctd-324.png" data-index="324"><img src="./images/screenshots/buck-rogers-ctd-324-thumb.jpeg" alt="screenshot 324"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-325.png" data-hires="./images/screenshots/buck-rogers-ctd-325.png" data-index="325"><img src="./images/screenshots/buck-rogers-ctd-325-thumb.jpeg" alt="screenshot 325"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-326.png" data-hires="./images/screenshots/buck-rogers-ctd-326.png" data-index="326"><img src="./images/screenshots/buck-rogers-ctd-326-thumb.jpeg" alt="screenshot 326"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-327.png" data-hires="./images/screenshots/buck-rogers-ctd-327.png" data-index="327"><img src="./images/screenshots/buck-rogers-ctd-327-thumb.jpeg" alt="screenshot 327"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-328.png" data-hires="./images/screenshots/buck-rogers-ctd-328.png" data-index="328"><img src="./images/screenshots/buck-rogers-ctd-328-thumb.jpeg" alt="screenshot 328"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-329.png" data-hires="./images/screenshots/buck-rogers-ctd-329.png" data-index="329"><img src="./images/screenshots/buck-rogers-ctd-329-thumb.jpeg" alt="screenshot 329"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-330.png" data-hires="./images/screenshots/buck-rogers-ctd-330.png" data-index="330"><img src="./images/screenshots/buck-rogers-ctd-330-thumb.jpeg" alt="screenshot 330"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-331.png" data-hires="./images/screenshots/buck-rogers-ctd-331.png" data-index="331"><img src="./images/screenshots/buck-rogers-ctd-331-thumb.jpeg" alt="screenshot 331"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-332.png" data-hires="./images/screenshots/buck-rogers-ctd-332.png" data-index="332"><img src="./images/screenshots/buck-rogers-ctd-332-thumb.jpeg" alt="screenshot 332"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-333.png" data-hires="./images/screenshots/buck-rogers-ctd-333.png" data-index="333"><img src="./images/screenshots/buck-rogers-ctd-333-thumb.jpeg" alt="screenshot 333"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-334.png" data-hires="./images/screenshots/buck-rogers-ctd-334.png" data-index="334"><img src="./images/screenshots/buck-rogers-ctd-334-thumb.jpeg" alt="screenshot 334"/></a>
<a class="tile-container" href="./images/screenshots/buck-rogers-ctd-335.png" data-hires="./images/screenshots/buck-rogers-ctd-335.png" data-index="335"><img src="./images/screenshots/buck-rogers-ctd-335-thumb.jpeg" alt="screenshot 335"/></a>
</div>
</div>
<div class="backdrop"></div>
<div class="lightbox-container"></div>
<div class="close-x" title="Close">&times;</div>
<script>
(() => {
let showingTarget = null;
const lightboxContainer = document.querySelector('.lightbox-container');
const backdrop = document.querySelector('.backdrop');
const closeX = document.querySelector('.close-x');
backdrop.addEventListener('click', () => {
hideLightbox();
});
closeX.addEventListener('click', () => {
hideLightbox();
});
const showBackdrop = () => {
document.body.classList.add('lightbox-visible');
backdrop.style.display = 'block';
};
const hideBackdrop = () => {
backdrop.style.display = 'none';
document.body.classList.remove('lightbox-visible');
};
const rescale = (animate = true) => {
const container = lightboxContainer;
const img = container.querySelector('img');
const infobox = container.querySelector('.lightbox-infobox');
if (!img || !infobox) {
return;
}
const margin = 20;
const availWidth = window.innerWidth - (margin * 2);
const availHeight = window.innerHeight - (margin * 2);
const maxWidth = img.naturalWidth;
const maxHeight = img.naturalHeight;
const ratio = img.naturalWidth / img.naturalHeight;
let targetWidth;
let targetHeight;
if (ratio < 1) {
targetHeight = Math.min(availHeight, availWidth * ratio);
targetWidth = Math.min(availWidth, availHeight / ratio);
} else {
targetHeight = Math.min(availHeight, availWidth / ratio);
targetWidth = Math.min(availWidth, availHeight * ratio);
}
const coefficient = targetWidth / maxWidth;
infobox.innerHTML = `${maxWidth}×${maxHeight}`;
if (coefficient !== 1) {
infobox.innerHTML += ` - scaled (${(coefficient * 100).toFixed(1)}%)`;
}
const left = (window.innerWidth / 2) - (targetWidth / 2);
const top = (window.innerHeight / 2) - (targetHeight / 2);
container.classList.remove('lightbox-animate');
if (animate) {
container.classList.add('lightbox-animate');
}
container.style.left = left + 'px';
container.style.top = top + 'px';
container.style.width = targetWidth + 'px';
container.style.height = targetHeight + 'px';
}
const showLightbox = (target, shouldShowBackdrop = true, animate = true) => {
if (shouldShowBackdrop) {
showBackdrop();
}
const container = lightboxContainer;
const width = target.clientWidth;
const height = target.clientHeight;
let img;
let anchor;
if (!showingTarget) {
container.style.zIndex = '101';
container.style.width = width + 'px';
container.style.height = height + 'px';
const rect = target.getBoundingClientRect();
// -1 for container borders
container.style.top = (rect.top - 1) + 'px';
container.style.left = (rect.left - 1) + 'px';
img = document.createElement('img');
anchor = document.createElement('a');
const infobox = document.createElement('div');
infobox.className = 'lightbox-infobox';
anchor.appendChild(img);
container.appendChild(anchor);
container.appendChild(infobox);
} else {
// just gonna replace img src instead of building a new lightbox
img = container.querySelector('img');
anchor = container.querySelector('a');
}
showingTarget = target;
let src;
// find <img /> in the target
const hiresUrl = target.getAttribute('data-hires');
if (hiresUrl) {
src = hiresUrl;
} else if (target instanceof HTMLImageElement) {
src = target.src;
} else {
const innerImg = target.querySelector('img');
if (!innerImg) {
throw new Error(`unable to find <img /> element for lightbox`);
}
src = innerImg.src;
}
img.src = src;
anchor.href = src;
anchor.setAttribute('target', '_blank');
if (animate) {
document.body.appendChild(container);
}
const loadStart = Date.now();
img.addEventListener('load', () => {
const elapsed = Date.now() - loadStart;
if (animate) {
setTimeout(() => rescale(animate), Math.max(1, 100 - elapsed));
} else {
document.body.appendChild(container);
rescale(animate);
}
});
img.addEventListener('error', (e) => {
console.error('failed to load image', e);
hideLightbox();
});
};
const hideLightbox = (shouldHideBackdrop = true) => {
if (shouldHideBackdrop) {
hideBackdrop();
}
showingTarget = null;
lightboxContainer.innerHTML = '';
lightboxContainer.removeAttribute('style');
}
const navigateToImage = (dir) => {
if (!showingTarget) {
return;
}
const currentIndex = Number(showingTarget.getAttribute('data-index'));
if (isNaN(currentIndex)) {
return;
}
const total = document.querySelectorAll('.tile-container').length;
let nextIndex = currentIndex + dir;
if (nextIndex < 0) {
nextIndex += total;
} else {
nextIndex %= total;
}
if (nextIndex === currentIndex) {
return;
}
const nextTarget = document.querySelector(`.tile-container[data-index="${nextIndex}"]`);
if (!nextTarget) {
return;
}
showLightbox(nextTarget, false, false);
};
let imagesLoaded = 0;
let numImages = 0;
document.querySelectorAll('.tile-container img').forEach((img) => {
numImages++;
img.addEventListener('load', () => {
imagesLoaded++;
});
img.addEventListener('error', () => {
imagesLoaded++;
});
});
document.querySelectorAll('.tile-container').forEach((anchor) => {
anchor.addEventListener('click', (e) => {
e.preventDefault();
showLightbox(anchor);
});
});
document.addEventListener('keydown', (e) => {
switch (e.key) {
case 'Escape':
hideLightbox();
break;
case 'ArrowRight':
navigateToImage(1);
break;
case 'ArrowLeft':
navigateToImage(-1);
break;
}
});
let resizeId;
window.addEventListener('resize', () => {
clearTimeout(resizeId);
resizeId = setTimeout(() => {
rescale();
}, 20);
});
})();
</script>
</body>
</html>