Skip to content

M
makura-2025
Commit 399c0e07 by rajshah
Options

Merge branch 'dev' of gitlab.makuracreations.xyz:rajshah/makura-2025 into dev

parents 60464319 5169d410
Showing with 400 additions and 159 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/style.js
......@@ -4,17 +4,19 @@
$(this).parent(".accordion-item").addClass("classColor");
});
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
var tooltipTriggerList = [].slice.call(
document.querySelectorAll('[data-bs-toggle="tooltip"]'),
);
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
$(".accordion-header").click(function (index) {
if ($(this).siblings(".accordion-collapse").hasClass("show"));
$(this).parent(".accordion-item").toggleClass("classColor");
});
$('.counter').countUp();
$(".counter").countUp();
// trip planner step fieldset
var current_fs, next_fs, previous_fs;
......@@ -42,7 +44,6 @@ var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
// current_fs.hide();
// })
console.log($(".experience").length);
if ($(".experience").length == 1) {
document.addEventListener("DOMContentLoaded", () => {
......@@ -136,7 +137,7 @@ var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
{
scrollTop: $(".expandable-text").offset().top - 200,
},
1000
1000,
);
});
......@@ -157,7 +158,7 @@ var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
{
scrollTop: $(".expandable-text-accordion").offset().top - 200,
},
1000
1000,
);
});
......@@ -409,20 +410,20 @@ var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
.scroll();
// sticky nav
// $(function () {
// var header = $(".navbar");
// $(window).scroll(function () {
// var scroll = $(window).scrollTop();
// if (scroll >= 200) {
// header.addClass("sticky-top");
// } else {
// header.removeClass("sticky-top");
// }
// });
// });
// $(function () {
// var header = $(".navbar");
// $(window).scroll(function () {
// var scroll = $(window).scrollTop();
// if (scroll >= 200) {
// header.addClass("sticky-top");
// } else {
// header.removeClass("sticky-top");
// }
// });
// });
var lastScrollTop = 0;
$(window).scroll(function(event) {
$(window).scroll(function (event) {
var thisValue = $(this).scrollTop();
if (thisValue == 0) {
$(".navbar").removeClass("sticky-top");
......@@ -432,8 +433,7 @@ $(window).scroll(function(event) {
$(".navbar").addClass("sticky-top");
}
lastScrollTop = thisValue;
});
});
$(".button-close").click(function () {
$(".modal-dialog").addClass("addCss");
......@@ -490,31 +490,73 @@ $(window).scroll(function(event) {
});
jQuery(document).ready(function ($) {
jQuery('img').removeAttr('width').removeAttr('height');
});
$('.fpData').click(function () {
jQuery("img").removeAttr("width").removeAttr("height");
});
$(".fpData").click(function () {
var button = $(this);
var dataCatValue = $(this).data('cat');
button.addClass('loading')
var dataCatValue = $(this).data("cat");
button.addClass("loading");
console.log(dataCatValue);
$.ajax({
url: frontend_ajax_object.ajaxurl,
method: 'POST',
dataType: 'json',
method: "POST",
dataType: "json",
data: {
action: 'get_fetch_more_portfolios',
data_cat: dataCatValue
action: "get_fetch_more_portfolios",
data_cat: dataCatValue,
},
success: function (response) {
button.remove();
// Handle the response here
console.log(response.html);
$('#append_' + dataCatValue).append(response.html);
$("#append_" + dataCatValue).append(response.html);
},
error: function (xhr, status, error) {
// Handle errors
console.log(error);
},
});
});
$(function () {
$(".custom-overlay").on("click", function (e) {
e.preventDefault();
$("body").removeClass("overflow-hidden");
$(".download-popup").removeClass("active");
$(this).removeClass("active");
});
$(".download-seo-audit").on("click", function (e) {
e.preventDefault();
$("body").addClass("overflow-hidden");
$(".download-popup").addClass("active");
$(".custom-overlay").addClass("active");
$(".close-download-popup").on("click", function (e) {
e.preventDefault();
$("body").removeClass("overflow-hidden");
$(".download-popup").removeClass("active");
$(".custom-overlay").removeClass("active");
});
});
});
/* Table of Content */
function sanitizeTitle(text) {
return text
.toString()
.trim() // Remove leading and trailing whitespace
.toLowerCase() // Convert to lowercase
.replace(/[^a-z0-9\s-]/g, "") // Remove special characters
.replace(/\s+/g, "-") // Replace spaces with hyphens
.replace(/-+/g, "-"); // Remove multiple consecutive hyphens
}
$(function () {
$(".blog-detail-content h2, .blog-detail-content h3").each(function () {
var text = $(this).text();
var sanitizedText = sanitizeTitle(text);
$(this).attr("id", sanitizedText);
});
});
})(jQuery);
blocks/custom-banner-with-right-image.php
<?php if(get_field('enable_section')):?>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-12">
......
blocks/seo/hero.php
......@@ -11,7 +11,7 @@ if (isset($hero) && is_array($hero) && !empty($hero)):
$hero_v = $hero['hero_v'];
if ($hero_v):
?>
<section class="AUDIT-INTRO pb-40">
<section class="AUDIT-INTRO pb-40">
<div class="container">
<div class="ai-content">
<div class="section-title top-title">
......@@ -42,16 +42,23 @@ if (isset($hero) && is_array($hero) && !empty($hero)):
</div>
</div>
</div>
</section>
<?php else: ?>
<section class="AUDIT-INNER-BANNER pb-40">
</section>
<?php else: ?>
<section class="AUDIT-INNER-BANNER pb-40">
<div class="container">
<!-- <a href="#" class="btn-outlined back-btn d-inline-block" onclick="history.back()">Go Back</a> -->
<!-- <a href="#" class="btn-outlined back-btn d-inline-block" onclick="history.back()">
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.987632 6.32235L0.987618 6.32236C0.807959 6.50208 0.707031 6.74579 0.707031 6.9999C0.707031 7.25402 0.807959 7.49773 0.987618 7.67745L0.987632 7.67746L6.82096 13.5108L6.82095 13.5108L6.82251 13.5123C7.00326 13.6869 7.24534 13.7835 7.49661 13.7813C7.74788 13.7791 7.98824 13.6783 8.16592 13.5006C8.34361 13.323 8.44439 13.0826 8.44658 12.8313C8.44876 12.5801 8.35217 12.338 8.1776 12.1572L8.17761 12.1572L8.17607 12.1557L3.97863 7.95824H18.3319C18.586 7.95824 18.8298 7.85727 19.0095 7.67755C19.1892 7.49783 19.2902 7.25407 19.2902 6.9999C19.2902 6.74574 19.1892 6.50198 19.0095 6.32226C18.8298 6.14254 18.586 6.04157 18.3319 6.04157H3.97863L8.17533 1.84487C8.26648 1.75663 8.33921 1.65116 8.38929 1.53458C8.43951 1.41766 8.46595 1.29191 8.46706 1.16466C8.46816 1.03741 8.44392 0.911218 8.39573 0.793443C8.34754 0.675668 8.27638 0.568668 8.1864 0.478687C8.09642 0.388707 7.98942 0.317547 7.87165 0.269362C7.75387 0.221176 7.62768 0.196928 7.50043 0.198034C7.37319 0.19914 7.24743 0.225577 7.13051 0.275802C7.01394 0.325879 6.90847 0.398603 6.82023 0.489753L0.987632 6.32235Z"
fill="white" stroke="white" stroke-width="0.25" />
</svg>
Go Back</a> -->
<div class="top-title">
<?php if (!empty($hero_title)): ?>
<h1><?php echo $hero_title; ?></h1><?php endif; ?>
</div>
</div>
</section>
<?php endif; endif; endif; ?>
</section>
<?php endif; endif; endif; ?>
<!-- !Seo - Hero Section -->
\ No newline at end of file
dev/sass/pages/_blog.scss
......@@ -38,7 +38,8 @@
a {
color: #1215269b;
}
&:hover {
&:hover,
&.current-cat {
a {
color: #005aff;
}
......@@ -106,6 +107,11 @@
h6 {
font-size: 1.5rem;
margin-bottom: 1.25rem;
scroll-margin-top: 150px;
&:target::before {
content: unset;
}
}
.image-wrapper {
img {
......
dev/sass/pages/site-comparision/_inner-banner.scss
......@@ -9,12 +9,29 @@
margin-bottom: 52px;
min-width: unset;
&::before {
content: "";
width: 18px;
height: 13px;
display: inline-block;
background: url(../img/arrow-back.svg) no-repeat center/contain;
&:hover {
background-color: $white !important;
color: $primary !important;
svg {
path {
stroke: $primary;
fill: $primary !important;
}
}
}
.COMPARISON-FORM .section-title {
margin-bottom: 24px;
}
// &::before {
// content: "";
// width: 18px;
// height: 13px;
// display: inline-block;
// background: url(../img/arrow-back.svg) no-repeat center/contain;
// margin-right: 12px;
// }
svg {
margin-right: 12px;
}
}
......
dev/sass/style.scss
......@@ -4,7 +4,8 @@ $theme-colors: (
"secondary": #f9f8f4,
"dark": #000000,
"light": #f6f8f9,
"grey": #58595a
"grey": #58595a,
"red": #f71d24
);
//colors
......@@ -14,6 +15,7 @@ $secondary: #f9f8f4;
$background-dark: #121526;
$primary-second: #005aff;
$grey: #58595a;
$red: #f71d24;
//fonts
$body-font: "Sora", sans-serif;
......@@ -34,3 +36,22 @@ $body-font: "Sora", sans-serif;
@import "pages/service";
@import "pages/course-detail";
@import "pages/responsive";
@import "base/global";
@import "pages/service-detail/service-lisiting";
@import "pages/service-detail/service-plans";
@import "pages/service-detail/service-detail-form";
@import "pages/portfolio-detail/portfolio-gallery";
@import "pages/portfolio-detail/portfolio-icon-and-typo";
@import "pages/portfolio-detail/portfolio-icon-list";
@import "pages/portfolio-detail/portfolio-intro";
@import "pages/portfolio-detail/portfolio-mockup";
@import "pages/portfolio-detail/portfolio-single-image";
@import "pages/portfolio-detail/portfolio-single-image";
@import "pages/portfolio-detail/portfolio-testimonial";
@import "pages/portfolio-detail/portfolio-title-desc";
@import "pages/portfolio-detail/related-portfolio";
@import "pages/seo-audit/audit-intro";
@import "pages/seo-audit/audit-toolbox";
@import "pages/seo-audit/audit-quote";
@import "pages/site-comparision/inner-banner";
@import "pages/site-comparision/comparison-form";
footer.php
......@@ -231,7 +231,7 @@
</a>
<div class="whats-app-icon-wrapper">
<a href="https://wa.me/<?php echo $whatsapp ?>" target="_blank">
<a href="https://wa.me/<?php echo get_field('whats_app_number', 'option'); ?>" target="_blank">
<svg width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z"
......@@ -246,6 +246,66 @@
</div>
</div>
<div class="download-popup">
<div class="dp-content-box">
<div class="top-title section-title d-flex justify-content-between align-items-start">
<div class="title">
<h2>Get Your Free SEO Audit Delivered to Your Inbox</h2>
<p class="d-none d-md-block">Fill out the form, and we'll send you a detailed SEO audit directly to your email,
helping you improve your
website's performance.
</p>
</div>
<button type="button" class="close-download-popup">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/x-mark.svg" alt="">
</button>
</div>
<div class="form-content-box">
<div class="row">
<div class="col-sm-6">
<div class="input-field">
<label>Full Name</label>
<input type="text" placeholder="Enter your Full Name ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Phone Number (Optional)</label>
<input type="text" placeholder="Enter your Phone Number">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Enter your Email Address</label>
<input type="text" placeholder="Enter your Email Address ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Company Name</label>
<input type="text" placeholder="Enter the Name of your Company">
</div>
</div>
<div class="col">
<div class="input-field">
<label>Message (optional)</label>
<textarea rows="3" placeholder="Enter the message you want us to send"></textarea>
</div>
</div>
</div>
<div class="submit-field ">
<input type="submit" value="Submit">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
fill="white" />
</svg>
</div>
</div>
</div>
</div>
<a href="#" class="custom-overlay"></a>
<?php wp_footer() ?>
</body>
......
includes/gutenberg/blocks.php
......@@ -17,8 +17,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
// Welcome Banner Spider Block
......@@ -33,8 +33,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
// Partners Carousel Block
......@@ -49,8 +49,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
// Text Image Block
......@@ -65,8 +65,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -81,8 +81,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -97,8 +97,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -113,8 +113,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -129,8 +129,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -145,8 +145,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -161,8 +161,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -177,8 +177,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -193,8 +193,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -209,8 +209,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -225,8 +225,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -241,8 +241,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -257,8 +257,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -273,8 +273,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -289,8 +289,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -305,8 +305,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -321,8 +321,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -337,8 +337,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
acf_register_block_type(array(
......@@ -352,8 +352,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -368,8 +368,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -384,8 +384,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -402,8 +402,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -418,8 +418,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -434,8 +434,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -450,8 +450,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -466,8 +466,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -482,8 +482,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -498,8 +498,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -514,8 +514,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -530,8 +530,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
acf_register_block_type(array(
......@@ -545,8 +545,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -561,8 +561,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -577,8 +577,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -593,8 +593,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -609,8 +609,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -625,8 +625,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -641,8 +641,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
......@@ -657,8 +657,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
acf_register_block_type(array(
......@@ -672,8 +672,8 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
acf_register_block_type(array(
......@@ -687,8 +687,72 @@ function my_acf_init_block_types()
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
'data' => [],
],
],
));
// SEO - Hero Section
acf_register_block_type(array(
'name' => 'Hero Section',
'title' => __('Hero Section'),
'description' => __('Hero Section for SEO Pages'),
'render_template' => 'blocks/seo/hero.php',
'category' => 'formatting',
'icon' => file_get_contents(get_template_directory() . '/assets/img/makura.svg'),
'keywords' => array('Hero Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => [],
],
],
));
// SEO - Icon Box Section
acf_register_block_type(array(
'name' => 'SEO - Icon Box Section',
'title' => __('SEO - Icon Box Section'),
'description' => __('SEO - Icon Box Section for SEO Pages'),
'render_template' => 'blocks/seo/icon-box.php',
'category' => 'formatting',
'icon' => file_get_contents(get_template_directory() . '/assets/img/makura.svg'),
'keywords' => array('SEO - Icon Box Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => [],
],
],
));
// SEO - Quote Section
acf_register_block_type(array(
'name' => 'SEO - Quote Section',
'title' => __('Quote Block'),
'description' => __('SEO - Quote Section for SEO Pages'),
'render_template' => 'blocks/seo/quote.php',
'category' => 'formatting',
'icon' => file_get_contents(get_template_directory() . '/assets/img/makura.svg'),
'keywords' => array('SEO - Quote Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => [],
],
],
));
// SEO - Competitive Analysis Form Block
acf_register_block_type(array(
'name' => 'SEO - Competitive Analysis Form Block',
'title' => __('Competitive Analysis Form Block'),
'description' => __('SEO - Competitive Analysis Form Block for SEO Pages'),
'render_template' => 'blocks/seo/compare.php',
'category' => 'formatting',
'icon' => file_get_contents(get_template_directory() . '/assets/img/makura.svg'),
'keywords' => array('SEO - Competitive Analysis Form Block'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => [],
],
],
));
}
......
single-post.php
......@@ -55,8 +55,7 @@ get_header();
echo $reading_time; ?> mins read
</div>
<div class="d-flex views">
<svg class="me-2" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg class="me-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 5.25C4.5 5.25 1.5 12 1.5 12C1.5 12 4.5 18.75 12 18.75C19.5 18.75 22.5 12 22.5 12C22.5 12 19.5 5.25 12 5.25Z"
stroke="#F9F8F4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
......@@ -84,20 +83,49 @@ get_header();
<div class="blog-side-bar blog-detail-side-bar">
<div class="back-to-blog font-16 fw-600">
<a href="<?php echo get_home_url() . '/blogs/'; ?>">
<svg width="12" height="16" viewBox="0 0 12 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 4H8.66667C9.02029 4 9.35943 4.14048 9.60948 4.39052C9.85952 4.64057 10 4.97971 10 5.33333V14"
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round"
stroke-linejoin="round" />
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M3.33344 6L1.42677 4.06C1.41384 4.04813 1.40352 4.03371 1.39645 4.01764C1.38939 4.00158 1.38574 3.98422 1.38574 3.96667C1.38574 3.94912 1.38939 3.93176 1.39645 3.91569C1.40352 3.89962 1.41384 3.8852 1.42677 3.87333L3.33344 2"
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round"
stroke-linejoin="round" />
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
Back to Blog
</a>
</div>
<?php
$content = apply_filters('the_content', get_the_content());
if (!empty($content)) {
libxml_use_internal_errors(true);
$dom = new DOMDocument();
$dom->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8'));
$table_of_contents = '<div class="blog-category toc">
<div class="toc-title">
<h6>Table of Content</h6>
</div>
<div class="category-list">
<ul class="wp-block-categories-list wp-block-categories">';
$xpath = new DOMXPath($dom);
$headings = $xpath->query('//h2 | //h3');
foreach ($headings as $heading) {
$id = sanitize_title($heading->nodeValue);
$heading->setAttribute('id', $id);
$table_of_contents .= '<li><a class="cat-item" href="#' . $id . '">' . $heading->nodeValue . '</a></li>';
}
$table_of_contents .= '</ul>
</div>
</div>';
echo $table_of_contents;
} else {
echo '<div class="table-of-content"><h4>No Content Available</h4></div>';
}
?>
<p><?php echo the_field('read_time'); ?></p>
<div class="share-article2">
<h5>Share this article</h5>
......@@ -105,8 +133,7 @@ get_header();
<a href="https://www.addtoany.com/add_to/facebook?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
rel="nofollow noopener" target="_blank"
class="a2a_button_facebook share-option-icon icon d-flex align-items-center justify-content-center facebook">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.6484 11.75L11.1953 8.15625H7.71875V5.8125C7.71875 4.79688 8.1875 3.85938 9.75 3.85938H11.3516V0.773438C11.3516 0.773438 9.90625 0.5 8.53906 0.5C5.6875 0.5 3.8125 2.25781 3.8125 5.38281V8.15625H0.609375V11.75H3.8125V20.5H7.71875V11.75H10.6484Z"
fill="#878787" />
......@@ -114,8 +141,7 @@ get_header();
</a>
<a href="https://www.addtoany.com/add_to/twitter?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
class="share-option-icon a2a_button_twitter icon d-flex align-items-center justify-content-center twitter">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.9297 4.4375C18.7109 3.85156 19.4141 3.14844 19.9609 2.32812C19.2578 2.64062 18.4375 2.875 17.6172 2.95312C18.4766 2.44531 19.1016 1.66406 19.4141 0.6875C18.6328 1.15625 17.7344 1.50781 16.8359 1.70312C16.0547 0.882812 15 0.414062 13.8281 0.414062C11.5625 0.414062 9.72656 2.25 9.72656 4.51562C9.72656 4.82812 9.76562 5.14062 9.84375 5.45312C6.44531 5.25781 3.39844 3.61719 1.36719 1.15625C1.01562 1.74219 0.820312 2.44531 0.820312 3.22656C0.820312 4.63281 1.52344 5.88281 2.65625 6.625C1.99219 6.58594 1.32812 6.42969 0.78125 6.11719V6.15625C0.78125 8.14844 2.1875 9.78906 4.0625 10.1797C3.75 10.2578 3.35938 10.3359 3.00781 10.3359C2.73438 10.3359 2.5 10.2969 2.22656 10.2578C2.73438 11.8984 4.25781 13.0703 6.05469 13.1094C4.64844 14.2031 2.89062 14.8672 0.976562 14.8672C0.625 14.8672 0.3125 14.8281 0 14.7891C1.79688 15.9609 3.94531 16.625 6.28906 16.625C13.8281 16.625 17.9297 10.4141 17.9297 4.98438C17.9297 4.78906 17.9297 4.63281 17.9297 4.4375Z"
fill="#878787" />
......@@ -123,8 +149,7 @@ get_header();
</a>
<a href="https://www.addtoany.com/add_to/linkedin?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
class="share-option-icon a2a_button_linkedin icon d-flex align-items-center justify-content-center linkedin">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4.15625 18V6.32031H0.523438V18H4.15625ZM2.32031 4.75781C3.49219 4.75781 4.42969 3.78125 4.42969 2.60938C4.42969 1.47656 3.49219 0.539062 2.32031 0.539062C1.1875 0.539062 0.25 1.47656 0.25 2.60938C0.25 3.78125 1.1875 4.75781 2.32031 4.75781ZM17.7109 18H17.75V11.5938C17.75 8.46875 17.0469 6.04688 13.375 6.04688C11.6172 6.04688 10.4453 7.02344 9.9375 7.92188H9.89844V6.32031H6.42188V18H10.0547V12.2188C10.0547 10.6953 10.3281 9.25 12.2031 9.25C14.0781 9.25 14.1172 10.9688 14.1172 12.3359V18H17.7109Z"
fill="#878787" />
......@@ -201,18 +226,16 @@ get_header();
<!--<p><?php echo get_simple_tag_list(get_the_ID()); ?></p>-->
<h6><?php the_title(); ?></h6>
<?php the_excerpt(); ?>
<span><svg width="20" height="21" viewBox="0 0 20 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<span><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.25 3.625H3.75C3.40482 3.625 3.125 3.90482 3.125 4.25V16.75C3.125 17.0952 3.40482 17.375 3.75 17.375H16.25C16.5952 17.375 16.875 17.0952 16.875 16.75V4.25C16.875 3.90482 16.5952 3.625 16.25 3.625Z"
stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></path>
</svg> <?php echo get_the_date('d, M Y', get_the_ID()); ?></span>
</div>
</a>
......
style.css
/*
Theme Name: Makura Theme
Text Domain: makura-theme
Version: 1.0
Version: 1.02
Description: Custom theme for Makura
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
......
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