Noah

package.json

@@ -6,11 +6,11 @@
         "name": "",
         "email": ""
     },
-    "contributors": [
-    ],
+    "contributors": [],
     "repository": {},
     "dependencies": {
         "express": "^4.18.2",
+        "plotly": "^1.0.6",
         "sqlite3": "^5.1.6"
     }
 }

public/css/myStyle.css

@@ -0,0 +1,84 @@
+body {
+    background-color: rgb(249, 235, 145);
+}
+
+
+table {
+    border-collapse: collapse; /* This ensures that the border doesn't double up */
+    width: 50%; /* This sets the table to take up the full width of its container */
+  }
+
+  th, td {
+    border: 1px solid black; /* This adds a black border around every cell */
+    padding: 1px; /* This adds some space between the cell content and the borders */
+    text-align: center; /* This centers the text in the cells */
+  }
+
+  th {
+    background-color: lightblue; /* This gives a grey background to the header cells */
+  }
+  .navbar a {   
+    text-decoration: none; 
+    list-style-type: none;
+    text-align: center;
+
+    color: white;
+    padding-left: 5rem;
+    padding-right: 5rem;
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    background-color: #173860;
+    border: .5rem;
+    border-color:#000000;
+    border-radius: 10%;
+    }
+
+  .navbar a:hover {
+      background-color: #5090dd;
+   }
+
+   .navbar div{
+    text-decoration: none; 
+    list-style-type: none;
+
+   }
+   .navbar li {
+    margin: .2rem; 
+    display: inline-flex;
+    float: center;
+
+}
+
+h1 {
+    text-align: center;
+    font-size: 3.5rem;
+}
+h2 {
+    text-align: center;
+    font-size: 1.5rem;
+}
+
+.prevNext{
+    display: flex;
+    justify-content: center; /* Centers content horizontally */
+    align-items: center; /* Centers content vertically if the container has a specific height */
+}
+
+.prevNext a{
+    padding: 0.5rem;
+}
+button{
+  text-decoration: none; 
+    list-style-type: none;
+    text-align: center;
+
+    color: white;
+    padding-left: 5rem;
+    padding-right: 5rem;
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    background-color: #173860;
+    border: .5rem;
+    border-color:#000000;
+    border-radius: 10%;
+}