<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://3d-pechat-v-ekaterinburge.store//styles/bootstrap.min.css">
<link rel="stylesheet" href="https://3d-pechat-v-ekaterinburge.store//styles/style.css">
<link rel="icon" type="image/x-icon" href="/assets/insert/icon.png">
<title>
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 37
Warning: Attempt to read property "title" on null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 37
</title>
</head>
<body>
<!-- Edit this nav to change the look of the navbar -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<nav class="navbar d-flex flex-column align-items-center justify-content-between shadow" style="width: 100%;">
<div class="d-flex align-items-center justify-content-between" style="width:100%">
<a href="https://3d-pechat-v-ekaterinburge.store/">
<h2 class="navBrand text-light">DoingSEO</h2>
</a>
<div id="profile-nav">
<i class="fa fa-user fa-solid fa-lg" style="color:white;"></i>
<i class="fa fa-caret-down fa-solid fa-lg" style="color:white;"></i>
</div>
</div>
<!---->
<div class="d-flex align-items-center justify-content-between nav-menu-cat">
<span class="nav-links px-1"><a href="https://3d-pechat-v-ekaterinburge.store/" class="text-light">
Home
</a></span>
<span class="nav-links px-1">
<a href="https://3d-pechat-v-ekaterinburge.store/category/news" class="text-light">News</a>
</span>
<span class="nav-links px-1">
<a href="https://3d-pechat-v-ekaterinburge.store/category/guide" class="text-light">Guide</a>
</span>
<span class="nav-links px-1">
<a href="https://3d-pechat-v-ekaterinburge.store/category/best" class="text-light">Best</a>
</span>
<span class="nav-links px-1">
<a href="https://3d-pechat-v-ekaterinburge.store/category/reviews" class="text-light">Reviews</a>
</span>
<span class="nav-links px-1">
<a href="https://3d-pechat-v-ekaterinburge.store/category/how-to" class="text-light">How To</a>
</span>
</div>
<div class="extra-menu d-flex align-items-center justify-content-around mt-2">
</div>
</nav>
<div class="profile-menu bg-light shadow">
<a href="https://3d-pechat-v-ekaterinburge.store/login">Login</a>
<a href="https://3d-pechat-v-ekaterinburge.store/signup">Sign Up</a>
</div>
<style>
nav {
position: relative;
z-index: 5;
}
.nav-menu-cat {
min-width: 100%;
}
.extra-menu {
min-width: 100%;
}
@media screen and (min-width: 700px) {
.nav-menu-cat {
min-width: 70%;
}
.extra-menu {
min-width: 60%;
}
}
.profile-menu {
width: 8rem;
height: fit-content;
padding: 10px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-around;
position: absolute;
right: 1rem;
top: 1.5rem;
z-index: 7;
display: none;
transition: 0.5s;
}
.profile-menu a {
color: purple;
font-weight: bold;
}
#profile-nav {
cursor: pointer;
}
</style>
<script>
let categoryNavState = false;
document.querySelector("#profile-nav").addEventListener("click", () => {
if (categoryNavState == false) {
categoryNavState = true;
document.querySelector(".profile-menu").style.display = "flex"
document.querySelector(".profile-menu").style.transform = "translateY(1.5rem)"
} else {
categoryNavState = false;
document.querySelector(".profile-menu").style.display = "none"
document.querySelector(".profile-menu").style.transform = ""
}
})
</script>
<!-- Navbar ends here --> <!-- -->
<h2 class="my-4" style="text-align:center;">
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 46
Warning: Attempt to read property "title" on null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 46
</h2>
<div class="container">
<!-- -->
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 50
Warning: Attempt to read property "featured_image" on null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 50
</div>
<div class="container bg-light py-5">
<div>
<p class="text-dark">
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 62
Warning: Attempt to read property "content" on null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 62
</p>
</div>
<hr>
<p class="text-dark"><strong>Posted on
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 68
Warning: Attempt to read property "timestamp" on null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 68
</strong></p>
</div>
<!-- -->
<!-- -->
<!-- -->
<div class="jumbotron">
<form action="../add_comment.php" method="POST">
<label for="name">Name</label>
<input type="text" class="form-control" name="name" id="">
<input type="hidden" name="id" value="5000remarkable-website-hp-will-help-you-get-there">
<label for="comment">Insert a comment</label>
<input type="text" class="form-control" name="comment" id="">
<!-- -->
<button class="btn btn-lg btn-primary my-2">Submit</button>
</form>
<div id="comments" class="jumbotron">
<h3 class="my-3">Comments</h3>
<!---->
<div></div>
</div>
</div>
<!-- -->
<footer class="footer p-4 text-light" style="width: 100%; height:10vh; text-align:center;">
© <span>digitalkandhkot.com 2024</span>
</footer></body>
<script src="../styles/bootstrap-4.5.2-dist/js/bootstrap.min.js"></script>
</html>
<style>
#comments>div {
height: 60vh;
overflow: scroll;
}
</style>
<script>
let start = 1,
limit = 5;
async function loadComments(sta, lim) {
document.querySelector("#comments>div").style.overflow = "hidden";
let comments = await fetch(`https://3d-pechat-v-ekaterinburge.store/includes/loadcomments.php/?id=
Warning: Undefined array key 0 in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 115
Warning: Trying to access array offset on value of type null in /home/raja/public_html/3d-pechat-v-ekaterinburge.store/post.php on line 115
&limit=${lim}&start=${sta}`)
comments = await comments.json();
console.log(comments);
//
comments.forEach((e) => {
document.querySelector("#comments>div").innerHTML += `<div>
<h4>${e[3]}</h4>
<p>${e[4]}</p>
</div>`
})
start = start + 5;
// limit = limit+5;
document.querySelector("#comments>div").style.overflow = "scroll";
}
//
window.addEventListener("load", async () => {
loadComments(start, limit);
})
document.querySelector("#comments>div").addEventListener("scroll", (e) => {
// console.log(e.target.scrollTop >= e.target.scrollHeight*0.7)
// console.log(e.target.scrollTop, e.target.scrollHeight*0.7)
if (e.target.scrollTop >= e.target.scrollHeight * 0.7) {
console.log("loading more")
loadComments(start, limit);
}
})
</script>