Below is the Minion Made password.liquid.
{% layout none %}<!DOCTYPE html>
<html>
<head>
<script src="https://use.fontawesome.com/77d553db33.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand" rel="stylesheet">
<title>{{ shop.name }} - Coming Soon!</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
body {
margin: 0;
{% comment %} Add Background Image
background-image: url(https://cdn.shopify.com/s/files/1/1647/0283/files/password.jpg?9772472396222536888);
{% endcomment %}
background-size: cover;
background-color: #fff;
font-family: 'Open Sans', sans-serif;
color: #333;
}
h1,h2,h3,h4,h5,h6 {
color: #000;
margin: 5px 0 10px 0;
font-weight: 400;
}
h3,h4,h5,h6 {
font-weight: 700;
}
a {
color: #EF3B3E;
}
a:hover {
color: #333;
}
p {
color: #666;
margin-bottom: 13px;
font-size: 14px;
}
ul, ol {
margin-bottom: 13px;
margin-left: 15px;
}
ol {
margin-left: 25px;
}
input.btn {
color: #fff;
line-height:40px;
display:inline-block;
border:0px solid #242424;
padding:0 25px;
border-radius: 4px;
font-size:14px;
background:#242424;
}
input.btn:hover {
background:#ef3c3c;
color:#fff;
text-decoration:none;
border:0px solid #ef3c3c;
}
input.btn:active, input.btn:focus {
outline: none;
-moz-outline-style: none;
background: #eee;
border-top: 1px solid #aaa;
border-bottom: 1px solid #ccc;
color: #555;
}
#container {
width: 800px;
margin: 50px auto 0 auto;
border: 0;
}
#login {
background: #fff;
border: none;
border-bottom: 0px solid #fff;
margin: 50px auto 0 auto;
padding: 30px;
width: 650px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#login h1 {
margin: 0 0 18px 0;
text-align: center;
line-height: 30px;
}
#login .default-text {
font-family: 'Open Sans', sans-serif;
margin-bottom: 1.5em;
font-size: 17px;
display: block;
text-align: center;
margin-top: 33px;
}
form#login_form {
border-top: 1px solid #e0e0e0;
padding-top: 25px;
margin-top: 25px;
font-size: 80%;
margin-bottom: 35px;
}
form#login_form label {
color: #777;
}
#login_form #password {
font-size: 14px;
padding: 4px 6px;
border: 1px solid #ccc;
outline: none;
background: #e9e9e9;
background: -moz-linear-gradient(top, #ececec 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fff));
}
#login_form label, #login_form input {
float: left;
margin-right: 3px;
}
#footer {
margin-top: 15px;
margin-bottom: 40px;
font-size: 13px;
color: #333;
text-align: center;
}
.errors {
background: #feebeb;
padding: 4px 5px;
font-size: 15px;
color: #7e1412;
display: block;
margin-bottom: 15px;
}
.errors ul {
list-style: none;
padding: 0;
margin: 0;
}
.center {
text-align: center;
display: block;
font-size: 17px;
}
</style>
</head>
<body>
<div id='container'>
<div id='login'>
<center>
<img src="{{'logo.png' | asset_url}}" style="float:center">
</center>
<div>
<center>
<h2 style="font-weight: 700">Coming Soon!</h2>
</center>
<center>
{% if shop.password_message and shop.password_message != '' %}
{{ shop.password_message }}
{% else %}
<p><span class="default-text">Thank you for your patience...</span></p>
{% endif %}
<br><br>
<hr>
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<ul class="form--success">
<li>{{ 'general.password_page.signup_form_success' | t }}</li>
</ul>
{% else %}
<input type="hidden" name="contact[tags]" value="prospect, password page">
<label for="email" class="label--hidden">Stay in the loop!</label><br>
<div class="input-group password__input-group">
<input type="email" name="contact[email]" id="Email" class="input-group__field" placeholder="you@email.com" style="padding: 10px; border-radius: 5px; width: 500px; text-align: center; -webkit-appearance: none; appearance: none; border: 2px solid #000; ">
<br><br><span class="input-group__btn">
<input type="submit" name="commit" class="btn" value="Sign Up For Updates!">
</span>
</div>
{% endif %}
{% endform %}
</center>
</div>
{% comment %}Remove Password Input
{% form 'storefront_password' %}
{{ form.errors | default_errors }}
<center>
<label for='password' style="float: center">Enter store using password: </label><br>
<input type='password' name='password' id='password' autofocus style="float:center; width: 100%; margin-bottom: 20px"/>
<div class="actions" style="float:center">
<br><br><br><input class="btn" name="commit" type="submit" value="Enter" style="float:center"/>
</div>
</center>
{% endform %}
{% endcomment %}
<div id='footer'>
<center>
<div id='owner'>Are you the store owner? <a href="/admin">Log in here</a> or <a href="/admin/online_store/preferences?tutorial=unlock">change your password settings</a></div>
<a href="http://minionmade.com" target="blank">Made with <i class="fa fa-heart" aria-hidden="true"></i> & <i class="fa fa-coffee" aria-hidden="true"></i> in New York by Minion Made.</a> <a href="https://www.shopify.com/?ref=minion-made" target="blank"> Powered by Shopify.</a>
</center>
</div>
<center>
<a href="http://minionmade.com" target="blank">
<img src="https://cdn.shopify.com/s/files/1/1647/0283/files/minion-logo.png?14759774415251771439" style="float: center; max-width: 150px">
</a>
</center>
</div>
</div>
<script type="text/javascript">
document.getElementById('password').focus();
</script>
</body>
</html>