khaleesi.la forms

dabblet.css

/* khaleesi.la forms */
@import url(http://fonts.googleapis.com/css?family=Stalemate|Berkshire+Swash|Cinzel+Decorative);

body { background:#ffd5cc; color:#333; font:100%/1.6 Cinzel Decorative; text-align:center}
h1 { font-size:261%; text-shadow:0 0 3px #faa; font-family:Stalemate }
a { color:#8693B2; font:130% Berkshire Swash }
input { border:1px solid #E38181; font:100%/1 sans-serif; color:#444;
  padding:.6em; border-radius:.6em; text-align:center; outline:0 }
  
.errorText { color:#f00; font:bold 90% sans-serif; margin:.6em 0 }  
.fineprint { font-size:75%; color:#999 }

input[type=submit]{ background:#333; color:#fff; font:120% Cinzel Decorative;
  border:0; padding:.6em 2.6em; margin:0 1em 1em }
  
  
  
  
  /* dabblet */
  body > * { border:3px dashed hsla(10,100%,80%,.4); border-radius:1em;
    margin-bottom:2em }

dabblet.html

<form id=mailchimp_signup
      action="http://phiveleven.us2.list-manage.com/subscribe/post" method="post">
<h1>Keep in touch</h1>

<p>Sign up for some love in your inbox!</p>
<input type="hidden" name="u" value="4efe65d3c0dae7d1716875542">
<input type="hidden" name="id" value="a0c39b4f34">

<label> email:
<input placeholder="[email protected]" type="email" 
	   autocapitalize="off" autocorrect="off" 
	   name="MERGE0" id="MERGE0" value="*|MERGE0|*">
</label>
<div class="errorText" style="display:none">*|HTML:EMAILERROR|*</div>
<p class=fineprint>(You will never get any spam from us. Promise!)</p>

<input type="submit" value="Sign me up!!">
</form>

<section id=mailchimp_thankyou>
  <h1>Almost there!</h1>
  <p>Please follow the <a href=#test-link>link</a> we just sent you<br>
   to complete your subscription<br>
    &hearts;
</section>

<section id=mailchimp_thankyou2>
  <h1>All set!</h1>
  <p>Your subscription has been confirmed!!!<br>
    &hearts;
</section>

<form action="http://phiveleven.us2.list-manage.com/subscribe/post" method="post">
<h1>Update your information</h1>

<p>Sign up for news and love in your inbox!</p>
<input type="hidden" name="u" value="4efe65d3c0dae7d1716875542">
<input type="hidden" name="id" value="a0c39b4f34">
<input type="hidden" name="e" value="*|UNIQID|*">

<label> email:
<input placeholder="[email protected]" type="email" 
	   autocapitalize="off" autocorrect="off" 
	   name="MERGE0" id="MERGE0" value="*|MERGE0|*">
</label>
<div class="errorText">*|HTML:EMAILERROR|*</div>
<p class=fineprint>(You will never get any spam from us. Promise!)</p>

<input type="submit" value="Update Profile"> or 
<a href="/unsubscribe?u=4efe65d3c0dae7d1716875542&id=a0c39b4f34&e=*|UNIQID|*">Unsubscribe</a>
</form>

<form id="mc-unsubscribe-form" action="http://phiveleven.us2.list-manage1.com/unsubscribe/post" method="post">
<h1>Really Unsubscribe?</h1>
<input type="hidden" name="u" value="4efe65d3c0dae7d1716875542">
<input type="hidden" name="id" value="a0c39b4f34">

 email:
	<input type="text" name="EMAIL" value="*|EMAIL|*">
<div class="errorText">*|HTML:EMAILERROR|*</div>
<p class="fineprint">I&rsquo;m crying ):</p>

<input type="submit" name="submit" value="Unsubscribe">
</form>

<section id=mailchimp_thankyou3>
  <h1>Fine</h1>
  <p>You have been removed from Khaleesi News.<br>
  You will receive one final email to confirm.<br>
    &hearts;
</section>

<section>
<h1 style="font-size:261%; text-shadow:0 0 3px #faa; font-family:Stalemate,cursive">
  Khaleesi News</h1>

<p>
You have been unsubscribed from our list.<br>
I'm crying! )':
</p>

<p>
<b>Did someone unsubscribe you by mistake?</b><br>
If you forwarded our email to a friend, <br>and that friend unsubscribed you by mistake, 
you can <br>
<a href="http://phiveleven.us2.list-manage.com/subscribe?u=4efe65d3c0dae7d1716875542&id=a0c39b4f34">re-subscribe</a>
</p>

<p class="small">
For questions or comments, please contact us at:<br>
<a href="mailto:[email protected]">[email protected]</a></p>
</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}