webworld888/resources/markup/user/auth_signup.html
2021-10-26 19:14:12 +09:00

286 lines
19 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ko">
<head>
<!-- CUSTOM TAGS -->
<!-- canonical -->
<link rel="canonical" href="http://xe.hyeok.udd.kr/auth/login?by=email" />
<!-- META -->
<meta charset="utf-8">
<meta name="Generator" content="XpressEngine 3">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:type" content="website">
<meta property="og:url" content="http://xe.hyeok.udd.kr/auth/login?by=email">
<meta property="og:title" content="XE3">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<!-- TITLE -->
<title>XE3</title>
<!-- ICON -->
<!-- CSS -->
<link href="../../../assets/core/common/css/xe-common.css?1567582437" type="text/css" rel="stylesheet" media="all">
<link href="../../../assets/core/xe-ui-component/xe-ui-component.css?1567582437" type="text/css" rel="stylesheet" media="all">
<link href="https://cdn.jsdelivr.net/npm/xeicon@2.3/xeicon.min.css" type="text/css" rel="stylesheet" media="all">
<link href="../../../assets/core/xe-ui/css/xe-ui-without-base.css?1567582437" type="text/css" rel="stylesheet" media="all">
<link href="../../../assets/core/user/auth.css?1567582437" type="text/css" rel="stylesheet" media="all">
<link href="../../../plugins/together/assets/css/theme.css?1564023750" type="text/css" rel="stylesheet" media="all">
<link href="../../../plugins/together/assets/css/widget.css?1564023750" type="text/css" rel="stylesheet" media="all">
<link href="../../../plugins/together/assets/css/style_icon.css?1564023750" type="text/css" rel="stylesheet" media="all">
<link href="../../../plugins/together/assets/libs/slick/slick.css?1564023750" type="text/css" rel="stylesheet" media="all">
<!-- JS at head.prepend -->
<script>
var xeBaseURL = 'http://xe.hyeok.udd.kr'; // @DEPRECATED
</script>
<script src="../../../assets/vendor.js?1567582437"></script>
<script src="../../../assets/common.js?1567582437"></script>
<script src="../../../assets/core/common/js/xe.bundle.js?1567582437"></script>
<script>
if (window.XE) {
XE.setup({
baseURL: 'http://xe.hyeok.udd.kr',
userToken: 'E96YzjdHiYdtEpK6d63sdyPIAKbMqvhai4tJIT9l',
loginUserId: '', // @DEPRECATED
useXeSpinner: true, // @DEPRECATED
locale: 'ko',
defaultLocale: 'ko',
fixedPrefix: 'plugin',
routes: [],
ruleSet: [{
"ruleName": "login",
"rules": {
"email": "required|email_prefix",
"password": "required"
}
}],
translation: {
"locales": [{
"code": "ko",
"nativeName": "\ud55c\uad6d\uc5b4"
}, {
"code": "en",
"nativeName": "English"
}],
"terms": {
"xe::validatorRequired": "\ud544\uc218 \uc785\ub825 \uc815\ubcf4\uac00 \ub204\ub77d\ub418\uc5c8\uc2b5\ub2c8\ub2e4.",
"xe::validatorAlphanum": "\uc22b\uc790\uc640 \uc54c\ud30c\ubcb3\ub9cc \uc785\ub825\ud558\uc138\uc694.",
"xe::validatorMin": ":charCount \uc774\uc0c1\uc758 \uae00\uc790\ub97c \uc785\ub825\ud558\uc138\uc694.",
"xe::validatorBetween": ":attribute \ub294 :min ~ :max \uc0ac\uc774\ub85c \uc785\ub825\ud574\uc8fc\uc138\uc694."
}
}
});
}
</script>
<!-- JS at head.append -->
<script
src="../../../plugins/together/assets/libs/slick/slick.min.js?1564023750">
</script>
<script
src="../../../plugins/together/assets/js/common.js?1564023750">
</script>
<!-- CUSTOM TAGS -->
</head>
<body class="">
<!-- JS at body.prepend -->
<!-- CUSTOM TAGS -->
<div id="wrap" class=" wrap-sub ">
<aside class="area-sidebar">
<div class="inner-sidebar">
<nav>
<ul class="list-gnb reset-list">
<li>
<a href="http://xe.hyeok.udd.kr/home" class="link-gnb "></a>
</li>
<li>
<a href="http://xe.hyeok.udd.kr/notice" class="link-gnb ">Notice</a>
</li>
<li>
<a href="http://xe.hyeok.udd.kr/blog" class="link-gnb ">Blog</a>
</li>
<li>
<a href="http://xe.hyeok.udd.kr/board" class="link-gnb ">Board</a>
</li>
<li>
<a href="http://xe.hyeok.udd.kr/gallery" class="link-gnb ">Gallery</a>
</li>
</ul>
</nav>
<ul class="list-tool reset-list">
</ul>
<ul class="list-sns reset-list">
</ul>
</div>
<span class="bg-sidebar"></span>
</aside>
<div id="container">
<header class="header-tfc header-sub-tfc ">
<button type="button" class="btn-menu" title="메뉴"><span class="icon_menu"></span><span class="blind">메뉴</span></button>
<h1 class="logo">
<a href="http://xe.hyeok.udd.kr" class="link-logo text">Together</a>
<span class="greet">Welcome! XE3 Theme Together</span>
</h1>
<div class="user-menu-dropdown">
<button type="button" class="btn-login" title="회원"><span class="icon_login"></span></button>
<ul class="user-menu">
<li><a href="http://xe.hyeok.udd.kr/auth/login">로그인</a></li>
</ul>
</div>
</header>
<div class="parallax-overlay"></div>
<main class="main-tfc">
<div class="theme_container">
<!-- 회원가입 폼 -->
<!-- [D] 회원가입 폼 영역은 가로 길이 때문에 class="user--signup" 추가 -->
<div class="user user--signup">
<h2 class="user__title">회원가입</h2>
<p class="user__text">가입안내: 회원가입시 정보입력 단계 상단에 표시 될 내용입니다. (여러줄 입력 가능)</p>
<form action="" method="post">
<input type="hidden" name="_token" value="E96YzjdHiYdtEpK6d63sdyPIAKbMqvhai4tJIT9l">
<fieldset>
<legend>회원가입</legend>
<div class="user-signup">
<div class="xu-form-group xu-form-group--large">
<label class="xu-form-group__label" for="inputLabelVertical1">이메일<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box">
<input type="text" name="componentVertical1" class="xu-form-group__control" id="inputLabelVertical1" placeholder="예:address@mail.co.kr">
</div>
<!-- <p class="xu-form-group__validation">6글자 이상 입력</p> -->
<p class="xu-form-group__validation xu-form-group__validation--success">사용 가능한 이메일입니다</p>
<p class="xu-form-group__validation xu-form-group__validation--error">올바른 이메일 형식을 입력하세요</p>
</div>
<div class="xu-form-group xu-form-group--large">
<label class="xu-form-group__label" for="inputLabelVertical2">이메일<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box">
<input type="text" name="componentVertical2" class="xu-form-group__control" id="inputLabelVertical2" disabled="disabled" placeholder="예:address@mail.co.kr" value="junmh@naver.com">
</div>
<!-- <p class="xu-form-group__validation">6글자 이상 입력</p> -->
<p class="xu-form-group__validation xu-form-group__validation--success">사용 가능한 이메일입니다</p>
<p class="xu-form-group__validation xu-form-group__validation--error">올바른 이메일 형식을 입력하세요</p>
</div>
<div class="xu-form-group xu-form-group--large">
<label class="xu-form-group__label" for="inputLabelVertical3">아이디<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box">
<!-- [D] input validation 에러 시 class="xu-form-group__input--error" 추가 -->
<input type="text" name="componentVertical3" class="xu-form-group__control xu-form-group__control--error" id="inputLabelVertical3" placeholder="아이디를 입력하세요.">
</div>
<!-- <p class="xu-form-group__validation">6글자 이상 입력</p> -->
<p class="xu-form-group__validation xu-form-group__validation--success">사용 가능한 아이디입니다</p>
<p class="xu-form-group__validation xu-form-group__validation--error">이미 사용중인 아이디입니다</p>
</div>
<div class="xu-form-group xu-form-group--large">
<label class="xu-form-group__label" for="inputLabelVertical4">이름<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box">
<input type="text" name="componentVertical4" class="xu-form-group__control" id="inputLabelVertical4" placeholder="이름을 입력하세요.">
</div>
<p class="xu-form-group__validation">2자 이상, 비밀번호 방식과 동일</p>
<p class="xu-form-group__validation xu-form-group__validation--success">2자 이상, 비밀번호 방식과 동일</p>
<p class="xu-form-group__validation xu-form-group__validation--error">2자 이상, 비밀번호 방식과 동일</p>
</div>
<div class="xu-form-group xu-form-group--large xu-form-group__box--icon-right">
<label class="xu-form-group__label" for="inputLabelVertical5">비밀번호<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box xu-form-group__box--icon-right">
<input type="password" name="componentSingle5" class="xu-form-group__control" id="inputLabelVertical5" placeholder="비밀번호를 입력하세요.">
<button type="button" class="xu-form-group__icon">
<!-- [D] 눈 아이콘 클릭 시 i 태그 클래스명 변경 (xi-eye <-> xi-eye-off) -->
<i class="xi-eye"></i>
</button>
</div>
<p class="xu-form-group__validation">6글자 이상 입력</p>
<p class="xu-form-group__validation xu-form-group__validation--success">비밀번호에 숫자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--success">비밀번호에 대문자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--error">비밀번호에 특수문자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--error">반복 없는 비밀번호</p>
<p class="xu-form-group__validation xu-form-group__validation--error">선(-,,—,_) 없는 비밀번호</p>
</div>
<div class="xu-form-group xu-form-group--large xu-form-group__box--icon-right">
<label class="xu-form-group__label" for="inputLabelVertical6">비밀번호<em class="xu-form-group__label-required">*</em></label>
<div class="xu-form-group__box xu-form-group__box--icon-right">
<input type="text" name="componentSingle6" class="xu-form-group__control" id="inputLabelVertical6" placeholder="비밀번호를 입력하세요." value="asdf!@#">
<button type="button" class="xu-form-group__icon">
<!-- [D] 눈 아이콘 클릭 시 i 태그 클래스명 변경 (xi-eye <-> xi-eye-off) -->
<i class="xi-eye-off"></i>
</button>
</div>
<p class="xu-form-group__validation">6글자 이상 입력</p>
<p class="xu-form-group__validation xu-form-group__validation--success">비밀번호에 숫자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--success">비밀번호에 대문자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--error">비밀번호에 특수문자 포함</p>
<p class="xu-form-group__validation xu-form-group__validation--error">반복 없는 비밀번호</p>
<p class="xu-form-group__validation xu-form-group__validation--error">선(-,,—,_) 없는 비밀번호</p>
</div>
<div class="terms-box">
<label class="xu-label-checkradio">
<input type="checkbox">
<span class="xu-label-checkradio__helper"></span>
<span class="xu-label-checkradio__text">필수약관, 선택약관에 모두 동의합니다.</span>
</label>
<ul class="terms-list">
<li>
<label class="xu-label-checkradio">
<input type="checkbox">
<span class="xu-label-checkradio__helper"></span>
<span class="xu-label-checkradio__text">이용약관 <span class="xu-label-checkradio__empase">(필수)</span></span>
</label>
<button type="button" class="terms-list__term-button">내용보기</button>
</li>
<li>
<label class="xu-label-checkradio">
<input type="checkbox">
<span class="xu-label-checkradio__helper"></span>
<span class="xu-label-checkradio__text">개인정보처리방침 <span class="xu-label-checkradio__empase">(필수)</span></span>
</label>
<button type="button" class="terms-list__term-button">내용보기</button>
</li>
<li>
<label class="xu-label-checkradio">
<input type="checkbox">
<span class="xu-label-checkradio__helper"></span>
<span class="xu-label-checkradio__text">마케팅 정보 수신 <span class="xu-label-checkradio__empase">(필수)</span></span>
</label>
<button type="button" class="terms-list__term-button">내용보기</button>
</li>
</ul>
</div>
<!-- [D] 활성화 시 class="xu-button--disabled" 제거, button 태그의 disabled 도 같이 제거 -->
<button type="submit" class="xu-button xu-button--primary xu-button--block xu-button--large user-signup__button-signup xu-button--disabled" disabled="disabled">
<span class="xu-button__text">회원가입</span>
</button>
</div>
</fieldset>
</form>
</div>
<!-- //로그인 폼 -->
</div>
</main>
</div>
<footer class="footer-tfc">
<div class="inner-footer">
Powered by <a href="https://www.xpressengine.io/" target="_blank">XpressEngine</a>.
</div>
</footer>
</div>
<!-- JS at body.append -->
<!-- CUSTOM TAGS -->
<!-- user.keep_login -->
<script>
$(function ($) {
$('.__xe_keep_login').change(function () {
if (this.checked) {
$('#__xe_infoRemember').slideDown();
} else {
$('#__xe_infoRemember').slideUp();
}
})
});
</script>
</body>
</html>