- Download and extract the zip file from the github repo
- Open home.html
- It is recommended that the file is opened on a 1920x1080 screen at 150% scale and no additonal zoom(100%) for the best viewing experience.
- The artistsalbums directory contains the html and css for all the album pages of each artist
- The base directory contains the html and css for the home, artists, and about pages as well as the header and footer. Also contains miscellaneous image files.
- The projectfiles directory contains all the album and artists' images. Also contains logo and favicon.
- The songs directory contains the songs pages for each album.
.
├── about.html
├── aboutstyle.css
├── aisha.jpg
├── artistalbums
│ ├── alessia
│ │ ├── artalb.css
│ │ └── artalb.html
│ ├── linkin
│ │ ├── artalb.css
│ │ └── artalb.html
│ ├── radwimps
│ │ ├── artalb.css
│ │ ├── artalb.html
│ │ └── radwimps.png
│ ├── reona
│ │ ├── artalb.css
│ │ └── artalb.html
│ ├── sangatsu
│ │ ├── artalb.css
│ │ └── artalb.html
│ ├── twewntyone
│ │ ├── artalb.css
│ │ └── artalb.html
│ └── yorushika
│ ├── artalb.css
│ └── artalb.html
├── artists.css
├── artists.html
├── footer.html
├── footstyle.css
├── header.css
├── header.html
├── home.css
├── home.html
├── kavin.jpg
├── minlogo.png
├── project_files
│ ├── album-images
│ │ ├── alessia
│ │ │ ├── brokenheart.jpeg
│ │ │ ├── knowitall.jpeg
│ │ │ ├── memyself.jpeg
│ │ │ ├── painsofgrowing.jpeg
│ │ │ └── thissummer.jpeg
│ │ ├── linkinpark
│ │ │ ├── huntingparty.jpeg
│ │ │ ├── hybridtheory.jpeg
│ │ │ ├── livingthings.jpeg
│ │ │ ├── meteora.jpeg
│ │ │ └── onemorelight.jpeg
│ │ ├── radwimps
│ │ │ ├── antianit.jpeg
│ │ │ ├── batsuto.jpeg
│ │ │ ├── foreverdaze.jpeg
│ │ │ ├── human_bloom.jpeg
│ │ │ ├── suzume.jpeg
│ │ │ └── yourname.jpeg
│ │ ├── reona
│ │ │ ├── alive.jpeg
│ │ │ ├── anima.jpeg
│ │ │ ├── elza.jpeg
│ │ │ ├── human.jpeg
│ │ │ ├── tsukihime.jpeg
│ │ │ └── unknown.jpeg
│ │ ├── sangatsu
│ │ │ ├── anotoki.jpeg
│ │ │ ├── bluepop.jpeg
│ │ │ ├── girlsblue.jpeg
│ │ │ ├── squarefate.jpg
│ │ │ └── yakou.jpeg
│ │ ├── twentyone
│ │ │ ├── blurryface.jpeg
│ │ │ ├── scaled.jpeg
│ │ │ ├── trench.jpeg
│ │ │ ├── twentyonepilots.jpeg
│ │ │ └── vessel.jpeg
│ │ └── yorushika
│ │ ├── 5th.jpeg
│ │ ├── creation.jpeg
│ │ ├── dakarabokuwaongaku.jpeg
│ │ ├── elma.jpeg
│ │ └── plagiarism.jpeg
│ ├── alessia_cara.jpeg
│ ├── artist-ytmusic-img
│ │ ├── Alessia2.png
│ │ ├── Alessia.jpg
│ │ ├── linkin.jpg
│ │ ├── ReoNa.jpg
│ │ ├── sangatsu.jpg
│ │ ├── sangatsu.webp
│ │ ├── TwentyOne.jpg
│ │ ├── Yorushika.jpg
│ │ └── Zimmer.jpg
│ ├── favicon.png
│ ├── linkin-park.jpeg
│ ├── minlogo.png
│ ├── NEW_LOGO.png
│ ├── radwimps.jpeg
│ ├── reona.jpeg
│ ├── sangatsunophantasia.jpeg
│ ├── twenty.jpg
│ ├── twentyone.jpg
│ └── yorushika.jpeg
├── README.md
├── songs
│ ├── alessia_cara
│ │ ├── brokenheart.html
│ │ ├── knowitall.html
│ │ ├── memyself.html
│ │ ├── painsOfGrowing.html
│ │ └── thissummer.html
│ ├── linkin
│ │ ├── huntingparty.html
│ │ ├── hybridtheory.html
│ │ ├── livingthings.html
│ │ ├── meteora.html
│ │ └── onemorelight.html
│ ├── radwimps
│ │ ├── antianti.html
│ │ ├── batsuto.html
│ │ ├── foreverdaze.html
│ │ ├── human_bloom.html
│ │ ├── suzume.html
│ │ └── yourname.html
│ ├── reona
│ │ ├── anima.html
│ │ ├── elza.html
│ │ ├── human.html
│ │ ├── tsukihime.html
│ │ └── unknown.html
│ ├── sangatsuno
│ │ ├── aoni.html
│ │ ├── bluepop.html
│ │ ├── girlsblue.html
│ │ ├── ivydance.html
│ │ └── yakou.html
│ ├── twentyone
│ │ ├── Blurry.html
│ │ ├── scaly.html
│ │ ├── trench.html
│ │ ├── twentyone.html
│ │ └── vessel.html
│ └── yorushika
│ ├── 5th.html
│ ├── creation.html
│ ├── dakarabokuwa.html
│ ├── elma.html
│ └── plagiarism.html
└── songs.css
- Credits to Aisha Harris for designing the logo and the favicon.
- All album images, artist images, and content information were sourced from either Spotify or YouTube Music.