Toggle navigation
Toggle navigation
This project
Loading...
Sign in
이승윤
/
OpenSource-MyCookBook
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
이승윤
2021-05-31 22:08:42 +0900
Browse Files
Options
Browse Files
Download
Plain Diff
Commit
de34a2e11a854d24ce0662b853daf57a5b2d291a
de34a2e1
2 parents
6349bb24
79cc4358
Merge branch 'style/home' into 'develop'
Style/home See merge request
!13
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
68 additions
and
48 deletions
views/accounts/join.ejs
views/accounts/login.ejs
views/category/products.ejs
views/home.ejs
views/includes/header.ejs
views/accounts/join.ejs
View file @
de34a2e
<% include ../includes/header.ejs %>
<div class="
row
">
<div
class="col-md-4 col-md-offset-4"
>
<div
class="login-panel panel panel-default"
>
<div
class="panel-heading
">
<div class="
w-25 border border-info border-3" style="position: absolute; left: 37%; top: 17%;
">
<div>
<div>
<div
style="padding-top: 5%; padding-left: 5%;
">
<h3 class="panel-title">회원가입</h3>
</div>
<div class="panel-body">
<form role="form" action="" id="join_form" method="post">
<fieldset>
<div class="
form-group
">
<div class="
w-100" style="padding-left: 5%; padding-right: 5%;
">
<input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required="">
</div>
<div class="
form-group
">
<div class="
w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%
">
<input class="form-control" placeholder="Password" name="password" type="password" value="" required="">
</div>
<div class="
form-group
">
<div class="
w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%
">
<input class="form-control" placeholder="Password 확인" name="password2" type="password" value="" required="">
</div>
<div class="
form-group
">
<div class="
w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%
">
<input class="form-control" placeholder="이름" name="displayname" type="text" value="" required="">
</div>
<!-- Change this to a button or input when using this as a form -->
<div class="d-grid gap-2 col-11 mx-auto p-2">
<input type="submit" class="btn btn-lg btn-success btn-block" value="가입하기">
<div style="margin-top: 10px">
<a href="/auth/facebook" class="btn btn-lg btn-primary btn-block">
<i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 회원가입
</a>
...
...
views/accounts/login.ejs
View file @
de34a2e
<% include ../includes/header.ejs %>
<div class="
row
">
<div
class="col-md-4 col-md-offset-4"
>
<div class="
w-25 border border-info border-3" style="position: absolute; left: 37%; top: 17%;
">
<div>
<%if(typeof flashMessage !=='undefined') {%>
<div class="alert alert-danger" role="alert"><%=flashMessage%></div>
<%}%>
<div
class="login-panel panel panel-default"
>
<div
class="panel-heading
">
<div>
<div
style="padding-top: 5%; padding-left: 5%;
">
<h3 class="panel-title">로그인</h3>
</div>
<div class="panel-body">
<form role="form" action="" id="login_form" method="post">
<fieldset>
<div class="form-group">
<div class="w-100" style="padding-left: 5%; padding-right: 5%;">
<label for="login" class="form-label">ID</label>
<input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required="">
</div>
<div class="form-group">
<div class="w-100 p-3">
<label for="password" class="form-label">Password</label>
<input class="form-control" placeholder="Password" name="password" type="password" value="" required="">
</div>
<!-- Change this to a button or input when using this as a form -->
<div class="d-grid gap-2 col-11 mx-auto p-2">
<input type="submit" class="btn btn-lg btn-success btn-block" value="로그인">
<div style="margin-top: 10px">
<a href="/auth/facebook" class="btn btn-lg btn-primary btn-block">
<i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 로그인
</a>
...
...
views/category/products.ejs
View file @
de34a2e
<% include ../includes/header.ejs %>
<table class="table table-bordered table-hover">
<tr>
<tr
class="table-info"
>
<th width="80px" style="text-align: center;">카테고리명</th>
<th width="50px" style="text-align: center;">개설 날짜</th>
<th width="
3
50px" style="text-align: center;">내용</th>
<th width="
3
0px" style="text-align: center;">사용자명</th>
<th width="
5
50px" style="text-align: center;">내용</th>
<th width="
5
0px" style="text-align: center;">사용자명</th>
<th width="30px" style="text-align: center;">삭제</th>
</tr>
<%categories.forEach(function(product){%>
...
...
@@ -17,7 +17,7 @@
<%=product.getDate.month%> -
<%=product.getDate.day%>
</td>
<td
style="text-align: center;"
>
<td>
<%=product.description%>
</td>
<td style="text-align: center;">
...
...
@@ -30,6 +30,6 @@
<% }); %>
</table>
<a href="categories/write" class="btn btn-
default
">작성하기</a>
<a href="categories/write" class="btn btn-
primary
">작성하기</a>
<% include ../includes/footer.ejs %>
\ No newline at end of file
...
...
views/home.ejs
View file @
de34a2e
<% include ./includes/header.ejs %>
<div style="background-color:lavenderblush">
<div style="background-color:lavenderblush
;
">
<% var count = 0; %>
<center>
<% for (var i in video) { %>
<div style ="color:gray; font-weight:bold; font-size:2.0em;">
<div style ="color:gray; font-weight:bold; font-size:2.0em; margin-left: 30px; padding-top: 30px">
<div style="width: 100%;
max-width: 7rem;
height: 0.25rem;
background-color: #2c3e50;
border-radius: 1rem;
border-color: #2c3e50 !important;"></div>
<%=video[i].category.title%>
<div style="width: 100%;
max-width: 7rem;
height: 0.25rem;
background-color: #2c3e50;
border-radius: 1rem;
border-color: #2c3e50 !important;"></div>
</div>
<% for (var j in video[i].videos) { %>
<div id="<%=count%>" vid="<%=video[i].videos[j].video_id%>">
<div class="card" style="width: 55rem; margin-bottom: 15px; margin-top: 15px;">
<div class="card-top" id="<%=count%>" vid="<%=video[i].videos[j].video_id%>" style="margin: 30px;">
</div>
<div class="card-body">
<h5 class="card-title"><%=video[i].videos[j].title%></h5>
<p class="card-text">해당 영상에 대한 메모를 여기에 출력.
</p>
</div>
</div>
<%count++;};};%>
<%count++;}; %>
<%};%>
</center>
</div>
...
...
@@ -47,8 +67,8 @@
function onYouTubeIframeAPIReady() {
for (var i = 0; i < videoIds.length; i++) {
player = new YT.Player(players[i], {
height: '
36
0',
width: '
64
0',
height: '
45
0',
width: '
80
0',
videoId: videoIds[i],
});
}
...
...
views/includes/header.ejs
View file @
de34a2e
...
...
@@ -9,38 +9,36 @@
src=
"https://code.jquery.com/jquery-3.2.1.min.js"
integrity=
"sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin=
"anonymous"
></script>
<link
rel=
"stylesheet"
href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
>
<!--bootstrap js 추가 -->
<script
type=
"text/javascript"
src=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
></script>
<link
href=
"https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
rel=
"stylesheet"
integrity=
"sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin=
"anonymous"
>
<script
src=
"https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity=
"sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin=
"anonymous"
></script>
</head>
<body>
<div
class=
"container"
style=
"margin-top: 15px;"
>
<div
class=
"container-fluid"
style=
"margin-top: 15px;"
>
<nav
class=
"navbar navbar-light"
style=
"background-color: #e3f2fd;"
>
<div>
<div
class=
"navbar-header"
>
<!-- 오른쪽 메뉴바 -->
<button
type=
"button"
class=
"collapsed navbar-toggle"
data-toggle=
"collapse"
data-target=
"#bs-example-navbar-collapse-9"
aria-expanded=
"false"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
href=
"/"
class=
"navbar-brand"
>
MyCookBook
</a>
<div
class=
"navbar-brand"
style=
"float: left;"
>
<a
href=
"/"
class=
"nav-link"
>
MyCookBook
</a>
</div>
<div
class=
"
collapse navbar-collapse
"
>
<ul
class=
"nav
navbar-nav
"
>
<li
>
<a
href=
"/"
>
Home
</a>
<div
class=
"
navbar
"
>
<ul
class=
"nav"
>
<li
class=
"nav-item"
>
<a
class=
"nav-link"
href=
"/"
>
Home
</a>
</li>
<li
><a
href=
"/categori/products"
>
Categori
</a></li>
<li
class=
"nav-item"
><a
class=
"nav-link"
href=
"/categori/products"
>
Categori
</a></li>
<
% if(isLogin){%>
<li
><a
href=
"/accounts/logout"
onclick=
"return confirm('로그아웃 하시겠습니까?')"
>
LOGOUT
</a></li>
<li
class=
"nav-item"
><a
class=
"nav-link"
href=
"/accounts/logout"
onclick=
"return confirm('로그아웃 하시겠습니까?')"
>
LOGOUT
</a></li>
<
%}else{%>
<li
><a
href=
"/accounts/join"
>
SignUp
</a></li>
<li
><a
href=
"/accounts/login"
>
LOGIN
</a></li>
<li
class=
"nav-item"
><a
class=
"nav-link"
href=
"/accounts/join"
>
SignUp
</a></li>
<li
class=
"nav-item"
><a
class=
"nav-link"
href=
"/accounts/login"
>
LOGIN
</a></li>
<
%}%>
</ul>
</div>
</div>
<hr
style=
" border: 2px solid #4dabf7"
/>
</nav>
<hr
style=
" border: 2px solid #4263eb"
/>
...
...
Please
register
or
login
to post a comment