Skip to content

Commit

Permalink
Added logo and fixed active menu in single blog page
Browse files Browse the repository at this point in the history
  • Loading branch information
@alimusa17
alimusa17 committed Jan 27, 2024
1 parent 7de685a commit 05107b2
Show file tree
Hide file tree
Showing 12 changed files with 59 additions and 29 deletions.
2 changes: 1 addition & 1 deletion .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{
"workbench.preferredDarkColorTheme": "Visual Studio Dark",
"workbench.colorTheme": "Visual Studio Dark"
"workbench.colorTheme": "Default Dark Modern"
}
8 changes: 6 additions & 2 deletions account.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -409,7 +411,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
8 changes: 6 additions & 2 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -496,7 +498,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
8 changes: 6 additions & 2 deletions cart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -425,7 +427,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
8 changes: 6 additions & 2 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -425,7 +427,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan
Expand Down
7 changes: 3 additions & 4 deletions css/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,10 +40,9 @@ p {
margin: 0 auto;
}

.logo {
font-size: 24px;
font-weight: 500;
display: flex;
.logo-img {
width: 70px;
height: 60px;
}

button {
Expand Down
Binary file added img/logo-img.PNG
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 6 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -893,7 +895,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo">
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
15 changes: 7 additions & 8 deletions js/products.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { product1 } from "./glide.js";

let cart = localStorage.getItem("cart")
? JSON.parse(localStorage.getItem("cart"))
: [];
: [];

function addToCart(products) {
const cartItems = document.querySelector(".header-cart-count");
Expand All @@ -27,20 +27,19 @@ function addToCart(products) {
});
}

function productRoute(){
function productRoute() {
const productLink = document.getElementsByClassName("product-link");
Array.from(productLink).forEach((button)=> {
button.addEventListener("click", function(e){
Array.from(productLink).forEach((button) => {
button.addEventListener("click", function (e) {
e.preventDefault();
const id = e.target.dataset.id;
localStorage.setItem("productId", JSON.stringify(id))
localStorage.setItem("productId", JSON.stringify(id));
window.location.href = "single-product.html";
});
})
});
}


function productsFunc(products) {
function productsFunc(products) {
const productsContainer = document.getElementById("product-list");

let results = "";
Expand Down
8 changes: 6 additions & 2 deletions shop.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -679,7 +681,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
8 changes: 6 additions & 2 deletions single-blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -602,7 +604,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down
8 changes: 6 additions & 2 deletions single-product.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,9 @@
<i class="bi bi-list" id="btn-menu"></i>
</div>
<div class="header-left">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="header-center" id="sidebar">
<nav class="navigation">
Expand Down Expand Up @@ -719,7 +721,9 @@ <h3 class="contact-title">
<div class="footer-widgets">
<div class="brand-info">
<div class="footer-logo">
<a href="index.html" class="logo">LOGO</a>
<a class="logo" href="/">
<img class="logo-img" src="img/logo-img.PNG" href="#" alt="logo"></img>
</a>
</div>
<div class="footer-desc">
<p> Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
Expand Down

0 comments on commit 05107b2

Please sign in to comment.