Skip to content

Add: New Sounds Page Implementation with Styles and Functionality - #20

Open
AlanVictorDEV wants to merge 27 commits into
Lucas-BRT:developmentfrom
AlanVictorDEV:sounds
Open

AlanVictorDEV wants to merge 27 commits into
Lucas-BRT:developmentfrom
AlanVictorDEV:sounds

Conversation

@AlanVictorDEV

@AlanVictorDEV AlanVictorDEV commented Nov 1, 2024

Copy link
Copy Markdown
Contributor

This pull request introduces a new page called Sounds, which is designed to enhance the user experience when interacting with different sound elements of the kreck system.

  • Implement the HTML structure of the sounds.html page.
  • Style the sounds page according to the prototype made in figma.
  • Integrate the logic of sounds with interactive elements.
  • Test page responsiveness on different devices.
  • Review and optimize HTML and CSS code for better performance.

sounds page design prototype:
sounds

@AlanVictorDEV AlanVictorDEV left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

template without css:
soundsPageOld
template with css:
newSoundsPage

@AlanVictorDEV AlanVictorDEV left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

mobile:
dddfdsd
tablet:
bvdcdcvv
desktop:
u8djujuddjsd
test video:

2024-11-01-01-27-09.mp4

@AlanVictorDEV AlanVictorDEV left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

before:
fdgffdf
after:
vcvccxc

- Added new main <div> to sounds.html
- Created new animations in sons.css for the sounds container
- Updated colors and style adjustments

@AlanVictorDEV AlanVictorDEV left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

before:
newSoundsPage
after:
Opera Instantâneo_2024-11-02_132249_192 168 1 2
gradient color animation when playing sound:

2024-11-02-13-44-51.mp4

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant