{{ store.name }}  —  Signup
  

    body {
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      color: #666;
      }

    h3 {
      padding: 50px;
      border: solid 1px #ddd;
      background-color: #f8f8f8;
      width: 300px;
      font-size: 18px;
      }
    .signup-bg{
      background: url('http://upload.wikimedia.org/wikipedia/commons/f/f8/Venice_Beach_Recreation_Center.jpg') 50% 50% no-repeat;
      background-size: cover;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #mc_embed_signup{
      background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;
    }
    
    #mc_embed_signup form{
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RkQxOERGREFFREMxMUU0QjBFNUM4QkFGNTE2Q0M5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RkQxOERGRUFFREMxMUU0QjBFNUM4QkFGNTE2Q0M5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGRDE4REZCQUVEQzExRTRCMEU1QzhCQUY1MTZDQzlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGRDE4REZDQUVEQzExRTRCMEU1QzhCQUY1MTZDQzlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LrpYPAAAABhJREFUeNpi/P///xkGKGBiQAIoHIAAAwCLEQPPC2BxogAAAABJRU5ErkJggg==);
       left: 50%;
       margin-left: -200px;
       width: 400px;
       top: 50%;
       margin-top: -162px;
       position: absolute!important;
    }
    
    @media (max-width: 400px) {
       #mc_embed_signup form{
         width: 100%;
         left: 0;
         margin-left: -4px;
       }
    }
    
    #mc_embed_signup .button{
      background: #f26024!important;
    }
    
    
  
  {{ head_content }}


  <div class="signup-bg"></div>
<p>
<br>
</p>
 

<div>

    <h2>Subscribe to our mailing list</h2>
<div class="indicates-required">
<span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
    Email Address  <span class="asterisk">*</span>

    
</div>
<div class="mc-field-group">
    First Name 
    
</div>
<div class="mc-field-group">
    Last Name 
    
</div>
    <div class="clear">
        <div class="response" style="display:none;"></div>
        <div class="response" style="display:none;"></div>
    </div>    <div class="clear"></div>

</div>

var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
try &#123;
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
} catch(err) &#123;
    var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) &#123;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState &amp;&amp; script.onload!==null)&#123;
        script.onreadystatechange= function () &#123;
              if (this.readyState == 'complete') mce_preload_check();
        }    
    }
}

var err_style = '';
try&#123;
    err_style = mc_custom_error_style;
} catch(e)&#123;
    err_style = '#mc_embed_signup input.mce_inline_error&#123;border-color:#6B0505;} #mc_embed_signup div.mce_inline_error&#123;margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) &#123;
  style.styleSheet.cssText = err_style;
} else &#123;
  style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);

var mce_preload_checks = 0;
function mce_preload_check()&#123;
    if (mce_preload_checks&gt;40) return;
    mce_preload_checks++;
    try &#123;
        var jqueryLoaded=jQuery;
    } catch(err) &#123;
        setTimeout('mce_preload_check();', 250);
        return;
    }
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
    head.appendChild(script);
    try &#123;
        var validatorLoaded=jQuery("#fake-form").validate(&#123;});
    } catch(err) &#123;
        setTimeout('mce_preload_check();', 250);
        return;
    }
    mce_init_form();
}
function mce_init_form()&#123;
    jQuery(document).ready( function($) &#123;
      var options = &#123; errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function()&#123;}, onfocusout:function()&#123;}, onblur:function()&#123;}  };
      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
      options = &#123; url: 'http://trash-talk-tees.us7.list-manage1.com/subscribe/post-json?u=6f95eb5e2ff3478565b728864&amp;id=6027ca02a9&amp;c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                    beforeSubmit: function()&#123;
                        $('#mce_tmp_error_msg').remove();
                        $('.datefield','#mc_embed_signup').each(
                            function()&#123;
                                var txt = 'filled';
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function()&#123;
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function()&#123;
                                        var bday = false;
                                        if (fields.length == 2)&#123;
                                            bday = true;
                                            fields[2] = &#123;'value':1970};//trick birthdays into having years
                                        }
                                        if ( fields[0].value=='MM' &amp;&amp; fields[1].value=='DD' &amp;&amp; (fields[2].value=='YYYY' || (bday &amp;&amp; fields[2].value==1970) ) )&#123;
                                            this.value = '';
                                        } else if ( fields[0].value=='' &amp;&amp; fields[1].value=='' &amp;&amp; (fields[2].value=='' || (bday &amp;&amp; fields[2].value==1970) ) )&#123;
                                            this.value = '';
                                        } else &#123;
                                            if (/\[day\]/.test(fields[0].name))&#123;
                                                this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;                                            
                                            } else &#123;
                                                this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
                                            }
                                        }
                                    });
                            });
                        $('.phonefield-us','#mc_embed_signup').each(
                            function()&#123;
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function()&#123;
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function()&#123;
                                        if ( fields[0].value.length != 3 || fields[1].value.length!=3 || fields[2].value.length!=4 )&#123;
                                            this.value = '';
                                        } else &#123;
                                            this.value = 'filled';
                                        }
                                    });
                            });
                        return mce_validator.form();
                    },
                    success: mce_success_cb
                };
      $('#mc-embedded-subscribe-form').ajaxForm(options);
      
      
    });
}
function mce_success_cb(resp)&#123;
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success")&#123;
        $('#mce-'+resp.result+'-response').show();
        $('#mce-'+resp.result+'-response').html(resp.msg);
        $('#mc-embedded-subscribe-form').each(function()&#123;
            this.reset();
        });
    } else &#123;
        var index = -1;
        var msg;
        try &#123;
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined)&#123;
                msg = resp.msg;
            } else &#123;
                i = parseInt(parts[0]);
                if (i.toString() == parts[0])&#123;
                    index = parts[0];
                    msg = parts[1];
                } else &#123;
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e)&#123;
            index = -1;
            msg = resp.msg;
        }
        try&#123;
            if (index== -1)&#123;
                $('#mce-'+resp.result+'-response').show();
                $('#mce-'+resp.result+'-response').html(msg);            
            } else &#123;
                err_id = 'mce_tmp_error_msg';
                html = '&lt;div id="'+err_id+'" style="'+err_style+'"&gt; '+msg+'&lt;/div&gt;';
                
                var input_id = '#mc_embed_signup';
                var f = $(input_id);
                if (ftypes[index]=='address')&#123;
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = $(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date')&#123;
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = $(input_id).parent().parent().get(0);
                } else &#123;
                    input_id = '#mce-'+fnames[index];
                    f = $().parent(input_id).get(0);
                }
                if (f)&#123;
                    $(f).append(html);
                    $(input_id).focus();
                } else &#123;
                    $('#mce-'+resp.result+'-response').show();
                    $('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e)&#123;
            $('#mce-'+resp.result+'-response').show();
            $('#mce-'+resp.result+'-response').html(msg);
        }
    }
}


 <p><br></p>