index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script>
      // HTTPS redirect
      var host = "www.arandomone.com";
      if ((host == window.location.host) && (window.location.protocol != "https:"))
        window.location.protocol = "https";
    </script>
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-51391462-4"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-51391462-4');
    </script>
    
    <title>A Random One!</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="description" content="A Random One is a random Friends episode generator which also includes Netflix links for easy viewing.">
    
    <meta property="og:title" content="A Random One!">
    <meta property="og:type" content="website">
    <meta property="og:description" content="A Random One is a random Friends episode generator which also includes Netflix links for easy viewing.">
    <meta property="og:url" content="https://www.aRandomOne.com/">
    <meta property="og:image" content="https://www.aRandomOne.com/favicon.png">
    
    <link href="https://unpkg.com/picnic" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Henny+Penny|Open+Sans|Covered+By+Your+Grace" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">  
    <link rel="apple-touch-icon" href="/favicon.png">    
    <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
    
    <script
      src="https://code.jquery.com/jquery-3.3.1.min.js"
      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"></script>
    <script src="/script.js" defer></script>
  </head>  
  <body>
    <div class="container">
      <h1>Cooking the trifle&hellip;</h1>

      <article class="card hidden">
        <header>
          <h3><a href="#" target="_blank" data-ga-action="watch">Cooking the trifle&hellip;</a></h3>
        </header>
  <!--       <p>
          Episode description&hellip;
        </p> -->
        <footer>
          <a class="button" href="#" target="_blank" data-ga-action="watch">Watch on Netflix</a>
          <button class="warning" data-ga-action="another">Another!</button>
        </footer>
      </article>

      <p>
        <em>A Random One</em> is a random <em>Friends</em> episode generator which also includes Netflix links for easy viewing. 
        Cutting the cord is lovely, but there's something special about the randomness of re-runs. 
        <em>A Random One</em> is here to bring that back.
      </p>
      
      
      <footer>
        <div class="flex one three-500">
          <a href="https://coryw.xyz">By Cory Evan Wright</a>
          <a href="https://glitch.com/edit/#!/remix/arandomone">Remix on Glitch</a>
          <a href="https://github.com/BeSublime/aRandomOne">View Source on GitHub</a>
        </div>
      </footer>
    </div>

  </body>
</html>