Skip to content

Commit

Permalink
Merge pull request #1251 from akash70629/faq
Browse files Browse the repository at this point in the history 
💥FIX : Broken images on Blog page and Back to Top button
  • Loading branch information
@vishanurag
vishanurag authored Nov 10, 2024
2 parents 9d02f64 + b7852ae commit 5ba5ddc
Showing 1 changed file with 14 additions and 43 deletions.
57 changes: 14 additions & 43 deletions Blog_page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@
margin: 0 1rem;
transition: all 0.3s ease;
}

</style>

<head>
<meta charset="UTF-8">
Expand Down Expand Up @@ -691,7 +691,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-1.webp" alt="">
<img src="./src/images/art-design-1.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
</span>
<span>Creative Canvas</span>
Expand All @@ -703,7 +703,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-2.webp" alt="">
<img src="./src/images/art-design-2.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
Expand All @@ -714,7 +714,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-3.webp" alt="">
<img src="./src/images/art-design-3.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
Expand All @@ -725,7 +725,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-4.webp" alt="">
<img src="./src/images/art-design-4.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
Expand All @@ -736,7 +736,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-5.webp" alt="">
<img src="./src/images/art-design-5.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
Expand All @@ -747,7 +747,7 @@ <h1 class = "banner-title">

<div class="design-item">
<div class="design-img">
<img src="/src/images/art-design-6.webp" alt="">
<img src="./src/images/art-design-6.webp" alt="">
<span><i class="far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
Expand All @@ -771,7 +771,7 @@ <h2>Latest Blog</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-1.webp" alt="">
<img src="./src/images/blog-p-1.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand All @@ -785,7 +785,7 @@ <h2>Organizing the environment for productive work</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-2.webp" alt="">
<img src="./src/images/blog-p-2.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand All @@ -798,7 +798,7 @@ <h2>Enhancing Creativity by Drawing</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-3.webp" alt="">
<img src="./src/images/blog-p-3.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand All @@ -811,7 +811,7 @@ <h2>Organizing other household stuffs</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-4.webp" alt="">
<img src="./src/images/blog-p-4.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand All @@ -824,7 +824,7 @@ <h2>Spreading greenery in house</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-5.webp" alt="">
<img src="./src/images/blog-p-5.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand All @@ -837,7 +837,7 @@ <h2>Organizing the bed</h2>

<div class="blog-item">
<div class="blog-img">
<img src="/src/images/blog-p-6.webp" alt="">
<img src="./src/images/blog-p-6.webp" alt="">
<span><i class="far fa-heart heart-icon" data-liked="false"></i></span>
</div>
<div class="blog-text">
Expand Down Expand Up @@ -894,40 +894,11 @@ <h2>Exploring creative fields</h2>
<span style="color: #333; font-size: 14px;">Creative Canvas Blog Page</span>
</footer>



<!-- Back to Top Button -->
<script>
// Coordinates for the cursor
const coords = { x: 0, y: 0 };
const circles = document.querySelectorAll(".circle");

// Colors for the circles
const colors = [
"#ffb56b", "#fdaf69", "#f89d63", "#f59761", "#ef865e", "#ec805d",
"#e36e5c", "#df685c", "#d5585c", "#d1525c", "#c5415d", "#c03b5d",
"#b22c5e", "#ac265e", "#9c155f", "#950f5f", "#830060", "#7c0060",
"#680060", "#60005f", "#48005f", "#3d005e"
];

// Assign colors and initial position to each circle
circles.forEach(function (circle, index) {
circle.x = 0;
circle.y = 0;
circle.style.backgroundColor = colors[index % colors.length];
});

// Update the coordinates when the mouse moves
window.addEventListener("mousemove", function (e) {
coords.x = e.clientX;
coords.y = e.clientY;
});


<!-- Back to Top Button -->
<button id="BacktoTop">
<span>↑</span>
</button>
</button>
<script src="src/Scripts/BacktoTop.js"></script>
<script>
// Coordinates for the cursor
Expand Down

0 comments on commit 5ba5ddc

Please sign in to comment.