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; +}