You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 lines
8.0 KiB
11 lines
8.0 KiB
<!doctype html>
|
|
<html data-n-head-ssr data-n-head="">
|
|
<head data-n-head="">
|
|
<title data-n-head="true">Beer</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta data-n-head="true" data-hid="description" name="description" content="My primo Nuxt.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><base href="/website/"><link rel="preload" href="/website/_nuxt/ca1ba156dfe080d242ef.js" as="script"><link rel="preload" href="/website/_nuxt/4d63b374d12d0c512fe1.js" as="script"><link rel="preload" href="/website/_nuxt/02f154bff9392ab47ea0.js" as="script"><link rel="preload" href="/website/_nuxt/a69e7f7b78ae7067d8d5.js" as="script"><link rel="preload" href="/website/_nuxt/dc129e08ed4ceb79aa72.js" as="script"><style data-vue-ssr-id="290f013b:0 17cfdfa9:0 1112905c:0 7ccdbc4d:0">a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}html[data-v-e0d65c42]{width:100vw;height:100vh}.default.layout[data-v-e0d65c42]{background:#f5f5d5;position:fixed;left:0;right:0;bottom:0;top:0}html[data-v-31363c82]{width:100vw;height:100vh}[data-v-31363c82]{box-sizing:border-box}.page[data-v-31363c82]{font-family:Montserrat,sans-serif;background:#f6f5f7;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}h1[data-v-31363c82]{font-weight:700;margin:0}p[data-v-31363c82]{font-size:14px;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span[data-v-31363c82]{font-size:12px}a[data-v-31363c82]{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.dowebok[data-v-31363c82]{background:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container form[data-v-31363c82]{background:#fff;display:flex;flex-direction:column;padding:0 50px;height:100%;justify-content:center;align-items:center;text-align:center}.social-container[data-v-31363c82]{margin:20px 0}.social-container a[data-v-31363c82]{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.social-container a[data-v-31363c82]:hover{background-color:#eee}.form-container input[data-v-31363c82]{background:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%;outline:0}button[data-v-31363c82]{border-radius:20px;border:1px solid #ff4b2b;background:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}button[data-v-31363c82]:active{transform:scale(.95)}button[data-v-31363c82]:focus{outline:0}button.ghost[data-v-31363c82]{background:0 0;border-color:#fff}.form-container[data-v-31363c82]{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container[data-v-31363c82]{left:0;width:50%;z-index:2}.sign-up-container[data-v-31363c82]{left:0;width:50%;z-index:1;opacity:0}.overlay-container[data-v-31363c82]{position:absolute;top:0;left:50%;width:50%;overflow:hidden;z-index:100}.overlay-container[data-v-31363c82],.overlay[data-v-31363c82]{height:100%;transition:transform .6s ease-in-out}.overlay[data-v-31363c82]{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c) no-repeat 0 0/cover;color:#fff;position:relative;left:-100%;width:200%;transform:translateY(0)}.overlay-panel[data-v-31363c82]{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;height:100%;width:50%;text-align:center;transform:translateY(0);transition:transform .6s ease-in-out}.overlay-right[data-v-31363c82]{right:0;transform:translateY(0)}.overlay-left[data-v-31363c82]{transform:translateY(-20%)}.dowebok.right-panel-active .sign-in-container[data-v-31363c82]{transform:translateY(100%)}.dowebok.right-panel-active .overlay-container[data-v-31363c82]{transform:translateX(-100%)}.dowebok.right-panel-active .sign-up-container[data-v-31363c82]{transform:translateX(100%);opacity:1;z-index:5}.dowebok.right-panel-active .overlay[data-v-31363c82]{transform:translateX(50%)}.dowebok.right-panel-active .overlay-left[data-v-31363c82]{transform:translateY(0)}.dowebok.right-panel-active .overlay-right[data-v-31363c82]{transform:translateY(20%)}</style>
|
|
</head>
|
|
<body data-n-head="">
|
|
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="default layout" data-v-e0d65c42><div class="page" data-v-31363c82 data-v-e0d65c42>
|
|
ppp{}
|
|
<div id="dowebok" class="dowebok" data-v-31363c82><div class="form-container sign-up-container" data-v-31363c82><form action="#" data-v-31363c82><h1 data-v-31363c82>注册</h1> <div class="social-container" data-v-31363c82><a href="#" class="social" data-v-31363c82><i class="fab fa-facebook-f" data-v-31363c82></i></a> <a href="#" class="social" data-v-31363c82><i class="fab fa-google-plus-g" data-v-31363c82></i></a> <a href="#" class="social" data-v-31363c82><i class="fab fa-linkedin-in" data-v-31363c82></i></a></div> <span data-v-31363c82>或使用邮箱注册</span> <input placeholder="姓名" data-v-31363c82> <input type="email" placeholder="电子邮箱" data-v-31363c82> <input type="password" placeholder="密码" data-v-31363c82> <button data-v-31363c82>注册</button></form></div> <div class="form-container sign-in-container" data-v-31363c82><form action="#" data-v-31363c82><h1 data-v-31363c82>登录</h1> <div class="social-container" data-v-31363c82><a href="#" class="social" data-v-31363c82><i class="fab fa-facebook-f" data-v-31363c82></i></a> <a href="#" class="social" data-v-31363c82><i class="fab fa-google-plus-g" data-v-31363c82></i></a> <a href="#" class="social" data-v-31363c82><i class="fab fa-linkedin-in" data-v-31363c82></i></a></div> <span data-v-31363c82>或使用您的帐号</span> <input placeholder="账号" data-v-31363c82> <input type="password" placeholder="密码" data-v-31363c82> <a href="#" data-v-31363c82>忘记密码？</a> <button data-v-31363c82>登录</button></form></div> <div class="overlay-container" data-v-31363c82><div class="overlay" data-v-31363c82><div class="overlay-panel overlay-left" data-v-31363c82><h1 data-v-31363c82>已有帐号？</h1> <p data-v-31363c82>请使用您的帐号进行登录</p> <button id="signIn" class="ghost" data-v-31363c82>登录</button></div> <div class="overlay-panel overlay-right" data-v-31363c82><h1 data-v-31363c82>没有帐号？</h1> <p data-v-31363c82>立即注册加入我们，和我们一起开始旅程吧</p> <button id="signUp" class="ghost" data-v-31363c82>注册</button></div></div></div></div></div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],error:null,state:{user:{},todos:{list:[],ip:""}},serverRendered:!0}</script><script src="/website/_nuxt/ca1ba156dfe080d242ef.js" defer></script><script src="/website/_nuxt/dc129e08ed4ceb79aa72.js" defer></script><script src="/website/_nuxt/4d63b374d12d0c512fe1.js" defer></script><script src="/website/_nuxt/02f154bff9392ab47ea0.js" defer></script><script src="/website/_nuxt/a69e7f7b78ae7067d8d5.js" defer></script>
|
|
</body>
|
|
</html>
|
|
|