4darsh-Dev / CogniGaurd

A web extension for identifying dark pattern on websites powered by Fine Tuned BERT Model for classificaiton on dark pattern custom dataset,
https://cogniguard.onionreads.com/
MIT License
23 stars 49 forks source link

Adding Dynamic Scroll Indicator #173

Closed Sourabh782 closed 3 months ago

Sourabh782 commented 3 months ago

Is your feature request related to a problem? Please describe. When scrolling through the website, i want to add a scroll indicator, which moves as we scroll through the site. It helps user experience and adds interactivity to the site

Describe the solution you'd like i Wanted to implement dynamic scroll indicator at the top of page. As Some pages in website includes scrolling, it will improve user Experience

Screenshot 2024-08-09 140049

Additional context Add any other context or screenshots about the feature request here.

github-actions[bot] commented 3 months ago

You've successfully raised your issue, We'll get back to you soon. Don't forget to star⭐ the Repo.

4darsh-Dev commented 3 months ago

assigned to you @Sourabh782, do raise pr soon

Sourabh782 commented 3 months ago

@4darsh-Dev whats deadline for pr??

Sourabh782 commented 3 months ago

ill try my best to complete this before 2-3pm

4darsh-Dev commented 3 months ago

⚠️[URGENT]⚠️ Reminder for Closing of Contribution period for GSSoC 24' Finish your work and raise the PRs ASAP to get your points. Thanks💗 for your valuable Contributions!

Sourabh782 commented 3 months ago

Hi, @4darsh-Dev, i have having a bit trouble setting up the project can you help?

4darsh-Dev commented 3 months ago

sure, share the preview SS of the error. @Sourabh782

Sourabh782 commented 3 months ago

Actually i followes all steps given in readme.md for website image

Sourabh782 commented 3 months ago

means i know what all cahnges i have to do in indec .html file, but cant run it on browser

Sourabh782 commented 3 months ago

@4darsh-Dev sir, i executed the html css files to develop scroll indicator, i was having problem in running django server, so i implemented feature directly by working on html css js part of project,

https://github.com/user-attachments/assets/b354a65b-cb13-4de5-a8a2-91d7ffc7f1ab

i have not imported all css files so the site looks a disorted, but the feature implementation is working as expected. And it wont affect actual site performance

4darsh-Dev commented 3 months ago

okay @Sourabh782 , instead of adding on top, can you update the bottom one it's will be much better. Raise the PR with only committing the HTML,CSS and js file do it asap

Sourabh782 commented 3 months ago

sure sir

Sourabh782 commented 3 months ago

@4darsh-Dev sir made PR req

4darsh-Dev commented 3 months ago

Hey @Sourabh782 ! Thank you so much for your raising the issue💗 It’s all yours, you can come anytime again and make some contributions! 🚀 Alone, we can do little, but together we can do so much! 😇

4darsh-Dev commented 3 months ago

GSSoC 24 has been completed Finally' It was a great experience working with you all Thanks💗 for your valuable contributions! PA nomination has been started, Do fill out the forms soon. Share your experiences and let's connect on socials