<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Hyperlink Your Heart</title>
      <link rel="icon" type="image/x-icon" href="images/favicon-small.ico">      
      <link href="https://fonts.googleapis.com/css?family=Lato|Roboto|Press+Start+2P&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="css/main.css">
   </head>
<body>
   <div id="page-container">
      <header id="header" class="">
         <div class="logo">
            <a href='/'>
               <img src="assets/logo/hyh-logo-new.svg" alt="Hyperlink Your Heart logo">
            </a>
         </div>
         <nav>
            <span><a href='/games'>[Games]</a></span>
            <span><a href='/art'>[Art]</a></span>
            <span><a href='/support'>[Support]</a></span>
         </nav>
      </header>
      <main id="home-content-container">
         <!--newsletter -->
         <article id="showcase">
            <div id="mc_embed_signup">
               <form action="https://hyperlinkyourheart.us18.list-manage.com/subscribe/post?u=21cd5711020eae0091103b0cf&amp;id=1624725616" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                  <div id="mc_embed_signup_scroll">
                     <label for="mce-EMAIL">Subscribe for game dev/pixel art updates</label>
                     <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
                     <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                     <div style="position: absolute; left: -5000px;" aria-hidden="true">
                        <input type="text" name="b_21cd5711020eae0091103b0cf_1624725616" tabindex="-1" value="">
                     </div>
                     <div class="clear">
                        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button-mail">
                     </div>
                  </div>
               </form>
            </div>
         </article>
         <!-- social media -->
         <aside id="sidebar">
         		<div>
	               <a href="https://twitter.com/http_your_heart" target="_new">
	                  <img src="assets/icons/twitter.svg" class="social-media" alt="twitter logo">
	               </a>
	            </div>
	            <div>
	               <a href="https://www.instagram.com/hyperlinkyourheart/" target="_new">
	                  <img src="assets/icons/instagram.svg" class="social-media" alt="instagram logo">
	               </a>
	            </div>
	            <div>
	               <a href="https://mastodon.art/@hyperlinkyourheart" target="_new">
	                  <img src="assets/icons/mastodon.svg" class="social-media" alt="mastodon logo">
	               </a>
	            </div>
	            <div>
	               <a href="https://www.youtube.com/channel/UCc_O9Hp5UfQ-IHswi1H54Zg" target="_new">
	                  <img src="assets/icons/youtube.svg" class="social-media" alt="youtube logo">
	               </a>
				</div>
				<div>
	               <a href="https://www.facebook.com/hyperlinkyourheart/" target="_new">
	                  <img src="assets/icons/facebook.svg" class="social-media" alt="facebook logo">
	               </a>
	            </div>
	            <div>
	               <a href="https://randomhuman.deviantart.com/" target="_new">
	                  <img src="assets/icons/deviantart.svg" class="social-media" alt="deviantart logo">
	               </a>
	            </div>
         </aside>
      </main>
      <footer id="footer">

      </footer>
   </div>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-85739395-8"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());

     gtag('config', 'UA-85739395-8');
   </script>
</body>
</html>
