Skip to content

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

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

Add: New Sounds Page Implementation with Styles and Functionality#20
alanzin1 wants to merge 27 commits into
Lucas-BRT:developmentfrom
alanzin1:sounds

Conversation

@alanzin1

@alanzin1 alanzin1 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

@alanzin1 alanzin1 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

@alanzin1 alanzin1 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

@alanzin1 alanzin1 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

@alanzin1 alanzin1 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