From 64b37549add4ec7397f6386f5d6fc72cf2d039a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=A2=E1=84=91=E1=85=B3=E1=86=AF=20=E1=84=82?= =?UTF-8?q?=E1=85=A9=E1=84=90=E1=85=B3=E1=84=87=E1=85=AE=E1=86=A8?= Date: Tue, 26 Jun 2018 15:20:48 +0900 Subject: [PATCH] Add: register, faq --- src/web/css/color_button.css | 25 +++- src/web/css/color_button_backup.css | 131 +++++++++++++++++++ src/web/css/module.css | 6 +- src/web/maestro/register.html | 48 +++++++ src/web/main/faq.html | 48 +++++++ src/web/module/footer.html | 8 +- src/web/module/header.html | 8 +- src/web/module/home_section.html | 4 +- src/web/module/home_section_faq.html | 28 ++++ src/web/module/maestro_section_login.html | 54 +++++--- src/web/module/maestro_section_register.html | 102 +++++++++++++++ 11 files changed, 427 insertions(+), 35 deletions(-) create mode 100644 src/web/css/color_button_backup.css create mode 100644 src/web/maestro/register.html create mode 100644 src/web/main/faq.html create mode 100644 src/web/module/home_section_faq.html create mode 100644 src/web/module/maestro_section_register.html diff --git a/src/web/css/color_button.css b/src/web/css/color_button.css index 9232825..888384f 100644 --- a/src/web/css/color_button.css +++ b/src/web/css/color_button.css @@ -6,19 +6,30 @@ body{font-family:Open Sans; color:#555555;} h1{font-size:24px; font-weight:normal; margin:0.4em 0;} .container { width: 100%; margin: 0 auto; } -.container .row { float: left; clear: both; width: 100%; } -.container .col { float: left; margin: 0 0 1.2em; padding-right: 1.2em; padding-left: 1.2em; } +.container .row { /*float: left;*/ clear: both; width: 100%; } +.container .col { /*float: left;*/ margin: 0 0 1.2em; padding-right: 1.2em; padding-left: 1.2em; } .container .col.one, .container .col.two, .container .col.three, .container .col.four, .container .col.five, .container .col.six, .container .col.seven, .container .col.eight, .container .col.nine, .container .col.ten, .container .col.eleven, .container .col.twelve { width: 100%; } +.container .floatLeft { float: left; } +.container .floatNone { float: none; } +.container .floatRight { float: right; } + +.container .alignLeft {text-align: left; } +.container .alignCenter {text-align: center; } +.container .alignRight {text-align: right; } + +.container .width100 { width: 100px; } +.container .width200 { width: 200px; } +.container .width400 { width: 400px; } @media screen and (min-width: 767px) { .container{width: 100%; max-width: 1024px; margin: 0 auto;} - .container .row{width:100%; float:left; clear:both;} - .container .col{float: left; margin: 0 0 1em; padding-right: .5em; padding-left: .5em;} + .container .row{/*width:100%;*/ /*float:left;*/ clear:both;} + .container .col{/*float: left;*/ margin: 0 0 1em; padding-right: .5em; padding-left: .5em;} .container .col.one { width: 8.33%; } - .container .col.two { width: 16.66%; } + .container .col.two { width: 150px; /*width: 16.66%;*/ } .container .col.three { width: 24.99%; } - .container .col.four { width: 50%; } + .container .col.four { width: 200px; /*width: 50%;*/ } .container .col.five { width: 41.65%; } .container .col.six { width: 49.98%; } .container .col.seven { width: 58.31%; } @@ -37,7 +48,7 @@ a{text-decoration:none;} /******************** GENERIC BUTTON STYLES ********************/ -.btn {font-size: 18px; white-space:nowrap; width:100%; padding:.4em 1.5em; font-family: Open Sans, Helvetica,Arial,sans-serif; line-height:24px; display: inline-block;zoom: 1; color: #fff; text-align: center; position:relative; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} +.btn {font-size: 18px; white-space:nowrap; /*width:100%;*/ padding:.4em 1.5em; font-family: Open Sans, Helvetica,Arial,sans-serif; line-height:24px; display: inline-block;zoom: 1; color: #fff; text-align: center; position:relative; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} /*SEA GREEN BUTTON STYLES*/ .btn.btn-sea{background-color: #08bc9a; border-color: #08bc9a; -webkit-box-shadow: 0 3px 0 #088d74; box-shadow: 0 3px 0 #088d74;} diff --git a/src/web/css/color_button_backup.css b/src/web/css/color_button_backup.css new file mode 100644 index 0000000..9232825 --- /dev/null +++ b/src/web/css/color_button_backup.css @@ -0,0 +1,131 @@ +@charset "utf-8"; + + \ No newline at end of file diff --git a/src/web/css/module.css b/src/web/css/module.css index 1ddae3b..45ef7d1 100644 --- a/src/web/css/module.css +++ b/src/web/css/module.css @@ -19,7 +19,7 @@ header { color: black; background-color: #007196; clear: left; - text-align: center; + /*text-align: center;*/ } article { @@ -32,7 +32,7 @@ footer { color: black; background-color: #007196; clear: left; - text-align: center; + /*text-align: center;*/ } @@ -41,6 +41,7 @@ footer { /*color: red;*/ } +/* .player_free { display: inline-block; width: 100%; @@ -52,5 +53,6 @@ footer { width: 100%; background-color: #0ff; } +*/ \ No newline at end of file diff --git a/src/web/maestro/register.html b/src/web/maestro/register.html new file mode 100644 index 0000000..d9195a4 --- /dev/null +++ b/src/web/maestro/register.html @@ -0,0 +1,48 @@ + + + + + 마에스트로 계정 등록 + + + + + + + + + + + + + +
+ + + +
+
+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/src/web/main/faq.html b/src/web/main/faq.html new file mode 100644 index 0000000..d4375f5 --- /dev/null +++ b/src/web/main/faq.html @@ -0,0 +1,48 @@ + + + + + 자주 묻는 질문 + + + + + + + + + + + + + +
+ + + +
+
+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/src/web/module/footer.html b/src/web/module/footer.html index 3324c50..28d9956 100644 --- a/src/web/module/footer.html +++ b/src/web/module/footer.html @@ -1,14 +1,14 @@ 
- + JINAJU - + 문의 : support@jinaju.com - - FAQ + + FAQ
diff --git a/src/web/module/header.html b/src/web/module/header.html index fa9dce0..20876f1 100644 --- a/src/web/module/header.html +++ b/src/web/module/header.html @@ -1,13 +1,13 @@ 
- - 첫 화면 + + 첫 화면 - + 마에스트로
로그인 - + 플레이어
로그인 diff --git a/src/web/module/home_section.html b/src/web/module/home_section.html index bb1c80d..75d9bfb 100644 --- a/src/web/module/home_section.html +++ b/src/web/module/home_section.html @@ -7,7 +7,7 @@
- 마에스트로
무료체험 + 마에스트로
관리자 메뉴 체험
  1. @@ -27,7 +27,7 @@    
    - 마에스트로
    가입     + 마에스트로
    가입
    1. diff --git a/src/web/module/home_section_faq.html b/src/web/module/home_section_faq.html new file mode 100644 index 0000000..5eb1dfe --- /dev/null +++ b/src/web/module/home_section_faq.html @@ -0,0 +1,28 @@ +
      + +

      마에스트로 계정

      + +
        +
      1. + 계정 생성 요청 후, 입금이 확인되면 계정을 활성화시킵니다. +
        2. +
      2. + 생성된 계정의 마에스트로 혹은 플레이어가 첫 로그인한 날부터 유효기간을 세기 시작합니다. +
        3. +
      3. + 업그레이드가 되면, 기존 사용한 기간은 보너스로 드리고 새로 1년동안 유효합니다. +
        4. +
      + +
      + +

      플레이어 관리

      + +
        +
      1. + 플레이어의 입장 코드는 숫자로만 입력을 받습니다. + 한글/영어 타자에 익숙하지 않은 학생들을 고려하였습니다. +
        2. +
      + +
      diff --git a/src/web/module/maestro_section_login.html b/src/web/module/maestro_section_login.html index 6277206..f4e0143 100644 --- a/src/web/module/maestro_section_login.html +++ b/src/web/module/maestro_section_login.html @@ -1,29 +1,51 @@ -
      -
      + + +
      +