-
+
+
+
+
Karma
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
Introducing Karma
+
Bring WiFi with you, everywhere you go.
+
+
+
+
+
+
+
+
+
+
+
+
Everyone needs a little Karma
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
Recent Posts
+
+
+
+
-
-
-
-
-
+
diff --git a/public/main.css b/public/main.css
deleted file mode 100644
index 18a4da3..0000000
--- a/public/main.css
+++ /dev/null
@@ -1,147 +0,0 @@
-/*******************
-* Basic Resets
-********************/
-
-body, html, div, label, p, h1, h2, h3, h4, h5, h6, form, a, input, textarea {
- margin: 0;
- padding: 0;
- border: 0;
- outline: none;
-}
-
-
-body {
- line-height: 1;
- font-size: 88%;
- font-family: 'Open Sans', arial, sans-serif;
- background: #FAFAFA;
- color: #585858;
-}
-
-div {
- width: 100%;
-}
-
-
-h1, h2, h3, h4, h5, h6 {
- font-size: 100%;
- padding: 23px 0;
- margin: 0 15px;
- color: #FF0040;
- letter-spacing: 1px;
-}
-
-h1 {
- font-size: 32px;
-}
-
-h2 {
- font-size: 25px;
-}
-
-main {
- display: block;
- width: 80%;
- margin: 0 auto;
-}
-
-/*******************
-* Header
-********************/
-
-
-header {
- background: #FF0040;
- background: -webkit-linear-gradient(#F5A9BC, #FF0040);
- background: -o-linear-gradient(#F5A9BC, #FF0040);
- background: -moz-linear-gradient(#F5A9BC, #FF0040);
- background: linear-gradient(#F5A9BC, #FF0040);
-}
-
-.title {
- color: white;
-}
-
-.main-logo {
- float: left;
- width: 100px;
- height: auto;
-}
-
-
-/*******************
-* Enter a New Post
-********************/
-
-.entry-container {
- margin: 20px 0 50px;
-}
-
-label {
- width: 100%;
-}
-
-.text-wrapper {
- width: 80%;
-}
-
-textarea {
- width: 96%;
- border-radius: 3px;
- border: 1px solid #848484;
- padding: 5px 2%;
-}
-
-button[type="submit"] {
- background: #A5DF00;
- background: -webkit-linear-gradient(#93C503, #ABCC4B);
- background: -o-linear-gradient(#93C503, #ABCC4B);
- background: -moz-linear-gradient(#93C503, #ABCC4B);
- background: linear-gradient(#93C503, #ABCC4B);
- border: none;
- color: white;
- padding: 4px 25px;
- text-transform: uppercase;
- letter-spacing: 1px;
- float: right;
- margin-top: 10px;
- border-radius: 3px;
-}
-
-/*******************
-* Posts
-********************/
-
-hr {
- background: #BDBDBD;
-}
-
-.thumbnail {
- float: left;
- width: 50px;
- height: auto;
- margin-left: 3px;
- margin-top: 3px;
-}
-
-.post {
- width: 100%;
- border: 1px solid #848484;
- float: left;
- margin: 2%;
- border-radius: 3px;
- -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.4);
- background: white;
-}
-
-.post p {
- margin: 5px 10px;
-}
-
-@media (min-width: 600px) {
- .post {
- width: 28.9%;
- }
-}
\ No newline at end of file
diff --git a/public/script.js b/public/script.js
deleted file mode 100644
index b677186..0000000
--- a/public/script.js
+++ /dev/null
@@ -1,78 +0,0 @@
-if (document.readyState !== 'loading') {
- ready();
-} else {
- document.addEventListener('DOMContentLoaded', ready);
-}
-
-function ready () {
- getBlogposts('/get-posts');
-
- // send posts to server
- var form = document.querySelector('form');
- form.addEventListener('submit', function (event) {
-
- event.preventDefault(); // prevents the form from contacting our server automatically (we want to do it ourselves)
- var formActionUrl = form.action; // 'form.action' is the url '/create-post'
- var formData = new FormData(form);
-
- postBlogposts(formActionUrl, formData);
- });
-}
-
-/****
- * Function definitions
- ***/
-function postBlogposts (url, data) {
- fetch(url, {
- method: 'POST',
- body: data
- })
- .then(function (res) {
- res.json()
- .then(function (json) {
- console.log(json);
- addBlogpostsToPage(json);
- document.querySelector('form').reset();
- })
- })
- .catch(function (err) {
- console.error(err)
- });
-}
-
-function getBlogposts (url) {
- fetch(url, {
- method: 'GET'
- })
- .then(function (res) {
- res.json()
- .then(function (json) {
- console.log(json);
- addBlogpostsToPage(json);
- });
- })
- .catch(function (err) {
- console.error(err)
- });
-}
-
-function addBlogpostsToPage (data) {
- for (var blogpost in data) {
- if (data.hasOwnProperty(blogpost)) {
-
- var postDiv = document.createElement('div');
- var postText = document.createElement('p');
- var thumbnail = document.createElement('img');
- var postContainer = document.querySelector('.post-container');
-
- thumbnail.src = "./img/logo2.png";
- thumbnail.className = "thumbnail";
- postText.innerHTML = data[blogpost];
- postDiv.className = "post";
-
- postDiv.appendChild(thumbnail);
- postDiv.appendChild(postText);
- postContainer.appendChild(postDiv);
- }
- }
-}
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..3a9c973
--- /dev/null
+++ b/server.js
@@ -0,0 +1,76 @@
+// const http = require("http");
+
+// const server = http.createServer(function(req, res) {
+// console.log("New Request:" + Date());
+
+// res.end("Hello World!");
+// });
+
+// server.listen(5000);
+
+// console.log("Node.js web server at port 5000 is running..");
+
+// const http = require("http");
+// const server = http.createServer(function(req, res) {
+// if (req.url === "/") {
+// //check the URL of the current request
+// console.log("New request to main page at " + Date());
+// // set response header
+// res.writeHead(200, { "Content-Type": "text/html" });
+// // set response content
+// res.write("
This is home Page.
");
+// res.write("
The time is: " + Date() + "
");
+// res.end();
+// } else if (req.url === "/student") {
+// console.log("New request to Student page at " + Date());
+// res.writeHead(200, { "Content-Type": "text/html" });
+// res.write("
This is student Page.
");
+// res.end();
+// } else {
+// res.end(
+// "
Invalid Request at " + Date() + "
"
+// );
+// }
+// });
+
+// server.listen(5000);
+
+// console.log("Node.js web server at port 5000 is running..");
+const express = require("express");
+const app = express();
+const formidable = require("express-formidable");
+const fs = require("fs");
+
+// app.get("/", function(req, res) {
+// res.send("hello world");
+// });
+
+app.use(express.static("public"));
+app.use(formidable());
+
+app.get("/student", function(req, res) {
+ console.log("Server is loading a student page");
+ res.send("hello student");
+
+ app.post("/contact.html", function(req, res) {
+ fs.writeFile("data/posts.json", req.fields, function(error) {
+ res.send("Thank your for filling this form. cooool");
+
+ fs.readFile(__dirname + "data/posts.json", function(error, content) {
+ const parsedFile = JSON.parse(content);
+ console.log(parsedFile);
+
+ var newContent = JSON.stringify(parsedFile);
+ //append data to file
+ fs.appendFile("data/posts.json", newContent, function(err) {
+ if (err) throw err;
+ console.log("Appended!");
+ });
+ });
+ });
+ });
+});
+
+app.listen(5000, function() {
+ console.log("Server is listening on port 5000. Ready to accept requests!");
+});
- 
+ ++
+ ++
+ ++