diff --git a/Contributors.md b/Contributors.md index eefb97de..ffbcb131 100644 --- a/Contributors.md +++ b/Contributors.md @@ -3,9 +3,18 @@ | Shreya | [@shreyaar12](https://github.com/Shreyaar12) | | | --------------------- | ------------------------------------------------------------- | ---------------- | | Raj Kumar | [@raj03kumar](https://github.com/raj03kumar) | | -| --------------------- | ------------------------------------------------------------- | ---------------- | +| --------------------- | +------------------------------------------------------------- | ---------------- | | Debsourya Datta | [@debsouryadatta](https://github.com/debsouryadatta) | | +------------------------------------------------------------- | ---------------- | +| Ayush Nighoskar | [@ayushnighoskar](https://github.com/ayushnighoskar) | | +| --------------------- | ------------------------------------------------------------- | ---------------- | + + +| Avdhesh Varshney | [@Avdhesh-Varshney](https://github.com/Avdhesh-Varshney)| | | --------------------- | ------------------------------------------------------------- | ---------------- | +======= | Avdhesh Varshney | [@Avdhesh-Varshney](https://github.com/Avdhesh-Varshney)| |------------------- | -------------------------------------------------------------| ---------------- | Anukanksha Priya | [@cleveranu](https://github.com/cleveranu) | | + diff --git a/assets/style.css b/assets/style.css index b7676d11..5f6e5708 100644 --- a/assets/style.css +++ b/assets/style.css @@ -456,6 +456,33 @@ nav { box-shadow: 0px 0px 10px 1px #2980b9; } +.to-top { + background: white; + position: fixed; + bottom: 16px; + right:32px; + width:50px; + height:50px; + border-radius:50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 32px; + color: #1f1f1f; + text-decoration: none; + opacity:0; + pointer-events: none; + transition: all .4s; +} +.to-top.active { + bottom: 32px; + pointer-events: auto; + opacity:1; +} +html { + scroll-behavior: smooth; +} + /* Footer Section Starts */ .section { background-color: black; @@ -655,7 +682,15 @@ nav { transition: transform 0.4s; } + + +/* Footer Section Ends */ + +======= +input:checked + .slider:before { +======= input:checked+.slider:before { + transform: translateX(20px); } @@ -671,5 +706,10 @@ a { position: static; bottom: 0; width: 100%; + + max-width: 700px; + } + max-width: 700px; -} \ No newline at end of file +} + diff --git a/filter_project.js b/filter_project.js index 56e7807b..8e046fd4 100644 --- a/filter_project.js +++ b/filter_project.js @@ -38,4 +38,15 @@ const displayRequiredProjects = (category, search_value) => { if(!found_card.length) found_card='

Cannot find the project

' card_grid.innerHTML = found_card; -}; \ No newline at end of file +}; + +// Scroll to the top when the button is clicked +const toTop = document.querySelector(".to-top"); + +window.addEventListener("scroll", () => { + if(window.pageYOffset >100) { + toTop.classList.add("active"); + } else { + toTop.classList.remove("active"); + } +}) diff --git a/index.html b/index.html index d9b0308f..e002cf42 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,26 @@ + + + + + + + + + + + + + + + + + + + +CODECANVAS + + @@ -286,6 +309,30 @@

Password Generator

+ + +
+
+

Game

+

Memory Game

+
+ + + +
+
+

Order

+

Clothing Shop

+
+ + +
+ + + + + +
@@ -527,6 +574,16 @@

Netflix Clone

+ + + +
+

IEEE SSIT VIT © 2023

+
+ + +

CONTACT US

+=======

CONTACT US

diff --git a/script.js b/script.js index 69808622..5f247597 100644 --- a/script.js +++ b/script.js @@ -1,12 +1,3 @@ - - -var scrollToElement = function(el, ms){ - var speed = (ms) ? ms : 600; - $('html,body').animate({ - scrollTop: $(el).offset().top - }, speed); -} - $(document).ready(function() { $('.nav-link').on('click', function(e) { e.preventDefault();