<header>
        <h2>Sci-Fi Series</h2>
        <input class='filter' type='search' placeholder='Filter'>
      </header>
      <div class='seriesList'>
        <section
            hx-get='/partial/series/2000-plus.html'
            hx-target='main'
            hx-push-url='/series/2000-plus'
            hx-swap='innerHTML show:top'
            data-filter='2000 plus'
            title='2000 Plus'>
          <img alt='cover image' title='2000 Plus'
              src='/cover/sm/2000-plus.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>2000 Plus</label>
            <aside>
              <span>16 episodes</span>
              <span>Aired 1950</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/alien-worlds.html'
            hx-target='main'
            hx-push-url='/series/alien-worlds'
            hx-swap='innerHTML show:top'
            data-filter='alien worlds'
            title='Alien Worlds'>
          <img alt='cover image' title='Alien Worlds'
              src='/cover/sm/alien-worlds.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>Alien Worlds</label>
            <aside>
              <span>30 episodes</span>
              <span>Aired 1979</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/buck-rogers.html'
            hx-target='main'
            hx-push-url='/series/buck-rogers'
            hx-swap='innerHTML show:top'
            data-filter='buck rogers'
            title='Buck Rogers'>
          <img alt='cover image' title='Buck Rogers'
              src='/cover/sm/buck-rogers.jpg'>
          <div>
            <ul>
              <li>Children</li><li>Sci-Fi</li>
            </ul>
            <label>Buck Rogers</label>
            <aside>
              <span>12 episodes</span>
              <span>Aired 1939</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/dimension-x.html'
            hx-target='main'
            hx-push-url='/series/dimension-x'
            hx-swap='innerHTML show:top'
            data-filter='dimension x'
            title='Dimension X'>
          <img alt='cover image' title='Dimension X'
              src='/cover/sm/dimension-x.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>Dimension X</label>
            <aside>
              <span>50 episodes</span>
              <span>Aired 1950-1951</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/exploring-tomorrow.html'
            hx-target='main'
            hx-push-url='/series/exploring-tomorrow'
            hx-swap='innerHTML show:top'
            data-filter='exploring tomorrow'
            title='Exploring Tomorrow'>
          <img alt='cover image' title='Exploring Tomorrow'
              src='/cover/sm/exploring-tomorrow.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>Exploring Tomorrow</label>
            <aside>
              <span>22 episodes</span>
              <span>Aired 1957-1958</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/flash-gordon.html'
            hx-target='main'
            hx-push-url='/series/flash-gordon'
            hx-swap='innerHTML show:top'
            data-filter='flash gordon'
            title='Flash Gordon'>
          <img alt='cover image' title='Flash Gordon'
              src='/cover/sm/flash-gordon.jpg'>
          <div>
            <ul>
              <li>Adventure</li><li>Sci-Fi</li>
            </ul>
            <label>Flash Gordon</label>
            <aside>
              <span>26 episodes</span>
              <span>Aired 1935</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/journey-into-space.html'
            hx-target='main'
            hx-push-url='/series/journey-into-space'
            hx-swap='innerHTML show:top'
            data-filter='journey into space'
            title='Journey Into Space'>
          <img alt='cover image' title='Journey Into Space'
              src='/cover/sm/journey-into-space.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>Journey Into Space</label>
            <aside>
              <span>45 episodes</span>
              <span>Aired 1953-1955</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/magic-island.html'
            hx-target='main'
            hx-push-url='/series/magic-island'
            hx-swap='innerHTML show:top'
            data-filter='magic island'
            title='Magic Island'>
          <img alt='cover image' title='Magic Island'
              src='/cover/sm/magic-island.jpg'>
          <div>
            <ul>
              <li>Adventure</li><li>Children</li><li>Sci-Fi</li>
            </ul>
            <label>Magic Island</label>
            <aside>
              <span>130 episodes</span>
              <span>Aired 1936</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/planet-man.html'
            hx-target='main'
            hx-push-url='/series/planet-man'
            hx-swap='innerHTML show:top'
            data-filter='planet man'
            title='Planet Man'>
          <img alt='cover image' title='Planet Man'
              src='/cover/sm/planet-man.jpg'>
          <div>
            <ul>
              <li>Children</li><li>Sci-Fi</li>
            </ul>
            <label>Planet Man</label>
            <aside>
              <span>76 episodes</span>
              <span>Aired 1950</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/sf-68.html'
            hx-target='main'
            hx-push-url='/series/sf-68'
            hx-swap='innerHTML show:top'
            data-filter='sf-68'
            title='SF-68'>
          <img alt='cover image' title='SF-68'
              src='/cover/sm/sf-68.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>SF-68</label>
            <aside>
              <span>14 episodes</span>
              <span>Aired 1968</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/space-patrol.html'
            hx-target='main'
            hx-push-url='/series/space-patrol'
            hx-swap='innerHTML show:top'
            data-filter='space patrol'
            title='Space Patrol'>
          <img alt='cover image' title='Space Patrol'
              src='/cover/sm/space-patrol.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>Space Patrol</label>
            <aside>
              <span>114 episodes</span>
              <span>Aired 1952-1955</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/superman.html'
            hx-target='main'
            hx-push-url='/series/superman'
            hx-swap='innerHTML show:top'
            data-filter='superman'
            title='Superman'>
          <img alt='cover image' title='Superman'
              src='/cover/sm/superman.jpg'>
          <div>
            <ul>
              <li>Adventure</li><li>Sci-Fi</li>
            </ul>
            <label>Superman</label>
            <aside>
              <span>1170 episodes</span>
              <span>Aired 1940-1950</span>
            </aside>
          </div>
        </section>
        <section
            hx-get='/partial/series/x-minus-one.html'
            hx-target='main'
            hx-push-url='/series/x-minus-one'
            hx-swap='innerHTML show:top'
            data-filter='x minus one'
            title='X Minus One'>
          <img alt='cover image' title='X Minus One'
              src='/cover/sm/x-minus-one.jpg'>
          <div>
            <ul>
              <li>Sci-Fi</li>
            </ul>
            <label>X Minus One</label>
            <aside>
              <span>122 episodes</span>
              <span>Aired 1955-1958</span>
            </aside>
          </div>
        </section></div>