code working

models/album.js

@@ -1,2 +1,14 @@
 var mongoose = require("mongoose");
 var Schema = mongoose.Schema;
+
+var AlbumSchema = new Schema({
+	artistName: String,
+	name: String,
+	releaseDate: String,
+  coverImage: String,
+	genres: [String]
+});
+
+var Album = mongoose.model('Album', AlbumSchema);
+
+module.exports = Album;

models/genre.js

@@ -0,0 +1,22 @@
+var mongoose = require("mongoose");
+var Album = require("../models/album");
+var Schema = mongoose.Schema;
+
+var AlbumSchema = new Schema({
+    artistName: String,
+    name: String,
+    releaseDate: String,
+    coverImage: String,
+    genres: [String]
+});
+
+var GenreSchema = new Schema({
+ name: String,
+ coverImage: String,
+
+ albums: [AlbumSchema]
+});
+
+var Genre = mongoose.model('Genre', GenreSchema);
+
+module.exports = Genre;

models/index.js

@@ -1,2 +1,8 @@
 var mongoose = require("mongoose");
 mongoose.connect("mongodb://localhost/tunely");
+
+var Album = require('./album.js');
+var Genre = require('./genre.js');
+
+module.exports.Album = Album;
+module.exports.Genre = Genre;

package.json

@@ -17,6 +17,11 @@
   },
   "homepage": "https://github.com/tgaff/tunely#readme",
   "dependencies": {
-    "express": "^4.13.3"
+    "body-parser": "^1.15.0",
+    "ejs": "^2.4.1",
+    "express": "^4.13.4",
+    "method-override": "^2.3.4",
+    "mongoose": "^4.4.6",
+    "path": "^0.12.7"
   }
 }

public/css/styles.css

@@ -1,9 +1,21 @@
+@import url('https://fonts.googleapis.com/css?family=Play');
+/*@import url('vapor.ttf');*/
+
+body {
+
+  font-family: 'Play';
+}
+
+
 .jumbotron {
-  background-image: url(/images/background1.jpg);
+  background-color: #CE869B;
   background-size: cover;
   background-repeat: no-repeat;
   color: #EEE;
+  margin: -20px;
+  position: relative;
 }
+
 .jumbotron .container {
   height: 350px;
 }
@@ -14,3 +26,125 @@
   margin-right: 12px;
 }
 
+@font-face {
+  font-family: vapor;
+  src: url('/fonts/vapor.ttf'); 
+}
+
+.btn-color {
+
+  background-color: #C5BCB0;
+}
+.vaporfont {
+  font-family: 'vapor';
+}
+
+.btn-color {
+  background-color: #C5BCB0;
+}
+
+.legend2 {
+    font-family: vapor;
+    font-size: 40px;
+    font-weight: bold;
+
+}
+
+.vaporfont {
+margin-top: 70px;
+font-size: 50px; 
+font-weight: bold;
+font-family: vapor;
+
+}
+
+.aFonts {
+
+  font-size: 20px;
+}
+/*---- Splash Style ----*/
+
+.splash-title {
+  color: white;
+  font-size: 3em;
+  margin-top: 100px;
+  text-shadow: 0 2px 10px #000;
+  -webkit-animation-delay: 1s;
+  -moz-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.splash{
+  position:absolute;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  background-color:#252525;
+  background-repeat:no-repeat;
+  text-align:center;
+  z-index: 100;
+}
+
+#vinyl {
+  width: 300px;
+  margin-top: 50px;
+}
+
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to { 
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+.rotate:hover {
+    -webkit-animation-name: rotate; 
+    -webkit-animation-duration: 1.3s; 
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+    cursor: pointer;
+}
+
+.container-fluid {
+ background-color: #5AFFF7;
+ border-color: #5AFFF7;
+}
+
+.statue {
+
+  top: 166px;
+  left: 815px;
+  position: absolute;
+}
+
+.statue2{
+
+  top: -55px;
+  left: 946px;
+  position: absolute;
+}
+
+.mainbtn {
+  background-color: limegreen;
+  font-size: 20px;
+/*
+  background-image: url('/images/tape.jpg');
+  background-size: 80px 60px;*/
+/*  padding: 19px 17px;
+*/
+}
+
+
+.navbar-brand {
+	padding: 0px;
+	padding-left: 10px;
+	padding-top: 8px;
+}
+
+.navbar-brand > img {
+	height: 32px;
+}
+