/app/views/landing.html
HTML | 182 lines | 160 code | 19 blank | 3 comment | 0 complexity | 7a25210ed310d38575a8f11d29793e2c MD5 | raw file
- $def with(r, delta, user_count, node_count, post_count, vote_count, comm_count)
- $var page_title :
- $var cssfiles: /static/public/css/landing.css
- $# note var cssfiles: /static/public/css/landing.css /static/public/css/jquery.motionCaptcha.0.2.css
- $# note var jsfiles: /static/public/js/Validform_v5.1.js /static/public/js/landing.js /static/public/js/passwordStrength-min.js /static/public/js/jquery.motionCaptcha.0.2.js
- <script>
- jQuery(function(){
- //浏览器
- if(jQuery.browser.msie){//若是ie浏览器
- jQuery('#detect').show()
- }
- function detectOS(){
- var sUserAgent = navigator.userAgent;
- var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
- var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh" || navigator.platform == 'MacIntel');
- if(isMac) return "Mac";
- var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
- if(isUnix) return "Unix";
- if(isWin)
- {
- jQuery('#detect').show()
- // var isWin95 = sUserAgent.indexOf("Win95") > -1 || sUserAgent.indexOf("Windows 95") > -1;
- // if(isWin95) return "Win95";
- // var isWin98 = sUserAgent.indexOf("Win98") > -1 || sUserAgent.indexOf("Windows 98") > -1;
- // if(isWin98) return "Win98";
- // var isWinME = sUserAgent.indexOf("Windows 9x 4.90") > -1 || sUserAgent.indexOf("Windows ME") > -1;
- // if(isWinME) return "WinME";
- // var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
- // if(isWin2K) return "Win2000";
- // var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
- // if(isWinXP) return "WinXP";
- }
- // return "None";
- }
- // alert(navigator.platform)
- detectOS()
- // function randomNumber(limit){
- // return Math.floor(Math.random()*limit)+1;
- // }
- // jQuery('#landingWrapper').css({
- // 'background-image' : 'url(/static/public/img/landing_bg/' + randomNumber(15) +'.jpg)'
- // })
- })
- </script>
- $ img = '/static/public/img/landing_bg/' + r + '.jpg'
- <div id="landingWrapper" style="background-image:url($img)">
- <div id="l_over"></div>
- <div id="landingMain" class="span8">
- <div id="landingLogo">
- <a href="/"><img src="/static/public/img/logo.png" /><h1>Biu</h1></a>
- <span id="version">Beta</span>
- </div>
- <div id="landingContent">
- <!-- <div class="span5"> -->
- <!-- <h2>阅读、观看、思考、交流</h2> -->
- <h2>经历、记录、回忆、思考</h2>
- <!-- <a href="javascript:void(0)" id="goReg" class="btn btn-large btn-block btn-success">注册</a></div> -->
- <a class="sns_connect_btn connect_douban_btn" href="/connect/douban"><i></i><span>使用豆瓣登录</span></a>
- <p id="status"> 上线第$delta天 - $user_count位用户 - $node_count个话题 - $post_count个片段 - $vote_count次喜欢 - $comm_count条评论</p>
- <div id="formWrap">
- <form id="landingForm" autocomplete="off" action="" method="post">
- <div id="regWrap">
- <h4>注册</h4>
-
- <div class="controls">
- <input name="regNickname" type="text" datatype="*1-10" nullmsg="请填写昵称" errormsg="1-10个字符" placeholder="给自己起一个名号" class="span3"/><span class="Validform_checktip">1-10个字符</span>
- </div>
- <div class="controls">
- <input id="regUserName" name="regUserName" type="text" placeholder="用户名" ajaxurl="/account/check_username" class="span3" datatype="regUserName" errormsg="以字母开头的2-16个字母、数字组合" nullmsg="用户名是必须的" /><span class="Validform_checktip"><i class="longTip">以字母开头的2-16个字母、数字组合,同时也会是你主页URL的一部分</i></span>
- </div>
- <div class="controls">
- <input name="regEmail" type="text" datatype="e" nullmsg="请填写邮箱" ajaxurl="/account/check_email" errormsg="请检查邮箱格式" placeholder="邮箱" class="span3"/><span class="Validform_checktip"></span>
- </div>
- <div class="controls">
- <input type="password" name="regUserPassword" placeholder="密码" datatype="*6-16" errormsg="密码范围在6~16位之间" plugin="passwordStrength" class="span3"/>
- <span class="Validform_checktip">6-16个字符</span>
- <div class="passwordStrength" style="display:none;"><b>密码强度:</b> <span>弱</span><span>中</span><span class="last">强</span></div>
- </div>
- <div class="controls">
- <input type="password" name="regUserPassword2" placeholder="确认密码" datatype="*6-16" class="span3" datatype="*" recheck="regUserPassword" nullmsg="请再输入一次密码!" errormsg="您两次输入的账号密码不一致!" />
- <span class="Validform_checktip"></span>
- </div>
- <div class="controls">
- <div id="mc">
- <canvas id="mc-canvas"></canvas>
- </div>
- <span class="Validform_checktip">请重新描绘右侧图形,大概意思即可</span>
- </div>
- <div class="form-actions"><input type="submit" id="regButton" class="btn btn-success btn-block btn-large" disabled="disabled" value="注册" /></div>
- </div>
- </form>
- <form id="landingForm2" autocomplete="off" action="/account/landing_login" method="post">
- <div id="loginWrap">
- <div class="input-prepend">
- <span class="add-on"><i class="icon-envelope"></i></span>
- <input name="loginEmail" type="text" placeholder="邮箱" class="span3"/>
- <span class="Validform_checktip"></span>
- </div>
- <div class="input-prepend">
- <span class="add-on"><i class="icon-lock"></i></span>
- <input name="loginPassword" type="password" placeholder="密码" class="span3"/>
- <a id="forgotButton" href="javascript:void(0)">忘记密码?</a>
- </div>
- <input type="submit" id="loginButton" class="btn btn-success" value="登录"><span id="msgdemo2"></span>
- </div>
- </form>
- <form id="landingForm3" autocomplete="off" action="/account/landing_forgot" method="post">
- <div id="forgotWrap">
- <div class="input-prepend help-inline">
- <input name="forgotEmail" type="text" placeholder="输入你的注册邮箱" datatype="e" nullmsg="请填写邮箱" errormsg="请检查邮箱格式" class="span3"/>
- <span class="Validform_checktip"></span>
- </div>
- <div class="help-inline" style="vertical-align: top;">
- <input type="submit" id="loginButton" class="btn btn-success" value="发送邮件"><span id="msgdemo3"></span>
- </div>
- </div>
- </form>
- </div>
- <div id="buttonGroup">
- <a id="reg_link" href="/account/register"><i class="icon_26 icon-reg"></i><span>注册<b></b></span></a>
- <a id="login_link" href="/account/login"><i class="icon_26 icon-login"></i><span>登录<b></b></span></a>
- </div>
- </div>
- </div>
- <div id="via">
- $if r == '1':
- ''
- $elif r == '2':
- ''
- $elif r == '3':
- ''
- $elif r == '4':
- 你关心的人们一起,探寻变化的大千世界
- $elif r == '5':
- ''
- $elif r == '6':
- ''
- $elif r == '7':
- 是疲惫, 还是新生?
- $elif r == '8':
- ''
- $elif r == '9':
- 新生, 乐观, 世界
- $elif r == '10':
- 纯洁, 杀戮?
- $elif r == '11':
- ''
- $elif r == '12':
- 工业, 还是毁灭?
- $elif r == '13':
- 稳定是虚伪的
- $elif r == '14':
- 不要轻易忘记自己生活中经历过的
- $elif r == '15':
- 哭, 或许你不是最苦的
- $elif r == '16':
- ''
- $elif r == '17':
- 希望人人都能在繁华的背后, 找到属于自己的一片天地
- </div>
- </div>
- <div id="detect">
- 如果想体验最佳浏览效果,请使用 Firefox 或者 Chrome 浏览器。此网站不对IE内核浏览器(包括国产360浏览器、腾讯TT等)和Windows系统做兼容。
- </div>