Skip to content

Commit 6e19a84

Browse files
gurumnyanggurumnyang
committed
chore(ejs): web design improvement
1 parent 789cee4 commit 6e19a84

File tree

2 files changed

+69
-32
lines changed

2 files changed

+69
-32
lines changed

‎views/home.ejs

+38-32
Original file line numberDiff line numberDiff line change
@@ -120,37 +120,39 @@
120120
</svg>
121121
<%- include("./partials/color-mode") %>
122122
<header data-bs-theme="dark">
123-
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
124-
<div class="container-fluid">
125-
<a class="navbar-brand" href="#">
126-
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2 ar-logo" viewBox="0 0 118 94" role="img"><title>[서비스명]</title></svg>
127-
<span>아름스탬프</span></a>
128-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
129-
<span class="navbar-toggler-icon"></span>
130-
</button>
131-
<div class="collapse navbar-collapse" id="navbarCollapse">
132-
<ul class="navbar-nav me-auto mb-2 mb-md-0">
133-
<li class="nav-item">
134-
<a class="nav-link active" aria-current="page" href="#">홈</a>
135-
</li>
136-
<li class="nav-item">
137-
<a class="nav-link" href="/market-list-example">재휴사 리스트</a>
138-
</li>
139-
</ul>
140-
<form class="d-flex">
141-
142-
<% if (userData) { %>
143-
<a href="#" class="btn btn-dark me-2">내 프로필</a>
144-
<a href="/auth/sign-out" class="btn btn-bd-primary me-2">로그아웃</a>
145-
146-
<% } else { %>
147-
<a href="/auth/sign-up" class="btn btn-dark me-2">회원가입</a>
148-
<a href="/auth/sign-in" class="btn btn-bd-primary me-2">로그인</a>
149-
<% } %>
150-
</form>
151-
</div>
152-
</div>
153-
</nav>
123+
<!-- <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">-->
124+
<!-- <div class="container-fluid">-->
125+
<!-- <a class="navbar-brand" href="#">-->
126+
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2 ar-logo" viewBox="0 0 118 94" role="img"><title>[서비스명]</title></svg>-->
127+
<!-- <span>아름스탬프</span></a>-->
128+
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">-->
129+
<!-- <span class="navbar-toggler-icon"></span>-->
130+
<!-- </button>-->
131+
<!-- <div class="collapse navbar-collapse" id="navbarCollapse">-->
132+
<!-- <ul class="navbar-nav me-auto mb-2 mb-md-0">-->
133+
<!-- <li class="nav-item">-->
134+
<!-- <a class="nav-link active" aria-current="page" href="#">홈</a>-->
135+
<!-- </li>-->
136+
<!-- <li class="nav-item">-->
137+
<!-- <a class="nav-link" href="/market-list-example">재휴사 리스트</a>-->
138+
<!-- </li>-->
139+
<!-- </ul>-->
140+
<!-- <form class="d-flex">-->
141+
142+
<!-- <% if (userData) { %>-->
143+
<!-- <a href="#" class="btn btn-dark me-2">내 프로필</a>-->
144+
<!-- <a href="/auth/sign-out" class="btn btn-bd-primary me-2">로그아웃</a>-->
145+
146+
<!-- <% } else { %>-->
147+
<!-- <a href="/auth/sign-up" class="btn btn-dark me-2">회원가입</a>-->
148+
<!-- <a href="/auth/sign-in" class="btn btn-bd-primary me-2">로그인</a>-->
149+
<!-- <% } %>-->
150+
<!-- </form>-->
151+
<!-- </div>-->
152+
<!-- </div>-->
153+
<!-- </nav>-->
154+
<%- include('./partials/navbar.ejs') %>
155+
154156
</header>
155157

156158
<main>
@@ -216,7 +218,11 @@
216218
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"/></svg>
217219
<h2 class="fw-normal">[서비스명]</h2>
218220
<p>[서비스명]에 가입해 편리한 학교생활을 누리세요. 학교생활에 도움이 되는 다양한 서비스들을 활용해보세요.</p>
219-
<p><a class="btn btn-secondary" href="/auth/sign-in">가입하기 &raquo;</a></p>
221+
<% if (userData) {%>
222+
<p><a class="btn btn-secondary" href="#">사용하기 &raquo;</a></p>
223+
<%}else{%>
224+
<p><a class="btn btn-secondary" href="/auth/sign-in">가입하기 &raquo;</a></p>
225+
<%}%>
220226
</div><!-- /.col-lg-4 -->
221227
<div class="col-lg-4">
222228
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"/></svg>

‎views/partials/navbar.ejs

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
2+
<div class="container-fluid">
3+
<a class="navbar-brand" href="/home">
4+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2 ar-logo" viewBox="0 0 118 94" role="img"><title>[서비스명]</title></svg>
5+
<span>[사이트명]</span></a>
6+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
7+
<span class="navbar-toggler-icon"></span>
8+
</button>
9+
<div class="collapse navbar-collapse" id="navbarCollapse">
10+
<ul class="navbar-nav me-auto mb-2 mb-md-0">
11+
<li class="nav-item">
12+
<a class="nav-link active" aria-current="page" href="#">홈</a>
13+
</li>
14+
<li class="nav-item">
15+
<a class="nav-link" href="/market-list-example">재휴사 리스트</a>
16+
</li>
17+
</ul>
18+
<form class="d-flex">
19+
20+
<% if (userData) { %>
21+
<a href="#" class="btn btn-dark me-2">내 프로필</a>
22+
<a href="/auth/sign-out" class="btn btn-bd-primary me-2">로그아웃</a>
23+
24+
<% } else { %>
25+
<a href="/auth/sign-up" class="btn btn-dark me-2">회원가입</a>
26+
<a href="/auth/sign-in" class="btn btn-bd-primary me-2">로그인</a>
27+
<% } %>
28+
</form>
29+
</div>
30+
</div>
31+
</nav>

0 commit comments

Comments
 (0)