이승윤 / OpenSource-MyCookBook

Go to a project
Toggle navigation Toggle navigation pinning
이승윤
d7bbfe15 1 parent 79cc4358

style: homePage 스타일 업데이트

Inline Side-by-side
Showing 2 changed files with 27 additions and 26 deletions
<% include ./includes/header.ejs %>
<div style="background-color:lavenderblush;">
<% var count = 0; %>
<h2 style="padding: 30px;">Categories</h2>
<% var count = 0; var collapseCount = 'less';%>
<center>
<div class="accordion w-85" id="accordionExample" style="padding-bottom: 20px;">
<% for (var i in video) { %>
<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 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 class="accordion-item" style="margin: 20px;">
<h2 class="accordion-header" id="<%=video[i].category.title%>">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%=collapseCount%>"
aria-expanded="true" aria-controls="<%=collapseCount%>" style ="padding-top: 30px">
<%=video[i].category.title%>
</button>
</h2>
<div id="<%=collapseCount%>" data-bs-parent="#accordionExample" class="accordion-collapse collapse" aria-labelledby="<%=video[i].category.title%>">
<div class="accordion-body">
<% for (var j in video[i].videos) { %>
<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++;}; %>
</div>
</div>
<%count++;}; %>
</div>
<%collapseCount = collapseCount+ "le";%>
<%};%>
</div>
</center>
</div>
......
......@@ -29,7 +29,7 @@
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item"><a class="nav-link" href="/categori/products">Categori</a></li>
<li class="nav-item"><a class="nav-link" href="/categori/products">Category</a></li>
<% if(isLogin){%>
<li class="nav-item"><a class="nav-link" href="/accounts/logout" onclick="return confirm('로그아웃 하시겠습니까?')">LOGOUT</a></li>
<%}else{%>
......