43 lines
1.1 KiB
Plaintext
43 lines
1.1 KiB
Plaintext
<%- include("partials/header") %>
|
|
|
|
<div class="welcome">
|
|
<img src="media/welcome.png">
|
|
</div>
|
|
<div class="space"></div>
|
|
|
|
<div class="products">
|
|
<p>Recently Added:</p>
|
|
<!-- GET LIST OF LISTS -->
|
|
<%
|
|
let productKeys = Object.keys(products)
|
|
let p1 = productKeys.slice(0,5)
|
|
let p2 = productKeys.slice(5,10)
|
|
let p3 = productKeys.slice(10,15)
|
|
let p4 = productKeys.slice(15,20)
|
|
let p5 = productKeys.slice(20,25)
|
|
let productListArray = [p1, p2, p3, p4, p5]
|
|
%>
|
|
|
|
<% productListArray.forEach(rowKeys=>{%>
|
|
<div class="product-list-container">
|
|
<% rowKeys.forEach(function(key){ %>
|
|
<div class="product-container">
|
|
<a href="product?productid=<%=key%>">
|
|
<img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png">
|
|
</a>
|
|
<p class="l"><%= products[key].name%></p>
|
|
<p class="r">£ <%= products[key].price%></p>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
<div class="space"></div>
|
|
<% }) %>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="space"></div>
|
|
</div>
|
|
|
|
</main>
|
|
<%- include("partials/footer") %> |