Skip to content

aisharris/Dbass

Repository files navigation

Review Assignment Due Date

project-cerebral-aneurysm

DataBass a music database website

How to Open Website

  1. Download and extract the zip file from the github repo
  2. Open home.html
  3. 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.

Details on Directory structure:

  1. The artistsalbums directory contains the html and css for all the album pages of each artist
  2. 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.
  3. The projectfiles directory contains all the album and artists' images. Also contains logo and favicon.
  4. The songs directory contains the songs pages for each album.

Directory Structure:

.
├── 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

Sources and Credits

  1. Credits to Aisha Harris for designing the logo and the favicon.
  2. All album images, artist images, and content information were sourced from either Spotify or YouTube Music.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published