<!DOCTYPE html>
<html lang="en"> 

<head>
  <title>Secret Community</title> 
  <meta charset="utf-8">
  <meta name="MobileOptimized" content="width" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="normalize.css">
  <link rel="stylesheet" type="text/css" href="style.css?v=2">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2934563-15"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-2934563-15');
  </script>

</head>

<body>

  


<div class="modal" style="display: none;">
  <div class="inner">
    <div class="question">Are you ready to join the secret community?</div>
    <div class="answers">
      <a href="?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&step=1-yes&selection[1]=yes">Yes</a><a href="?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&step=1-nosure&selection[1]=nosure">Not sure</a>    </div>
  </div>
</div>


<div class="social-links">
  <ul>
    <li><a target="_blank" href="https://open.spotify.com/playlist/1JI0GVkLnW7dBhKnVjqNIo?si=06b15ff077514655">Spotify</a></li>
    <li><a target="_blank" href="https://www.youtube.com/@Skauss">Youtube</a></li>
    <li><a target="_blank" href="https://www.tiktok.com/@skauss">Tiktok</a></li>
    <li><a target="_blank" href="https://www.instagram.com/skauss">Instagram</a></li>
  </ul>
</div>

<div class="header"><img src="images/secretcommunity.png" /><br /><img alt="the secret community" src="images/secretcommunity.jpg" />
</div>



<div class="header">
  <div class="questions">
  <a href="?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&show1">What is it?</a><a href="?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&show2">Why join?</a><a href="?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&show3">How does it work?</a>  </div>
</div>

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7_dtp.css" rel="stylesheet" type="text/css">
<style type="text/css">
  
  /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
     We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://www.skauss.com/?version=1.5&utm_campaign=none&utm_source=none&utm_medium=none&sid=NjYuMTAyLjkuMw==&submit=ok" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate">
<!--<form action="https://skauss.us1.list-manage.com/subscribe/post?u=d447a3f0786ae244d434d38cf&amp;id=d6ff5e22ee" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>-->
    <div id="mc_embed_signup_scroll">
  
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>

<div class="mc-field-group" id="invite-code">
  <!--<label for="mce-INVITECODE">Enter your invite code and your email below</label>-->
<input type="text" placeholder="Enter your invite code" name="INVITECODE" />
</div>

<div class="mc-field-group">
  <label class="labelforemail" for="mce-EMAIL">Request an invite<span class="asterisk">*</span>
</label>
  <input type="email" value="" placeholder="Enter your email" name="EMAIL" class="required email" id="mce-EMAIL" required />
</div>
  <div id="mce-responses" class="clear foot">
    <div class="response" id="mce-error-response" style="display:none"></div>
    <div class="response" id="mce-success-response" style="display:none"></div>
  </div>    <!-- 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="name" tabindex="-1" value=""></div>
        <div class="optionalParent">
            <div class="clear foot">
                <input type="submit" value="Continue" name="subscribe" id="mc-embedded-subscribe" class="button">
                <p class="brandingLogo"><a href="http://eepurl.com/hYE8qL" title="Mailchimp - email marketing made easy and fun"><img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_light_dtp.svg"></a></p>
            </div>
        </div>
    </div>

    <a id="invite-code-button" href="#">Do you have an invite code? Click here</a>
</form>
</div>
<!--End mc_embed_signup-->


<!--<script>
  $( window ).on( "load", function() {

        window.setTimeout(function(){$('div.modal').fadeIn();}, 3000);
    
  });
</script>
-->

<script>
  const targetDiv = document.getElementById("invite-code");
  targetDiv.style.display = "none";
  const btn = document.getElementById("invite-code-button");
  btn.onclick = function (e) {
    if (targetDiv.style.display !== "none") {
      targetDiv.style.display = "none";
    } else {
      targetDiv.style.display = "block";
    }
    $('.labelforemail').toggle();
    e.preventDefault();
  };


//   function startTimer(duration, display) {
//     var timer = duration, minutes, seconds;
//     var interval = setInterval(function () {
//         minutes = parseInt(timer / 60, 10);
//         seconds = parseInt(timer % 60, 10);

//         minutes = minutes < 10 ? "0" + minutes : minutes;
//         seconds = seconds < 10 ? "0" + seconds : seconds;

//         display.textContent = minutes + ":" + seconds;

//         --timer;
//         if (--timer < 0) {
//             clearInterval(interval);
//         }
//     }, 1000);
// }

// window.onload = function () {
//     var fiveMinutes = 60,
//         display = document.querySelector('#time');
//     if(display !== null){
//       startTimer(fiveMinutes, display);
//     }
// };



</script>

</body>
</html>

