Refactor CSS in generateSite.js to improve description overlay styling. Changed mix-blend-mode from 'hard-light' to 'color-dodge' for enhanced visual effects and removed unnecessary margin-left property to streamline layout. These adjustments contribute to a more polished user experience.

This commit is contained in:
Knight 2024-12-28 20:42:12 -05:00
parent fba82c26df
commit 97542e2d09

View File

@ -82,12 +82,11 @@ async function generateSite() {
}
.description {
position: absolute;
margin-left: -40%; /* This will offset it to the left */
max-width: 80%;
z-index: 2;
color: #cccccc;
opacity: 0.8;
mix-blend-mode: hard-light;
mix-blend-mode: color-dodge;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;