buckrogers/public/index.html
2021-12-29 14:35:55 -08:00

761 lines
99 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>