Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sajal13
Sajal13 committed Feb 14, 2024
1 parent a6f4f2d commit 5729b0f
Show file tree
Hide file tree
Showing 8 changed files with 196 additions and 87 deletions.
66 changes: 48 additions & 18 deletions v1.0.0/assets/css/theme-rtl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21523,6 +21523,36 @@ h5, .h5 {
box-shadow: var(--aranyak-btn-box-shadow);
}

.scroll-to-top {
position: fixed;
left: 2%;
bottom: 5%;
padding: 0;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 218, 145, 0.7);
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
z-index: 1120;
}
.scroll-to-top span {
font-size: 23px;
}
.scroll-to-top:hover {
background-color: rgb(255, 218, 145);
}

/*-----------------------------------------------
| Sidebar
-----------------------------------------------*/
Expand Down Expand Up @@ -22278,31 +22308,31 @@ h5, .h5 {
text-decoration-color: var(--aranyak-gray-link-hover-1100);
}

.sub-nav {
position: fixed;
z-index: 1120 !important;
.navbar {
background-color: #ffda91;
position: sticky;
top: 0;
right: 0;
left: 0;
z-index: 1120;
}
@media (min-width: 992px) {
.sub-nav {
position: relative;
}
}

.navbar {
.navbar .navbar-collapse {
position: fixed;
z-index: 1120 !important;
top: 32px !important;
top: 68px;
right: 0;
left: 0;
padding: 5px 0px !important;
width: 100%;
z-index: 1120;
}
@media (min-width: 768px) {
.navbar .navbar-collapse {
top: 85px;
}
}
@media (min-width: 992px) {
.navbar {
position: sticky;
top: 0 !important;
.navbar .navbar-collapse {
background-color: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
position: static;
}
}

Expand Down
2 changes: 1 addition & 1 deletion v1.0.0/assets/css/theme-rtl.min.css
View file

Large diffs are not rendered by default.

66 changes: 48 additions & 18 deletions v1.0.0/assets/css/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21558,6 +21558,36 @@ h5, .h5 {
box-shadow: var(--aranyak-btn-box-shadow);
}

.scroll-to-top {
position: fixed;
right: 2%;
bottom: 5%;
padding: 0;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 218, 145, 0.7);
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
z-index: 1120;
}
.scroll-to-top span {
font-size: 23px;
}
.scroll-to-top:hover {
background-color: rgb(255, 218, 145);
}

/*-----------------------------------------------
| Sidebar
-----------------------------------------------*/
Expand Down Expand Up @@ -22313,31 +22343,31 @@ h5, .h5 {
text-decoration-color: var(--aranyak-gray-link-hover-1100);
}

.sub-nav {
position: fixed;
z-index: 1120 !important;
.navbar {
background-color: #ffda91;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 1120;
}
@media (min-width: 992px) {
.sub-nav {
position: relative;
}
}

.navbar {
.navbar .navbar-collapse {
position: fixed;
z-index: 1120 !important;
top: 32px !important;
top: 68px;
left: 0;
right: 0;
padding: 5px 0px !important;
width: 100%;
z-index: 1120;
}
@media (min-width: 768px) {
.navbar .navbar-collapse {
top: 85px;
}
}
@media (min-width: 992px) {
.navbar {
position: sticky;
top: 0 !important;
.navbar .navbar-collapse {
background-color: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
position: static;
}
}

Expand Down
2 changes: 1 addition & 1 deletion v1.0.0/assets/css/theme.min.css
View file

Large diffs are not rendered by default.

50 changes: 48 additions & 2 deletions v1.0.0/assets/js/theme.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -434,17 +434,62 @@ var formValidationInit = function formValidationInit() {
});
};
var navbarInit = function navbarInit() {
var navbar = document.querySelector('[data-navbar-soft-on-scroll]');
var navbarContainer = document.querySelector('#navbarSupportedContent');
if (navbar) {
var windowHeight = window.innerHeight;
var handleAlpha = function handleAlpha() {
var scrollTop = window.scrollY;
var alpha = scrollTop / windowHeight * 2;
var opacity;
var blur;
if (alpha <= 0) {
opacity = 1;
blur = 0;
} else if (alpha >= 1) {
opacity = 0.65;
blur = 10;
} else {
opacity = 1 - alpha * 0.5;
blur = alpha * 10;
}
navbar.style.backgroundColor = "rgba(255, 218, 145, ".concat(opacity, ")");
navbarContainer.style.backgroundColor = "rgba(255, 218, 145, ".concat(opacity, ")");
navbar.style.backdropFilter = "blur(".concat(blur, "px)");
navbarContainer.style.backdropFilter = "blur(".concat(blur, "px)");
};
handleAlpha();
document.addEventListener('scroll', function () {
return handleAlpha();
});
}
var navLinks = document.querySelectorAll('.navbar-nav .nav-item');
navLinks.forEach(function (navLink) {
navLink.addEventListener('click', function () {
var navbarToggler = document.querySelector('.navbar-toggler');
var navbarContainer = document.querySelector('#navbarSupportedContent');
navbarToggler.setAttribute('aria-expanded', false);
navbarContainer.classList.remove('show');
navbarToggler.classList.add('collapsed');
});
});
};
var scrollToTopInit = function scrollToTopInit() {
var btn = document.querySelector('.scroll-to-top');
if (btn) {
btn.style.display = 'none';
// eslint-disable-next-line func-names
window.onscroll = function () {
if (window.scrollY > 550) {
btn.style.display = 'block';
} else {
btn.style.display = 'none';
}
};
btn.addEventListener('click', function () {
window.scrollTo(0, 0);
});
}
};

/*-----------------------------------------------
| Swiper
Expand Down Expand Up @@ -480,4 +525,5 @@ docReady(detectorInit);
docReady(navbarInit);
docReady(formValidationInit);
docReady(swiperInit);
docReady(countupInit);
docReady(countupInit);
docReady(scrollToTopInit);
2 changes: 1 addition & 1 deletion v1.0.0/assets/js/theme.min.js
View file

Large diffs are not rendered by default.

65 changes: 34 additions & 31 deletions v1.0.0/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,24 +35,26 @@
<main class="main" id="top">
<div class="bg-white">
<div class="content">
<div class="bg-white p-1 p-lg-2 sub-nav">
<div class="bg-white p-1 p-lg-2">
<div class="container">
<div class="d-flex justify-content-end align-items-center"><a class="ms-2 ms-md-3 submenu" href="#!"><span class="uil uil-bill"></span><span class="ms-1 fs-10 fs-sm-9">sale</span></a><a class="ms-2 ms-md-3 submenu" href="#!"><span class="uil uil-file-heart"></span><span class="ms-1 fs-10 fs-sm-9">wishlist</span></a><a class="ms-2 ms-md-3 submenu" href="#!"><span class="uil uil-shopping-cart"></span><span class="ms-1 fs-10 fs-sm-9">cart</span></a><a class="ms-2 ms-md-3 submenu" href="#!"><span class="uil uil-user-circle"></span><span class="ms-1 fs-10 fs-sm-9">log in/sign up</span></a></div>
</div>
</div>
<nav class="bg-warning navbar navbar-expand-lg py-0 py-lg-1 shadow-sm" id="navbar-top">
<div class="container"><a class="navbar-brand me-lg-auto" href="#"><img class="w-50 w-md-100 img-fluid" src="assets/img/logos/logo.png" alt="" /></a><button class="navbar-toggler border-0 pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse ms-lg-4 ms-xl-9 mt-3 mt-lg-0 d-lg-flex justify-content-between" id="navbarSupportedContent">
<form class="form-inline position-relative w-lg-50"><input class="search fs-8 bg-transparent form-control" type="search" name="search" placeholder="search plants..." />
<div class="search-icon"> <span class="uil uil-search"></span></div>
</form>
<ul class="navbar-nav mt-2 mt-lg-0 ms-lg-4 gap-lg-x1">
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#home" title="home">home</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#about" title="about">about</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#products" title="catalog">catalog</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#review" title="reviews">reviews</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#support" title="support">support</a></li>
</ul>
<nav class="navbar navbar-expand-lg py-1" id="navbar-top" data-navbar-soft-on-scroll="data-navbar-soft-on-scroll">
<div class="container"><a class="navbar-brand me-lg-auto" href="#home"><img class="w-50 w-md-100 img-fluid" src="assets/img/logos/logo.png" alt="" /></a><button class="navbar-toggler border-0 pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="container d-lg-flex justify-content-lg-end pe-lg-0 w-lg-100">
<form class="form-inline position-relative w-lg-50 ms-lg-4 ms-xl-9 mt-3 mt-lg-0"><input class="search fs-8 bg-transparent form-control" type="search" name="search" placeholder="search plants..." />
<div class="search-icon"> <span class="uil uil-search"></span></div>
</form>
<ul class="navbar-nav mt-2 mt-lg-1 ms-lg-4 ms-xl-7 gap-lg-x1">
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#home" title="home">home</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#about" title="about">about</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#products" title="catalog">catalog</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#review" title="reviews">reviews</a></li>
<li class="nav-item"> <a class="nav-link nav-bar-item px-0" href="#support" title="support">support</a></li>
</ul>
</div>
</div>
</div>
</nav>
Expand Down Expand Up @@ -382,45 +384,45 @@ <h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize mb-7 mb-lg-7 text
</div>
</div>
<div class="d-flex flex-column justify-content-between h-100">
<div class="px-x1 py-2"><span class="mb-0" style="color: #5C5C5C;">5 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">4 Ways to Level Up Your Indoor Gardening Game</h2>
<div class="px-x1 pt-2"><span class="mb-0" style="color: #5C5C5C;">5 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-lg-4 blog-title">4 Ways to Level Up Your Indoor Gardening Game</h2>
</div>
<div class="px-x1 py-2">
<div class="px-x1 pb-2 pt-1">
<p class="text-cardText fs-9 fs-md-8 fw-light lh-xl mb-2 line-clamp-2">Indoor gardening is not just about maintaining plants but also about composition and arrangement in a ...</p><a class="fw-bold fs-9 fs-md-8 mb-0 read-more" href="#!">read more...</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_2.png')">
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_3.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Cactus gardening</p>
<p class="fw-semi-bold mb-0">Fruit plant</p>
</div>
</div>
<div class="d-flex flex-column justify-content-between h-100">
<div class="px-x1 py-2"><span class="mb-0" style="color: #5C5C5C;">2 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">Cactus: Some Common Myths and Misconceptions</h2>
<div class="px-x1 pt-2"><span class="mb-0" style="color: #5C5C5C;">2 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-lg-4 blog-title">6 reasons to reconsider where to plant your next fruit tree</h2>
</div>
<div class="px-x1 py-2">
<p class="text-cardText fs-9 fs-md-8 fw-light lh-xl mb-2 line-clamp-2">Cactus Plants symbolize endurance, persistence, &amp; toughness. Gifting someone a cactus plant means ...</p><a class="fw-bold fs-9 fs-md-8 mb-0 read-more" href="#!">read more...</a>
<div class="px-x1 pb-2 pt-1">
<p class="text-cardText fs-9 fs-md-8 fw-light lh-xl mb-2 line-clamp-2">Growing fruit trees indoors means you get to control everything from the light to humidity, right down to ....</p><a class="fw-bold fs-9 fs-md-8 mb-0 read-more" href="#!">read more...</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_3.png')">
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_2.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Fruit plant</p>
<p class="fw-semi-bold mb-0">Cactus gardening</p>
</div>
</div>
<div class="d-flex flex-column justify-content-between h-100">
<div class="px-x1 py-2"><span class="mb-0" style="color: #5C5C5C;">2 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">6 reasons to reconsider where to plant your next fruit tree</h2>
<div class="px-x1 pt-2"><span class="mb-0" style="color: #5C5C5C;">2 mins read</span>
<h2 class="text-success fw-semi-bold text-capitalize mb-lg-4 blog-title">Cactus: Some Common Myths and Misconceptions</h2>
</div>
<div class="px-x1 py-2">
<p class="text-cardText fs-9 fs-md-8 fw-light lh-xl mb-2 line-clamp-2">Growing fruit trees indoors means you get to control everything from the light to humidity, right down to ....</p><a class="fw-bold fs-9 fs-md-8 mb-0 read-more" href="#!">read more...</a>
<div class="px-x1 pb-2 pt-1">
<p class="text-cardText fs-9 fs-md-8 fw-light lh-xl mb-2 line-clamp-2">Cactus Plants symbolize endurance, persistence, &amp; toughness. Gifting someone a cactus plant means ...</p><a class="fw-bold fs-9 fs-md-8 mb-0 read-more" href="#!">read more...</a>
</div>
</div>
</div>
Expand All @@ -441,7 +443,7 @@ <h1 class="fs-5 fs-lg-4 fs-xl-3 text-secondary text-capitalize fw-light mt-3 mb-
</div>
</div>
</section>
</div>
</div><button class="btn scroll-to-top"><span class="uil uil-angle-up text-white"></span></button>
<footer class="Footer" style="background-image: url('assets/img/illustrations/BOTTOM.png')">
<div class="pb-x1 px-3 px-lg-0">
<div class="container">
Expand Down Expand Up @@ -473,7 +475,8 @@ <h3 class="fs-9 fs-md-8 fw-bold mb-0" style="color: #FFF0D3;">User Account</h3>
<div class="col-12 col-md-4">
<div class="row g-4 g-sm-6 g-md-0">
<div class="col-6 col-md-12 mb-md-7">
<h3 class="fs-9 fs-md-8 fw-bold mb-3" style="color: #FFF0D3;">Follow Us At</h3><a class="social-icon me-2" href="#!"><span class="uil uil-facebook fs-8"></span></a><a class="social-icon me-2" href="#!"><span class="uil uil-linkedin fs-8"></span></a><a class="social-icon me-2" href="#!"><span class="uil uil-youtube fs-8"></span></a><a class="social-icon" href="#!"><span class="uil uil-twitter fs-8"></span></a>
<h3 class="fs-9 fs-md-8 fw-bold mb-3" style="color: #FFF0D3;">Follow Us At</h3>
<div class="d-flex align-items-center"> <a class="social-icon me-2" href="#!"><span class="uil uil-facebook fs-8"></span></a><a class="social-icon me-2" href="#!"><span class="uil uil-linkedin fs-8"></span></a><a class="social-icon me-2" href="#!"><span class="uil uil-youtube fs-8"></span></a><a class="social-icon" href="#!"><span class="uil uil-twitter fs-8"></span></a></div>
</div>
<div class="col-6 col-md-12">
<div class="mb-3">
Expand Down
Loading

0 comments on commit 5729b0f

Please sign in to comment.