Skip to content

Commit

Permalink
Update features.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@aditya-bhaumik
aditya-bhaumik authored Jun 28, 2024
1 parent 3a022b8 commit 6bef3ee
Showing 1 changed file with 15 additions and 9 deletions.
24 changes: 15 additions & 9 deletions pages/features.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
</head>

<body>
<button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
<div class="snowflakes" style="display: block;">
<div id="particles-js"></div>
</div>
Expand Down Expand Up @@ -68,28 +69,32 @@ <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px;
<div class="desc">Imagine a spotlight sweeping across the room, creating vibrant cones of light. The colors
change dynamically as the spotlight moves, adding an electrifying effect.</div>
<div class="imageFeatures">
<img id="image1" src="../assets/images/features/Conic_1.jpg" alt="Conic Example 1"
onmouseover="changeToGif1()" onmouseout="changeToStatic1()">
<img id="image2" src="../assets/images/features/Conic_2.jpg" alt="Conic Example 2"
onmouseover="changeToGif2()" onmouseout="changeToStatic2()">
<img id="image1" src="../assets/images/features/Conic_1.jpg" alt="Conic Example 1" height="400px"
width="400px" onmouseover="changeToGif1()" onmouseout="changeToStatic1()">
<img id="image2" src="../assets/images/features/Conic_2.jpg" alt="Conic Example 2" height="400px"
width="400px" onmouseover="changeToGif2()" onmouseout="changeToStatic2()">
</div>
</div>
<div class="aboutBox">
<div class="heading">Radial Mode</div>
<div class="desc">Picture a pulsating ring of light expanding and contracting. The radial pattern syncs
perfectly with the beat, making you feel the rhythm.</div>
<div class="imageFeatures">
<img id="image3" src="../assets/images/features/Radial_01.jpg" alt="Radial Example 1" onmouseover="changeToGif3()" onmouseout="changeToStatic3()">
<img id="image4" src="../assets/images/features/Radial_02.jpg" alt="Radial Example 2" onmouseover="changeToGif4()" onmouseout="changeToStatic4()">
<img id="image3" src="../assets/images/features/Radial_01.jpg" alt="Radial Example 1" height="400px"
width="400px" onmouseover="changeToGif3()" onmouseout="changeToStatic3()">
<img id="image4" src="../assets/images/features/Radial_02.jpg" alt="Radial Example 2" height="400px"
width="400px" onmouseover="changeToGif4()" onmouseout="changeToStatic4()">
</div>
</div>
<div class="aboutBox">
<div class="heading">Linear Mode</div>
<div class="desc">Visualize colorful streaks of light moving in straight lines. These streaks crisscross,
intersect, and dance across the floor, transforming your space into a dynamic disco.</div>
<div class="imageFeatures">
<img id="image5" src="../assets/images/features/Linear_01.jpg" alt="Linear Example 1" onmouseover="changeToGif5()" onmouseout="changeToStatic5()">
<img id="image6" src="../assets/images/features/Linear_02.jpg" alt="Linear Example 2" onmouseover="changeToGif6()" onmouseout="changeToStatic6()">
<img id="image5" src="../assets/images/features/Linear_01.jpg" alt="Linear Example 1" height="400px"
width="400px" onmouseover="changeToGif5()" onmouseout="changeToStatic5()">
<img id="image6" src="../assets/images/features/Linear_02.jpg" alt="Linear Example 2" height="400px"
width="400px" onmouseover="changeToGif6()" onmouseout="changeToStatic6()">
</div>
</div>
<div class="aboutBox">
Expand Down Expand Up @@ -162,6 +167,7 @@ <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px;
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="../js/background.js"></script>
<script src="../js/script.js"></script>
<script src="../js/top.js"></script>
</body>

</html>
</html>

0 comments on commit 6bef3ee

Please sign in to comment.