Skip to content

Replaced the hexagon diagram#125

Open
AasthathecoderX wants to merge 21 commits intomeshery-extensions:masterfrom
AasthathecoderX:hero-browser
Open

Replaced the hexagon diagram#125
AasthathecoderX wants to merge 21 commits intomeshery-extensions:masterfrom
AasthathecoderX:hero-browser

Conversation

@AasthathecoderX
Copy link
Contributor

@AasthathecoderX AasthathecoderX commented Feb 25, 2026

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
@github-actions
Copy link

github-actions bot commented Feb 25, 2026

🚀 Preview deployment for PR #125

🌐 Preview URL: https://meshery-extensions.github.io/kanvas-site/pr-preview/pr-125/

This preview will be updated automatically when you push new commits to this PR.

@leecalcote
Copy link
Member

Here's what I see. Is this intentional, @AasthathecoderX?

Screenshot 2026-02-25 at 11 28 35 PM

@AasthathecoderX
Copy link
Contributor Author

Here's what I see. Is this intentional, @AasthathecoderX?
Screenshot 2026-02-25 at 11 28 35 PM

No @leecalcote ,I am working on it

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Updated image paths for browser section to use static directory.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Updated image source paths to use relative URLs.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Refactor interactive dashboard image functionality and update HTML structure.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Refactor dashboard image functionality and improve comments.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
@Bhumikagarggg
Copy link
Contributor

Please add this PR as agenda in upcoming website meeting.

Updated comments for clarity and improved the interactive image script with detailed event handling.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
@leecalcote
Copy link
Member

Please take another look at this section. it has recently changed.

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>
@AasthathecoderX
Copy link
Contributor Author

Please take another look at this section. it has recently changed.

Yes @leecalcote I have updated the branch to include the latest animation .

@Bhumikagarggg
Copy link
Contributor

@AasthathecoderX Thank you for your contribution! Let's discuss this during the website call today at 6:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

Comment on lines +43 to +54
// Hover enter: Scale and rotate effect
dashboardImage.addEventListener('mouseenter', function() {
this.style.transform = 'scale(1.05) rotateY(2deg)';
this.style.filter = 'brightness(1.15) contrast(1.1)';
this.style.cursor = 'pointer';
});

// Hover leave: Reset to normal
dashboardImage.addEventListener('mouseleave', function() {
this.style.transform = 'scale(1) rotateY(0deg)';
this.style.filter = 'brightness(1) contrast(1)';
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AasthathecoderX it couldn't be better to add this into css (scss) in order to reduce the amount of script?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I do appreciate the section modification (the new design) 😁

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AasthathecoderX it couldn't be better to add this into css (scss) in order to reduce the amount of script?

Ok I will look into that

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] Replace Hero 3D Hexagon & Update Background Colors

4 participants