Closed i-be-keggles closed 1 year ago
The overall change includes modifications to the MatrixBackground
component and the index.astro
page. In the MatrixBackground
component, various changes were made to improve its functionality, such as extracting props, updating HTML structure, retrieving values dynamically, and adjusting wave generation. In the index.astro
page, the <div id="matrix-bg">
element was replaced with a <MatrixBackground>
component, and other components were rearranged.
File | Summary |
---|---|
fe-public/src/components/MatrixBackground.astro |
- Added import statement for uuidv4 function- Added Props interface with properties- Extracted prop values from Astro.props - Created getId() function- Modified HTML structure - Added hidden <div> elements- Updated JavaScript code - Modified generateWave() function- Added conditional check - Adjusted probability calculation - Updated generateWaveAndUpdateElement() function- Added style block |
fe-public/src/pages/index.astro |
- Replaced <div id="matrix-bg"> with <MatrixBackground> component- Rearranged components |
"Code changes hop and skip, Matrix waves flip and dip. With UUIDs and hidden divs, The code now dances and lives. Index page reorganized, A new component takes center stage. Bugs are squashed, improvements made, The rabbit's work, a job well played." 🐇✨
Matrix wave officially finalised. Currently limited to one per page because of astro component limitations, but that's a wider issue we need to address.
Summary by CodeRabbit
Release Notes:
<div id="matrix-bg">
element with the new Matrix Background component in the index page for improved modularity and maintainability.