
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  <head>  
   	 <meta charset="utf-8">
     <meta http-equiv="cleartype" content="on">
  	 <meta name="robots" content="index,follow">
      
     <title>I Work in my PJs</title>
        
     
  
    
      <link href="//fonts.googleapis.com/css?family=.|Raleway:light,normal,bold|Raleway:light,normal,bold|Raleway:light,normal,bold|Raleway:light,normal,bold|" rel="stylesheet" type="text/css" />
    

     <!-- Mobile Specific Metas -->
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

    <!-- Stylesheets for Parallax 2.4 -->
  	<link href="//cdn.shopify.com/s/files/1/1423/0234/t/3/assets/styles.scss.css?4291907272469316607" rel="stylesheet" type="text/css" media="all" />
    <link rel="shortcut icon" type="image/x-icon" href="//cdn.shopify.com/s/files/1/1423/0234/t/3/assets/favicon.png?4291907272469316607" />
    <link rel="canonical" href="https://iworkinpajamas.com/password" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

</head>
<body id="password-page-bg">
<div class="controls">
  <div id="open-me">
    <a href="#">Enter store using password</a>
  </div>
</div>
    <div id="password-container" class="center">
      
      <div class="password-page-row">
        <div class="password-page-col">
            <img class="password-logo" src="//cdn.shopify.com/s/files/1/1423/0234/t/3/assets/logo.png?4291907272469316607" alt="I Work in my PJs" data-src="//cdn.shopify.com/s/files/1/1423/0234/t/3/assets/logo.png?4291907272469316607" />
        </div>
      </div>
      
      <div class="password-page-row">
        <div class="password-page-col">
          <h2 class="password-page-message">Opening Soon</h2>
        </div>
      </div>
      
      <div class="password-page-row">
        <div class="password-page-col">
            <h3 class="password-page-follow">Spread the word</h3>
            

                

                

                

                

                

                

                

                

                

                
        </div>
      </div>
      <div class="password-page-row">
        <div class="password-page-col">
          <h3 class="password-page-follow">Find out when we open</h3>
          <div class="newsletter ">
  <p class="message"></p>
      
    <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
       

       <input type="hidden" name="contact[tags]" value="prospect,newsletter"/>
       <input type="hidden" name="contact[first_name]" value="Newsletter" />
       <input type="hidden" name="contact[last_name]" value="Subscriber" />
       <input type="email" class="contact_email" name="contact[email]" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" placeholder="Enter your email address..." />
       <input type='submit' class="action_button sign_up" value="Sign Up" />
     </form>
  
</div>
        </div>
      </div>
	<div class="password-page-row">
    	<div class="password-page-col">
    		<div class="password-footer">
     		  <div class="powered">        
  	  		  &copy; 2018 I Work in my PJs.<br>
   		      Designed by <a href="http://outofthesandbox.com/" target="_blank" title="Parallax Shopify Theme by Out of the Sandbox">Out of the Sandbox</a>.<br>
      		  </div>
     		  <div class="shopify">
      	      This shop will be powered by <a href="https://www.shopify.com/" target="_blank">Shopify</a>
      		  </div>
     		</div>
   		 </div>
  	</div>
  </div>

<div class="overlay overlay-data">
<span class="close-me controls"><div class="pass-close ss-icon"><a href="#">␡</a></div></span>
<div class="modalbox">
  <div class="inputbox">
    <form method="post" action="/password" id="login_form" accept-charset="UTF-8" class="storefront-password-form"><input type="hidden" name="form_type" value="storefront_password" /><input type="hidden" name="utf8" value="✓" />
      
      
      <label for="password">Password </label>

      <input type="password" name="password" id="password" autofocus placeholder="Your password"/>
      <div class="actions">
        <input class="action_button sign_up" name="commit" type="submit" value="Enter" />
      </div>
    </form>
    
    <div id="owner">Are you the store owner? <a href="/admin" class="text-link">Log in here</a> or <a href="/admin/online_store/preferences?tutorial=unlock">change your password settings</a></div> 
  </div>
</div>
</div>

<script>
$( document ).ready(function() {
  $( "#open-me" ).click(function() {
      $( ".overlay" ).addClass('overlay-open');
      $("#password").focus();
    });
  
  $( ".close-me" ).click(function() {
    $( ".overlay" ).removeClass( 'overlay-open' ); 
  });
});
</script>
</body>
  
</html>