Skip to content

Commit

Permalink
sign up chagne
Browse files Browse the repository at this point in the history
  • Loading branch information
kimhagyeong committed Aug 9, 2019
1 parent a3709cf commit 0e9a52d
Show file tree
Hide file tree
Showing 3 changed files with 135 additions and 36 deletions.
129 changes: 99 additions & 30 deletions accounts/templates/accounts/signup.html
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,112 @@


{% extends 'base.html' %}

{% block content %}
<div class="container-fluid row" style="width:100%; margin:0; padding:0;">
<div class="containerleft">
</div>
<div class="containerbody">
<div class="container" style="margin:0,25px,25px,25px; width:100%;">
<section id="recently">
<div class="col">

<section class="login-block">
<div class="bodycontainer">
<div class="row">
<div style="border-radius: 5px; border:1px dashed rgb(91,155,213); width:100%; ">
{% if error %}
{{ error }}
<br>
<br>
{% endif %}
<div class="col login-sec">
<h2 class="text-center">Sign Up</h2>

<div class="container">
<section id="recently">
<div class="col">
<div class="row">
<div style="border-radius: 5px; border:2px dashed rgb(255, 118, 99); width:100%; ">
{% if error %}
{{ error }}
<br>
<br>
{% endif %}
<form method="POST" action="{% url 'signup'%}">
{% csrf_token %}
<div class="row" style="height:50px;"></div>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >아이디(ID): </label>
<div class="col-5">
<input class="form-control" placeholder="username" name="username" type="username" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >비밀번호(Password): </label>
<div class="col-sm-5">
<input class="form-control" placeholder="패스워드를 입력하세요" name="password1" type="password" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >비밀번호 확인(Confirm PW): </label>
<div class="col-sm-5">
<input class="form-control" placeholder="패스워드를 확인합니다" name="password2" type="password" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >성별(Gender): </label>
<div class="col-sm-5">
<INPUT TYPE=RADIO NAME="gender" VALUE="M"> 남성(Man) <span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<INPUT TYPE=RADIO NAME="gender" VALUE="W"> 여성(Woman)<br>
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >성(Last Name): </label>
<div class="col-sm-5">
<input class="form-control"placeholder="성을 입력하세요" name="lastName" type="text" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >이름(First Name): </label>
<div class="col-sm-5">
<input class="form-control" placeholder="이름을 입력하세요"name="firstName" type="text" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >생년월일(birthdate): </label>
<div class="col-sm-5">
<input class="form-control" name="birthdate" type="date" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >닉네임(Nickname): </label>
<div class="col-sm-5">
<input class="form-control" placeholder="닉네임을 입력하세요" name="nickName" type="text" value="">
</div>
</div>
<br>
<div class="form-group row">
<label class="col-sm-4 col-form-label textfont" >관리자아이디여부: </label>
<div class="col-sm-5">
<input name="is_superuser" type="checkbox" value="is_superuser">
</div>
</div>
<br>
<div class="text-center" style="margin:30px 0 50px 0;">
<input class="btn btn-primary" style="width:200px; height:40px; background:#DE6262; border:1.5px solid #DE6262; font-family: 'Gugi', cursive; font-size:20px;" type="submit" value="Sign Up!">
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</div>
</div>

<h1>Sign Up!</h1>

</section>

<form method="POST" action="{% url 'signup'%}">
{% csrf_token %}
<br>아이디(ID): <input name="username" type="text" value=""><br>
<br>비밀번호(Password): <input name="password1" type="password" value=""><br>
<br>비밀번호 확인(Confirm Password): <input name="password2" type="password" value=""><br>
<br>성별(Gender): <INPUT TYPE=RADIO NAME="gender" VALUE="M"> 남성(Man)
<INPUT TYPE=RADIO NAME="gender" VALUE="W"> 여성(Woman)<br>
<br>성(Last Name):<input name="lastName" type="text" value=""><br>
<br>이름(First Name): <input name="firstName" type="text" value=""><br>
<br>생년월일(birthdate): <input name="birthdate" type="date" value=""><br>
<br>닉네임(Nickname): <input name="nickName" type="text" value=""><br>
<br>관리자아이디여부: <input name="is_superuser" type="checkbox" value="is_superuser"><br>
<br>
<input class="btn btn-primary" type="submit" value="Sign Up!">
</form>
</div>
</div>
</div>
</section>
</div>

</div>
<div class="containerright"></div>
</div>
Expand Down
40 changes: 35 additions & 5 deletions gasili/templates/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,11 +29,10 @@
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<!--fontstylelink-->
<link href="https://fonts.googleapis.com/css?family=Gamja+Flower&display=swap&subset=korean" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Single+Day&display=swap&subset=korean" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Hi+Melody&display=swap&subset=korean" rel="stylesheet">


<link href="https://fonts.googleapis.com/css?family=Gugi&display=swap&subset=korean" rel="stylesheet">


<!--footer-->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

Expand Down Expand Up @@ -134,6 +133,15 @@
font-size:15px;
}

.topletter{
font-family: 'Gugi', cursive;
font-size:80px;
text-align:center;
}

.textfont{
font-size:15px; font-family: 'Gugi', cursive; margin-left:60px;
}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


Expand Down Expand Up @@ -215,6 +223,28 @@
}
}

@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.login-block{
float:left;
width:100%;
padding : 50px 0;
}
.banner-sec{background:url(https://static.pexels.com/photos/33972/pexels-photo.jpg) no-repeat left bottom; background-size:cover; min-height:500px; border-radius: 0 10px 10px 0; padding:0;}
.bodycontainer{background:#fff; border-radius: 10px; box-shadow:15px 20px 0px rgba(0,0,0,0.1); margin:30px 55px 30px 15px;}
.carousel-inner{border-radius:0 10px 10px 0;}
.carousel-caption{text-align:left; left:5%;}
.login-sec{padding: 50px 30px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #DE6262;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#FEB58A; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{background: #DE6262; color:#fff; font-weight:600;}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}

</style>
</head>

Expand All @@ -235,7 +265,7 @@
</li>
{% if user.is_authenticated %}
<li class="nav-item">
<a class="nav-link" href="{% url 'update' %}" style="margin:0 60px 0 60px;" style="padding:0;">Mypage</a>
<a class="nav-link" href="{% url 'update' %}" style="margin:0 60px 0 60px; padding:0;">Mypage</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:{document.getElementById('logout').submit()}" style="padding:0;">Logout</a>
Expand Down
2 changes: 1 addition & 1 deletion home/static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,4 +79,4 @@ body {
.confirmOrCancel {
text-align: center;
}
/* board_new.html 적용 css */
/* board_new.html 적용 css */

0 comments on commit 0e9a52d

Please sign in to comment.