").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(g,f||[a.responseText,b,a])})}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function lc(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?("undefined"!=typeof e.getBoundingClientRect&&(d=e.getBoundingClientRect()),c=lc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Qa})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return Y(this,function(a,d,e){var f=lc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e);
+},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Ua(l.pixelPosition,function(a,c){return c?(c=Sa(a,b),Oa.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var mc=a.jQuery,nc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=nc),b&&a.jQuery===n&&(a.jQuery=mc),n},b||(a.jQuery=a.$=n),n});
diff --git a/app/static/js/jquery.slideunlock.js b/app/static/js/jquery.slideunlock.js
new file mode 100644
index 0000000..33ea697
--- /dev/null
+++ b/app/static/js/jquery.slideunlock.js
@@ -0,0 +1,200 @@
+/**
+ * jquery plugin -- jquery.slideunlock.js
+ * Description: a slideunlock plugin based on jQuery
+ * Version: 1.1
+ * Author: Dong Yuhao
+ * created: March 27, 2016
+ */
+
+;(function ($,window,document,undefined) {
+ function SliderUnlock(elm, options, success){
+ var me = this;
+ var $elm = me.checkElm(elm) ? $(elm) : $;
+ success = me.checkFn(success) ? success : function(){};
+
+ var opts = {
+ successLabelTip: "Successfully Verified",
+ duration: 200,
+ swipestart: false,
+ min: 0,
+ max: $elm.width(),
+ index: 0,
+ isOk: false,
+ lableIndex: 0
+ };
+
+ opts = $.extend(opts, options||{});
+
+ //$elm
+ me.elm = $elm;
+ //opts
+ me.opts = opts;
+ //是否开始滑动
+ me.swipestart = opts.swipestart;
+ //最小值
+ me.min = opts.min;
+ //最大值
+ me.max = opts.max;
+ //当前滑动条所处的位置
+ me.index = opts.index;
+ //是否滑动成功
+ me.isOk = opts.isOk;
+ //滑块宽度
+ me.labelWidth = me.elm.find('#label').width();
+ //滑块背景
+ me.sliderBg = me.elm.find('#slider_bg');
+ //鼠标在滑动按钮的位置
+ me.lableIndex = opts.lableIndex;
+ //success
+ me.success = success;
+ }
+
+ SliderUnlock.prototype.init = function () {
+ var me = this;
+
+ me.updateView();
+ me.elm.find("#label").on("mousedown", function (event) {
+ var e = event || window.event;
+ me.lableIndex = e.clientX - this.offsetLeft;
+ me.handerIn();
+ }).on("mousemove", function (event) {
+ me.handerMove(event);
+ }).on("mouseup", function (event) {
+ me.handerOut();
+ }).on("mouseout", function (event) {
+ me.handerOut();
+ }).on("touchstart", function (event) {
+ var e = event || window.event;
+ me.lableIndex = e.originalEvent.touches[0].pageX - this.offsetLeft;
+ me.handerIn();
+ }).on("touchmove", function (event) {
+ me.handerMove(event, "mobile");
+ }).on("touchend", function (event) {
+ me.handerOut();
+ });
+ };
+ SliderUnlock.prototype.getIsOk = function() {
+ return this.isOk;
+ };
+
+ /**
+ * 鼠标/手指接触滑动按钮
+ */
+ SliderUnlock.prototype.handerIn = function () {
+ var me = this;
+ me.swipestart = true;
+ me.min = 0;
+ me.max = me.elm.width();
+ };
+
+ /**
+ * 鼠标/手指移出
+ */
+ SliderUnlock.prototype.handerOut = function () {
+ var me = this;
+ //停止
+ me.swipestart = false;
+ //me.move();
+ if (me.index < me.max) {
+ me.reset();
+ }
+ };
+
+ /**
+ * 鼠标/手指移动
+ * @param event
+ * @param type
+ */
+ SliderUnlock.prototype.handerMove = function (event, type) {
+ var me = this;
+ if (me.swipestart) {
+ event.preventDefault();
+ event = event || window.event;
+ if (type == "mobile") {
+ me.index = event.originalEvent.touches[0].pageX - me.lableIndex;
+ } else {
+ me.index = event.clientX - me.lableIndex;
+ }
+ me.move();
+ }
+ };
+
+ /**
+ * 鼠标/手指移动过程
+ */
+ SliderUnlock.prototype.move = function () {
+ var me = this;
+ if ((me.index + me.labelWidth) >= me.max) {
+ me.index = me.max - me.labelWidth -2;
+ //停止
+ me.swipestart = false;
+ //解锁
+ me.isOk = true;
+ }
+ if (me.index < 0) {
+ me.index = me.min;
+ //未解锁
+ me.isOk = false;
+ }
+ if (me.index+me.labelWidth+2 == me.max && me.max > 0 && me.isOk) {
+ //解锁默认操作
+ $('#label').unbind().next('#labelTip').
+ text(me.opts.successLabelTip).css({'color': '#fff'});
+
+ me.success();
+ }
+ me.updateView();
+ };
+
+
+ /**
+ * 更新视图
+ */
+ SliderUnlock.prototype.updateView = function () {
+ var me = this;
+
+ me.sliderBg.css('width', me.index);
+ me.elm.find("#label").css("left", me.index + "px")
+ };
+
+ /**
+ * 重置slide的起点
+ */
+ SliderUnlock.prototype.reset = function () {
+ var me = this;
+
+ me.index = 0;
+ me.sliderBg .animate({'width':0},me.opts.duration);
+ me.elm.find("#label").animate({left: me.index}, me.opts.duration)
+ .next("#lableTip").animate({opacity: 1}, me.opts.duration);
+ me.updateView();
+ };
+
+ /**
+ * 检测元素是否存在
+ * @param elm
+ * @returns {boolean}
+ */
+ SliderUnlock.prototype.checkElm = function (elm) {
+ if($(elm).length > 0){
+ return true;
+ }else{
+ throw "this element does not exist.";
+ }
+ };
+
+ /**
+ * 检测传入参数是否是function
+ * @param fn
+ * @returns {boolean}
+ */
+ SliderUnlock.prototype.checkFn = function (fn) {
+ if(typeof fn === "function"){
+ return true;
+ }else{
+ throw "the param is not a function.";
+ }
+ };
+
+ window['SliderUnlock'] = SliderUnlock;
+})(jQuery, window, document);
diff --git a/app/templates/signup.html b/app/templates/signup.html
index 6b5db6e..975c1fb 100644
--- a/app/templates/signup.html
+++ b/app/templates/signup.html
@@ -1,72 +1,107 @@
{% block body %}
{% if session['logged_in'] %}
-
-You're logged in already!
Logout.
-
+ You're logged in already!
Logout.
{% else %}
-
-
-
+
+
+
+
+
+
+
+
{{ get_flashed_messages()[0] | safe }}
+
+
+
+
-
{{ get_flashed_messages()[0] | safe }}
-
-
-
{% endif %}
{% endblock %}
-