CINXE.COM
Drawspace - Register
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="title" content="Drawspace - Register" /> <meta name="description" content="Drawspace.com offers diverse downloadable and printable drawing lessons featuring Brenda Hoddinott's unique and highly acclaimed style of teaching. Brenda is the author of The Complete Idiot's Guide to Drawing People, and Drawing for Dummies." /> <meta name="keywords" content="drawspace, fine art, finearteducation, learn to draw, drawing, draw, lessons, classes, brenda hoddinott" /> <meta name="robots" content="index, follow" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Drawspace - Register</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script type="text/javascript" src="/bootstrap-3.3.2/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/jquery.isotope-2b.min.js"></script> <script type="text/javascript" src="/js/jquery.fineuploader-3.3.0.min.js"></script> <script type="text/javascript" src="/js/imagesloaded.min.js"></script> <script type="text/javascript" src="/js/post.js"></script> <script type="text/javascript" src="/js/new.js"></script> <link rel="shortcut icon" href="/images/drawspace.ico" /> <link rel="stylesheet" type="text/css" media="screen" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" type="text/css" media="screen" href="/css/main.min.css" /> </head> <body> <nav class="navbar navbar-default navbar-ds-focus" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-main-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand navbar-brand-logo" href="/"><img src="/images/logos/drawspace-wm.png" /></a> </div> <div class="collapse navbar-collapse" id="navbar-main-collapse"> <div class="navbar-right"> <ul class="nav navbar-nav"> <li><a href="/my-drawspace/login">Sign in</a></li> </ul> </div> </div> </div> </nav> <div class="breadcrumb-wrapper"> <div class="container"> <div class="row"> <ol class="breadcrumb"> <li><a href="/">Home</a></li> <li>Create your Profile</li> </ol> </div> </div> </div> <div class="container" id="sf-content"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <form class="form-horizontal bootstrap bootstrap-blind" action="/profile/register" method="POST"> <div id="choice_status" class="round" style="width: 150px; padding: 15px; color: #333; position:absolute; right: 10px; top: 10px;"></div> <div class="form-group "> <label for="register_login" class="control-label col-sm-4"> </label> <div class="col-sm-8"><input onBlur="checkLogin(this.value)" onKeyPress="$('div #choice_status').hide()" type="text" name="register[login]" id="register_login" /> <span class="help-inline collapse">choose a username</span> </div> </div> <div class="form-group "> <label for="register_password" class="control-label col-sm-4"> </label> <div class="col-sm-8"><input type="password" name="register[password]" id="register_password" /> <span class="help-inline collapse">password</span> </div> </div> <div class="form-group "> <label for="register_confirmpw" class="control-label col-sm-4"> </label> <div class="col-sm-8"><input type="password" name="register[confirmpw]" id="register_confirmpw" /> <span class="help-inline collapse">verify password</span> </div> </div> <div class="form-group "> <label for="register_email" class="control-label col-sm-4"> </label> <div class="col-sm-8"><input type="text" name="register[email]" id="register_email" /> <span class="help-inline collapse">email</span> </div> <input type="hidden" name="register[verifyemail]" id="register_verifyemail" /></div> <p><button type="submit" class="btn btn-primary btn-block">Create Profile <span class="glyphicon glyphicon-arrow-right"></span></button></p> <script type="text/javascript"> function checkLogin(login) { $.getJSON('/my-drawspace/checkLogin/login/' + login, function(data) { if (data.taken == 1) $('div #choice_status').html('Login taken').addClass('glow mesh-yellow').removeClass('success').show(); else if (data.taken == 2) $('div #choice_status').html('Invalid Login').addClass('glow mesh-yellow').removeClass('success').show(); else $('div #choice_status').html('Login available!').addClass('glow mesh-green').removeClass('notice').show(); }); } function checkDisplayName(display) { $.getJSON('/my-drawspace/checkDisplayName/display/' + display, function(data) { if (data.taken == 1) $('div #choice_status').html('Display name taken').addClass('glow mesh-yellow glow').removeClass('success').show(); else if (data.taken == 2) $('div #choice_status').html('Invalid Display Name').addClass('glow mesh-yellow').removeClass('success').show(); else $('div #choice_status').html('Display name available!').addClass('glow mesh-green').removeClass('notice').show(); }); } </script> </form> </div> </div> </div> </div> </div> </div> <footer class="footer"><div class="container"><script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function (L) { L.start({ "baseUrl": "mc.us3.list-manage.com", "uuid": "e0a71f69ec917f9cfba682b0c", "lid": "9a2d182f35", "uniqueMethods": true }) })</script> <ul class="links text-muted"> <li><a target="blank" href="https://courses.drawspace.com">Drawspace Courses</a></li> <li><a href="/upgrade">Subscribe</a></li> <li><a href="/default/about">About Us</a></li> <li><a href="https://www.drawspace.com/contact-us">Contact Us</a></li> </ul> <ul class="soc"> <li><a class="soc-twitter" target="_blank" href="https://www.twitter.com/drawspace"></a></li> <li><a class="soc-facebook soc-icon-last" target="_blank" href="https://www.facebook.com/drawspace"></a></li> </ul> </div></footer> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-439176-1', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <script> (function($) { // WHEN DOM IS READY $(document).ready(function() { $("#purchase-credits-form button").each(function() { var sent = false; $(this).click(function(event) { if(!sent) { ga('send', 'event', 'Credits', 'purchase', 'intent'); // send hit to GA sent = true; // used to make sure the hit is sent only once to GA } }); }); $("#subscribe-member-form button").each(function() { var sent = false; $(this).click(function(event) { if(!sent) { ga('send', 'event', 'Subscription', 'member', 'intent'); // send hit to GA sent = true; // used to make sure the hit is sent only once to GA } }); }); $("#subscribe-unlimited-form button").each(function() { var sent = false; $(this).click(function(event) { if(!sent) { ga('send', 'event', 'Subscription', 'unlimited', 'intent'); // send hit to GA sent = true; // used to make sure the hit is sent only once to GA } }); }); }); })(jQuery); </script> </body> </html>