이승윤 / OpenSource-MyCookBook

Go to a project
Toggle navigation Toggle navigation pinning
이승윤
71e2ebad 2 parents de34a2e1 d7bbfe15

Merge branch 'style/home' into 'develop' 

style: homePage 스타일 업데이트



See merge request !14
Inline Side-by-side
Showing 2 changed files with 27 additions and 26 deletions
1 <% include ./includes/header.ejs %> 1 <% include ./includes/header.ejs %>
2 <div style="background-color:lavenderblush;"> 2 <div style="background-color:lavenderblush;">
3 - <% var count = 0; %> 3 + <h2 style="padding: 30px;">Categories</h2>
4 + <% var count = 0; var collapseCount = 'less';%>
4 <center> 5 <center>
6 + <div class="accordion w-85" id="accordionExample" style="padding-bottom: 20px;">
5 <% for (var i in video) { %> 7 <% for (var i in video) { %>
6 - <div style ="color:gray; font-weight:bold; font-size:2.0em; margin-left: 30px; padding-top: 30px"> 8 + <div class="accordion-item" style="margin: 20px;">
7 - <div style="width: 100%; 9 + <h2 class="accordion-header" id="<%=video[i].category.title%>">
8 - max-width: 7rem; 10 + <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%=collapseCount%>"
9 - height: 0.25rem; 11 + aria-expanded="true" aria-controls="<%=collapseCount%>" style ="padding-top: 30px">
10 - background-color: #2c3e50; 12 + <%=video[i].category.title%>
11 - border-radius: 1rem; 13 + </button>
12 - border-color: #2c3e50 !important;"></div> 14 + </h2>
13 - <%=video[i].category.title%> 15 + <div id="<%=collapseCount%>" data-bs-parent="#accordionExample" class="accordion-collapse collapse" aria-labelledby="<%=video[i].category.title%>">
14 - <div style="width: 100%; 16 + <div class="accordion-body">
15 - max-width: 7rem; 17 + <% for (var j in video[i].videos) { %>
16 - height: 0.25rem; 18 + <div class="card" style="width: 55rem; margin-bottom: 15px; margin-top: 15px;">
17 - background-color: #2c3e50; 19 + <div class="card-top" id="<%=count%>" vid="<%=video[i].videos[j].video_id%>" style="margin: 30px;">
18 - border-radius: 1rem; 20 + </div>
19 - border-color: #2c3e50 !important;"></div> 21 + <div class="card-body">
20 - </div> 22 + <h5 class="card-title"><%=video[i].videos[j].title%></h5>
21 - <% for (var j in video[i].videos) { %> 23 + <p class="card-text">해당 영상에 대한 메모를 여기에 출력.
22 - <div class="card" style="width: 55rem; margin-bottom: 15px; margin-top: 15px;"> 24 + </p>
23 - <div class="card-top" id="<%=count%>" vid="<%=video[i].videos[j].video_id%>" style="margin: 30px;"> 25 + </div>
24 - </div> 26 + </div>
25 - <div class="card-body"> 27 + <%count++;}; %>
26 - <h5 class="card-title"><%=video[i].videos[j].title%></h5>
27 - <p class="card-text">해당 영상에 대한 메모를 여기에 출력.
28 - </p>
29 </div> 28 </div>
30 </div> 29 </div>
31 - <%count++;}; %> 30 + </div>
31 + <%collapseCount = collapseCount+ "le";%>
32 <%};%> 32 <%};%>
33 + </div>
33 </center> 34 </center>
34 </div> 35 </div>
35 36
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 <li class="nav-item"> 29 <li class="nav-item">
30 <a class="nav-link" href="/">Home</a> 30 <a class="nav-link" href="/">Home</a>
31 </li> 31 </li>
32 - <li class="nav-item"><a class="nav-link" href="/categori/products">Categori</a></li> 32 + <li class="nav-item"><a class="nav-link" href="/categori/products">Category</a></li>
33 <% if(isLogin){%> 33 <% if(isLogin){%>
34 <li class="nav-item"><a class="nav-link" href="/accounts/logout" onclick="return confirm('로그아웃 하시겠습니까?')">LOGOUT</a></li> 34 <li class="nav-item"><a class="nav-link" href="/accounts/logout" onclick="return confirm('로그아웃 하시겠습니까?')">LOGOUT</a></li>
35 <%}else{%> 35 <%}else{%>
......