dc/signup2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 @import url('http://s.libre.fm/combo.css');
   6 html {margin: 0; padding: 0;}
   7 body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
   8
   9 img {border: 0;}
  10
  11 p {text-align: left; font-weight: normal; color: #111;}
  12
  13 li {line-height: 1.4em; margin-bottom: 1em;}
  14
  15 ul {margin: 0; padding-left: 1em;}
  16
  17 h1, h2, h3 {text-align: center;}
  18
  19 #privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
  20
  21 #signup {text-align: center;}
  22
  23 small {font-size: 12px; color: #222;}
  24
  25 </style>
  26 <title>daisycha.in &mdash; your social circle</title>
  27 </head>
  28 <body>
  29 <h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
  30
  31 <p>To sign up, please fill out this very simple form, or <a href="#">use your OpenID</a>:</p>
  32
  33 <hr />
  34
  35 <form action="">
  36
  37 <p><b>Choose your daisychain profile address:</b></p>
  38
  39 <p>http://<input type="text" size="18" id="url" name="url" />.daisycha.in</p>
  40
  41 <p><small>Please don't choose an offensive word, or attempt to impersonate a brand or celebrity.</small></p>
  42
  43 <hr />
  44
  45 <p><b>Tell us about yourself:</b></p>
  46
  47 <p><label for="email">Email address: <input name="email" id="email" type="text" size="30" maxlength="150" /></label></p>
  48
  49 <p><small>Please consider using a temporary email address service such
  50 as <a href="http://mailinator.com">Mailinator</a>, or mail forwarding
  51 service such as <a href="http://sneakemail.com">Sneakemail</a>, so
  52 that we can't identify you.</small></p>
  53
  54 <hr />
  55
  56 <p><b>Pick a password, enter it twice:</b></p>
  57
  58 <p><label for="pw1">Password: <input type="password" size="30" maxlength="150" name="pw1" id="pw1" /></label></p>
  59
  60 <p><label for="pw2">Confirmed: <input type="password" size="30" maxlength="150" name="pw2" id="pw2" /></label></p>
  61
  62 <hr />
  63
  64 <p><b>Last thing, we need to give you a name:</b></p>
  65
  66 <p><label for="nm">Name: <input type="text" size="30" maxlength="150" name="nm" id="nm" /></label></p>
  67
  68 <p><small>This really doesn't need to be your real name.</small></p>
  69
  70 <hr />
  71
  72 <p><label for="privacy"><input type="checkbox" name="prv" id="prv"
  73 />&nbsp; I've read and agree with the privacy policy. </label></p>
  74
  75 <p><label for="terms"><input type="checkbox" name="terms" id="terms"
  76 />&nbsp; I've read and agree with the terms and conditions. </label></p>
  77
  78 <p><label for="bad"><input type="checkbox" name="bad" id="bad"
  79 />&nbsp; I've read this form correctly and won't check this box. </label></p>
  80
  81 <p><input type="submit" value="Sign up" /></p>
  82
  83 </form>
  84 </body>
  85 </html>
  86