Skip to content

M
makura-2025
Commit a3f8db7b by Arjun Jhukal
Options

updated the fixes

parent 50b21f92
Showing with 57 additions and 21 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/script.js
...@@ -137,19 +137,22 @@ ...@@ -137,19 +137,22 @@
entries.forEach((entry) => { entries.forEach((entry) => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
$(".toc h6").show(); $(".toc h6").show();
console.log("is intersecting")
} else { } else {
$(".toc h6").hide(); $(".toc h6").hide();
console.log("is not intersecting")
} }
}); });
}, },
{ {
threshold: 0.1, threshold: 0.3,
}, },
); );
const sections = [ const sections = [
document.querySelector(".BLOGDETAIL-LIST-ITEM-SECTION"), document.querySelector(".BLOGDETAIL-LIST-ITEM-SECTION"),
document.querySelector(".BLOGLISTING-LIST-ITEM-SECTION"), document.querySelector(".BLOGLISTING-LIST-ITEM-SECTION"),
document.querySelector(".case-study-general"),
]; ];
sections.length && sections.length &&
sections.forEach((section) => { sections.forEach((section) => {
......
blocks/case-study/case-study-listing.php
...@@ -5,29 +5,35 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $ ...@@ -5,29 +5,35 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $
$terms = get_terms('case-study-category'); $terms = get_terms('case-study-category');
if ($terms) : if ($terms) :
?> ?>
<section class="case-study-filter background-dark mb-60 ABOUT TOP-BANNER-SECTION"> <section class="case-study-filter background-dark ABOUT TOP-BANNER-SECTION">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<?php foreach ($terms as $key => $term) : ?> <?php foreach ($terms as $key => $term) : ?>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link <?php echo $key == 0 ? 'active' : ''; ?>" id="pills-<?php echo $term->slug; ?>-tab" data-bs-toggle="pill" data-bs-target="#pills-<?php echo $term->slug; ?>" type="button" role="tab" aria-controls="pills-<?php echo $term->slug; ?>" aria-selected="<?php echo $key == 0 ? true : false; ?>"><?php echo $term->name; ?></button> <button class="nav-link <?php echo $key == 0 ? 'active' : ''; ?>"
id="pills-<?php echo $term->slug; ?>-tab" data-bs-toggle="pill"
data-bs-target="#pills-<?php echo $term->slug; ?>" type="button" role="tab"
aria-controls="pills-<?php echo $term->slug; ?>"
aria-selected="<?php echo $key == 0 ? true : false; ?>"><?php echo $term->name; ?></button>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="container-fluid HOME OUR-MOST-RECENT-WORKS mb-60"> <section class="container-fluid HOME OUR-MOST-RECENT-WORKS mb-60 case-study-listing">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="tabs-wrapper"> <div class="tabs-wrapper">
<div class="tab-content" id="pills-tabContent"> <div class="tab-content" id="pills-tabContent">
<?php foreach ($terms as $key => $term) : ?> <?php foreach ($terms as $key => $term) : ?>
<?php $total_items = 0; ?> <?php $total_items = 0; ?>
<div class="tab-pane fade <?php echo $key == 0 ? 'show active' : ''; ?>" id="pills-<?php echo $term->slug; ?>" role="tabpanel" aria-labelledby="pills-<?php echo $term->slug; ?>-tab" tabindex="0"> <div class="tab-pane fade <?php echo $key == 0 ? 'show active' : ''; ?>"
id="pills-<?php echo $term->slug; ?>" role="tabpanel"
aria-labelledby="pills-<?php echo $term->slug; ?>-tab" tabindex="0">
<div class="row" id="append_<?php echo $term->slug; ?>"> <div class="row" id="append_<?php echo $term->slug; ?>">
<?php $wp_query = new WP_Query([ <?php $wp_query = new WP_Query([
'post_type' => 'case-study', 'post_type' => 'case-study',
...@@ -55,11 +61,12 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $ ...@@ -55,11 +61,12 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $
<div class="col-lg-4 col-md-6 "> <div class="col-lg-4 col-md-6 ">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo esc_url($post_thumbnail); ?>" alt="<?php echo esc_attr($post_title); ?>" <img src="<?php echo esc_url($post_thumbnail); ?>"
class="img-fluid"> alt="<?php echo esc_attr($post_title); ?>" class="img-fluid">
</a> </a>
<div class="csc-content"> <div class="csc-content">
<a href="<?php echo esc_url($post_link); ?>" class="title d-flex justify-content-between"> <a href="<?php echo esc_url($post_link); ?>"
class="title d-flex justify-content-between">
<span><?php echo $post_title; ?></span> <span><?php echo $post_title; ?></span>
<span> <span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
...@@ -100,8 +107,11 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $ ...@@ -100,8 +107,11 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $
</svg> </svg>
<?php else: ?> <?php else: ?>
<!-- SVG for other status --> <!-- SVG for other status -->
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
<path d="M3.25391 10.3564C3.26965 10.5226 3.33598 10.6794 3.44336 10.8076L3.50098 10.8691L3.50391 10.8721L7.87891 15.0088L7.94336 15.0635C8.09928 15.1843 8.29304 15.25 8.49219 15.25C8.69157 15.25 8.88596 15.1845 9.04199 15.0635L9.10547 15.0088L13.4766 10.874L13.4775 10.875C13.5616 10.7983 13.6297 10.7059 13.6768 10.6025C13.7121 10.5247 13.7355 10.4419 13.7451 10.3574L13.75 10.2734C13.751 10.1597 13.7278 10.0468 13.6826 9.94238C13.6488 9.86423 13.6034 9.79176 13.5479 9.72754L13.4883 9.66602C13.4056 9.58794 13.3084 9.5265 13.2021 9.48535C13.0957 9.44417 12.9815 9.42387 12.8672 9.4248L12.7822 9.42969C12.6972 9.4384 12.6135 9.45899 12.5342 9.49121L12.457 9.52734C12.3814 9.56686 12.312 9.61702 12.251 9.67676L9.36719 12.4023V2.59082C9.36716 2.39168 9.29417 2.20185 9.16504 2.05273L9.10645 1.99121C8.94141 1.83518 8.71987 1.75 8.49219 1.75C8.26467 1.75003 8.04388 1.83536 7.87891 1.99121L7.82031 2.05273C7.691 2.2019 7.61721 2.39152 7.61719 2.59082L7.61719 12.4023L4.73047 9.67383L4.72754 9.66992H4.72656C4.56085 9.51903 4.34188 9.43761 4.11719 9.43945L4.0332 9.44336C3.83863 9.46307 3.6544 9.54584 3.51172 9.68066L3.45313 9.74121C3.32525 9.88851 3.25185 10.0756 3.25 10.2725L3.25391 10.3564Z" fill="#25D60D" stroke="#25D60D" stroke-width="0.5" /> xmlns="http://www.w3.org/2000/svg">
<path
d="M3.25391 10.3564C3.26965 10.5226 3.33598 10.6794 3.44336 10.8076L3.50098 10.8691L3.50391 10.8721L7.87891 15.0088L7.94336 15.0635C8.09928 15.1843 8.29304 15.25 8.49219 15.25C8.69157 15.25 8.88596 15.1845 9.04199 15.0635L9.10547 15.0088L13.4766 10.874L13.4775 10.875C13.5616 10.7983 13.6297 10.7059 13.6768 10.6025C13.7121 10.5247 13.7355 10.4419 13.7451 10.3574L13.75 10.2734C13.751 10.1597 13.7278 10.0468 13.6826 9.94238C13.6488 9.86423 13.6034 9.79176 13.5479 9.72754L13.4883 9.66602C13.4056 9.58794 13.3084 9.5265 13.2021 9.48535C13.0957 9.44417 12.9815 9.42387 12.8672 9.4248L12.7822 9.42969C12.6972 9.4384 12.6135 9.45899 12.5342 9.49121L12.457 9.52734C12.3814 9.56686 12.312 9.61702 12.251 9.67676L9.36719 12.4023V2.59082C9.36716 2.39168 9.29417 2.20185 9.16504 2.05273L9.10645 1.99121C8.94141 1.83518 8.71987 1.75 8.49219 1.75C8.26467 1.75003 8.04388 1.83536 7.87891 1.99121L7.82031 2.05273C7.691 2.2019 7.61721 2.39152 7.61719 2.59082L7.61719 12.4023L4.73047 9.67383L4.72754 9.66992H4.72656C4.56085 9.51903 4.34188 9.43761 4.11719 9.43945L4.0332 9.44336C3.83863 9.46307 3.6544 9.54584 3.51172 9.68066L3.45313 9.74121C3.32525 9.88851 3.25185 10.0756 3.25 10.2725L3.25391 10.3564Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg> </svg>
<?php endif; ?> <?php endif; ?>
</h4> </h4>
...@@ -124,11 +134,16 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $ ...@@ -124,11 +134,16 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $
endif; ?> endif; ?>
</div> </div>
<?php if ($total_items > 6) : ?> <?php if ($total_items > 6) : ?>
<button data-cat="<?php echo $term->slug; ?>" class="btn m-auto d-flex align-items-center start-project btn-start-project-white load-more-content fpData" id="fpData"> <button data-cat="<?php echo $term->slug; ?>"
class="btn m-auto d-flex align-items-center start-project btn-start-project-white load-more-content fpData"
id="fpData">
<span class="loaded"> <span class="loaded">
Load More Load More
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z" fill="white" /> xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white" />
</svg> </svg>
</span> </span>
<span class="load"> <span class="load">
...@@ -148,7 +163,7 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $ ...@@ -148,7 +163,7 @@ if (!empty($enable_case_study_listing) && isset($enable_case_study_listing) && $
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<?php endif; <?php endif;
endif; ?> endif; ?>
<!-- !Case Study Listing --> <!-- !Case Study Listing -->
\ No newline at end of file
dev/sass/base/_base.scss
...@@ -652,8 +652,8 @@ ul { ...@@ -652,8 +652,8 @@ ul {
.fixed-button-wrapper { .fixed-button-wrapper {
position: fixed; position: fixed;
z-index: 99; z-index: 99;
bottom: 20px; bottom: 80px;
right: 2%; right: 8px;
} }
#return-to-top { #return-to-top {
......
dev/sass/base/_footer.scss
...@@ -398,7 +398,7 @@ ...@@ -398,7 +398,7 @@
transform: translateX(-50%); transform: translateX(-50%);
span { span {
font-size: 24px; font-size: 20px;
line-height: 180%; line-height: 180%;
font-weight: 800; font-weight: 800;
letter-spacing: 0px; letter-spacing: 0px;
...@@ -421,6 +421,12 @@ ...@@ -421,6 +421,12 @@
} }
} }
} }
.scroll-animate {
span {
font-size: 24px;
}
}
} }
@media (min-width:768px) { @media (min-width:768px) {
...@@ -431,7 +437,7 @@ ...@@ -431,7 +437,7 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
.footer-link-wrapper.location-wrapper { .footer-link-wrapper.location-wrapper {
height: 100%; // height: 100%;
grid-column: 1/-1; grid-column: 1/-1;
} }
} }
......
dev/sass/pages/case-study/_case-study-filter.scss
.case-study-filter { .case-study-filter {
padding-bottom: 0 !important;
ul { ul {
&.nav { &.nav {
margin-bottom: 0; margin-bottom: 0;
// gap: 44px; // gap: 44px;
border-top: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 !important; padding: 0 !important;
overflow: hidden !important;
li { li {
list-style-type: none; list-style-type: none;
margin-bottom: 0 !important;
a, a,
button { button {
......
dev/sass/pages/case-study/_case-study-general.scss
...@@ -43,7 +43,10 @@ ...@@ -43,7 +43,10 @@
} }
.case-study-general-content { .case-study-general-content {
h2 {
h2,
h3,
h4 {
margin-bottom: 16px; margin-bottom: 16px;
&:not(:first-child) { &:not(:first-child) {
...@@ -51,6 +54,8 @@ ...@@ -51,6 +54,8 @@
} }
} }
p, p,
ul, ul,
ol, ol,
...@@ -165,7 +170,9 @@ ...@@ -165,7 +170,9 @@
padding-left: 24px; padding-left: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1);
h2 { h2,
h3,
h4 {
&:not(:first-child) { &:not(:first-child) {
margin-top: 72px; margin-top: 72px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment