This commit is contained in:
MSarmadQadeer
2022-08-22 10:52:17 +00:00
parent 682f512271
commit 4e02abb1da
14 changed files with 504 additions and 476 deletions
+36 -34
View File
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -189,14 +225,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -234,32 +262,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -197,14 +233,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -242,32 +270,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -201,14 +237,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -246,32 +274,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -196,14 +232,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -241,32 +269,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -210,14 +246,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -255,32 +283,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -208,14 +244,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -253,32 +281,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -226,14 +262,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -271,32 +299,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -267,14 +303,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -312,32 +340,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -202,14 +238,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -247,32 +275,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -189,14 +225,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -234,32 +262,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -207,14 +243,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -252,32 +280,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -240,14 +276,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -285,32 +313,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -257,14 +293,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -302,32 +330,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>
@@ -11,6 +11,42 @@
<link rel="stylesheet" href="/css/blogs.css" />
<link rel="stylesheet" href="/css/blog.css" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
</script>
</head>
<body class="sm:bg-gray-100">
@@ -251,14 +287,6 @@
</footer>
<script>
const h1 = document.querySelectorAll("h1");
const h2 = document.querySelectorAll("h2");
const h3 = document.querySelectorAll("h3");
const h = [...h1, ...h2, ...h3];
h.forEach((h) => {
h.setAttribute("id", `${h.innerText.split(" ").join("-").toLowerCase()}`);
});
window.addEventListener("click", (e) => {
if (e.target.tagName === "A") {
e.preventDefault();
@@ -296,32 +324,6 @@
}
}
});
const url = window.location.href;
const hash = url.split("#")[1];
if (hash) {
console.log("entered")
const element = document.getElementById(hash);
const yOffset = 0; // Offset for fixed header
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
document.querySelectorAll("[id]").forEach((element) => {
let str = element.getAttribute("id");
str = str.split(":").join("");
str = str.split("?").join("");
str = str.split("/").join("");
str = str.split("!").join("");
str = str.split("'").join("");
element.setAttribute("id", str);
});
</script>
</body>