diff --git a/index.html b/index.html
index 3ae00fe..80b18f3 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,35 @@
+
+
-
-
Hi, this is penn course lmk.
+
+
+
+
PennCourseLMK
+ Add courses that you want, and we'll let you know when they open up!
+
+
+
+
-
+
diff --git a/package.json b/package.json
index 4f3aa8d..69af1f0 100644
--- a/package.json
+++ b/package.json
@@ -5,10 +5,10 @@
"main": "",
"dependencies": {
"body-parser": "^1.17.1",
+ "emailjs": "^1.0.8",
"express": "^4.15.2",
"mongodb": "^2.2.25",
- "penn-sdk": "^0.2.1",
- "emailjs": "^1.0.8"
+ "penn-sdk": "^0.2.1"
},
"devDependencies": {
"nodemon": "^1.11.0"
diff --git a/src/main.js b/src/main.js
index c59aa96..cf7ca28 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,8 @@ const courses = require('../courses.json')['result']
app.use(bodyParser.urlencoded({extended: true}))
+app.use('/style', express.static(path.join(__dirname, 'style')))
+
app.listen(3000, () => {
console.log('listening on 3000')
MongoHelper.CreateCollections()
diff --git a/src/style/main.css b/src/style/main.css
new file mode 100644
index 0000000..747a051
--- /dev/null
+++ b/src/style/main.css
@@ -0,0 +1,40 @@
+
+.title {
+ color: rgb(150, 0, 0)
+}
+
+.twitter-typeahead{
+ width: 100%;
+}
+
+.subtitle {
+ font-weight: 300;
+ margin-left: 10vw;
+ margin-right: 10vw;
+}
+
+.tt-menu {
+ width: 100%;
+ background-color: rgba(250, 250, 250, 0.95);
+
+ -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.2), -2px 2px 10px 1px rgba(0,0,0,0.1);
+ -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.2), -2px 2px 10px 1px rgba(0,0,0,0.1);
+ box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.2), -2px 2px 10px 1px rgba(0,0,0,0.1);
+}
+
+.tt-suggestion {
+ font-weight: 500;
+ padding: 10px;
+ font-size: 12pt;
+ line-height: normal;
+ color: rgb(90, 90, 90);
+}
+
+.tt-suggestion small {
+ font-weight: 300;
+}
+
+.tt-cursor, .tt-selectable:hover{
+ background-color: rgba(177, 212, 239, 0.95);
+ color: black;
+}