Complete Top 500 Albums project with 100% data coverage and UI improvements
- Fixed Info/Description columns after regenerating CSV with clean Wikipedia data - Remapped and downloaded missing album covers to match new rankings - Modified website UI to show all description text without click-to-expand - Added comprehensive Info/Description for all 500 albums using research - Created multiple data processing scripts for album information completion - Achieved 100% data completion with descriptions ending "(by Claude)" for new content - All albums now have complete metadata and cover art 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
09b5491f8a
commit
462fdcfa84
500 changed files with 2323 additions and 502 deletions
22
styles.css
22
styles.css
|
|
@ -282,6 +282,14 @@ body {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.album-cover:has(.album-cover-image) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.album-cover:has(.album-cover-image)::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.album-cover::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -306,6 +314,13 @@ body {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.album-cover-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.album-share {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
|
|
@ -420,15 +435,8 @@ body {
|
|||
font-size: 0.9rem;
|
||||
color: #555;
|
||||
line-height: 1.5;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.album-description.expanded {
|
||||
-webkit-line-clamp: unset;
|
||||
}
|
||||
|
||||
/* Loading and error states */
|
||||
.loading {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue