Add comments for the articles.

app.js

@@ -1,8 +1,18 @@
-const app = require("express")();
+const express = require("express");
 const compression = require("compression");
+const mongoose = require("mongoose");
 const https = require("https");
 const fs = require("fs");
 
+const app = express();
+
+mongoose.connect(`mongodb://127.0.0.1:27017/leemorgan`, {
+    useNewUrlParser: true,
+    useUnifiedTopology: true,
+    useFindAndModify: false,
+    useCreateIndex: true
+});
+
 let httpsServer = {};
 if(process.env.NODE_ENV === "production"){
     httpsServer = https.createServer({
@@ -20,6 +30,7 @@ if(process.env.NODE_ENV === "production"){
 }
 
 app.use(compression());
+app.use(express.json());
 require("./routes.js")(app);
 
 if(process.env.NODE_ENV === "production") httpsServer.listen(process.env.HTTPS_PORT);

controller.js

@@ -0,0 +1,45 @@
+const Comment = require("./models/comment.js");
+
+module.exports = {
+    /*
+    GET: return all comments for the specific article
+    req.params.article = String
+    response = [Comment]
+    */
+    getComments: function(req, res){
+        Comment.find({article: req.params.article})
+            .then((comments)=>{
+                return res.json(comments);
+            })
+            .catch((err)=>{
+                return res.json("Couldn't retrieve the comments");
+            });
+    },
+
+    /*
+    POST: create a new comment
+    req.body = {
+        article: String,
+        name: String,
+        content: String,
+        date: Date
+    }
+    response = Comment
+    */
+    createComment:  function(req, res){
+        let comment = new Comment({
+            article: req.body.article,
+            name: req.body.name,
+            content: req.body.content,
+            date: new Date(req.body.date)
+        });
+
+        comment.save()
+            .then((comment)=>{
+                return res.json(comment);
+            })
+            .catch((err)=>{
+                return res.json("Couldn't create your comment");
+            });
+    }
+}

models/comment.js

@@ -0,0 +1,42 @@
+const mongoose = require("mongoose");
+
+let isSanitary = (str)=>{
+    let disallowed = ["\\", "<", ">", "$", "{", "}"];
+
+    for(let j = 0; j < disallowed.length; j++){
+        if(str.includes(disallowed[j])){
+            return false;
+        }
+    }
+
+    return true;
+}
+
+const CommentSchema = new mongoose.Schema({
+    article: {
+        type: String,
+        required: true
+    },
+    name: {
+        type: String,
+        required: false,
+        validate: {
+            validator: isSanitary,
+            message: "Your name contains restricted characters"
+        },
+    },
+    content: {
+        type: String,
+        required: true,
+        validate: {
+            validator: isSanitary,
+            message: "Your comment contains restricted characters"
+        }
+    },
+    date: {
+        type: Date,
+        required: true
+    }
+});
+
+module.exports = mongoose.model("comment", CommentSchema);

package-lock.json

@@ -9,9 +9,32 @@
       "license": "ISC",
       "dependencies": {
         "compression": "^1.7.4",
-        "express": "^4.17.1"
+        "express": "^4.17.1",
+        "mongoose": "^5.12.3"
       }
     },
+    "node_modules/@types/bson": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/bson/-/bson-4.0.3.tgz",
+      "integrity": "sha512-mVRvYnTOZJz3ccpxhr3wgxVmSeiYinW+zlzQz3SXWaJmD1DuL05Jeq7nKw3SnbKmbleW5qrLG5vdyWe/A9sXhw==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/mongodb": {
+      "version": "3.6.12",
+      "resolved": "https://registry.npmjs.org/@types/mongodb/-/mongodb-3.6.12.tgz",
+      "integrity": "sha512-49aEzQD5VdHPxyd5dRyQdqEveAg9LanwrH8RQipnMuulwzKmODXIZRp0umtxi1eBUfEusRkoy8AVOMr+kVuFog==",
+      "dependencies": {
+        "@types/bson": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "14.14.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.37.tgz",
+      "integrity": "sha512-XYmBiy+ohOR4Lh5jE379fV2IU+6Jn4g5qASinhitfyO71b/sCo6MKsMLF5tc7Zf2CE8hViVQyYSobJNke8OvUw=="
+    },
     "node_modules/accepts": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
@@ -29,6 +52,20 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
+    "node_modules/bl": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-2.2.1.tgz",
+      "integrity": "sha512-6Pesp1w0DEX1N550i/uGV/TqucVL4AM/pgThFSN/Qq9si1/DF9aIHs1BxD8V/QU0HoeHO6cQRTAuYnLPKq1e4g==",
+      "dependencies": {
+        "readable-stream": "^2.3.5",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
+      "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA=="
+    },
     "node_modules/body-parser": {
       "version": "1.19.0",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
@@ -49,6 +86,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/bson": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-1.1.6.tgz",
+      "integrity": "sha512-EvVNVeGo4tHxwi8L6bPj3y3itEvStdwvvlojVxxbyYfoaxJ6keLgrTuKdyfEAszFK+H3olzBuafE0yoh0D1gdg==",
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
     "node_modules/bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
@@ -125,6 +170,11 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
     "node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -133,6 +183,14 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/denque": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-1.5.0.tgz",
+      "integrity": "sha512-CYiCSgIF1p6EUByQPlGkKnP1M9g0ZV3qMIrqMqZqdwazygIA/YP2vrbcyl1h/WppKJTdl1F85cXIle+394iDAQ==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/depd": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
@@ -284,6 +342,16 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/kareem": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.3.2.tgz",
+      "integrity": "sha512-STHz9P7X2L4Kwn72fA4rGyqyXdmrMSdxqHx9IXon/FXluXieaFA6KJ2upcHAHxQPQ0LeM/OjLrhFxifHewOALQ=="
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -292,6 +360,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "optional": true
+    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -335,6 +409,133 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mongodb": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.6.5.tgz",
+      "integrity": "sha512-mQlYKw1iGbvJJejcPuyTaytq0xxlYbIoVDm2FODR+OHxyEiMR021vc32bTvamgBjCswsD54XIRwhg3yBaWqJjg==",
+      "dependencies": {
+        "bl": "^2.2.1",
+        "bson": "^1.1.4",
+        "denque": "^1.4.1",
+        "require_optional": "^1.0.1",
+        "safe-buffer": "^5.1.2"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "optionalDependencies": {
+        "saslprep": "^1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "aws4": {
+          "optional": true
+        },
+        "bson-ext": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "mongodb-extjson": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "5.12.3",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-5.12.3.tgz",
+      "integrity": "sha512-frsSR9yeldaRpSUeTegXCSB0Tu5UGq8sHuHBuEV31Jk3COyxlKFQPL7UsdMhxPUCmk74FpOYSmNwxhWBEqgzQg==",
+      "dependencies": {
+        "@types/mongodb": "^3.5.27",
+        "bson": "^1.1.4",
+        "kareem": "2.3.2",
+        "mongodb": "3.6.5",
+        "mongoose-legacy-pluralize": "1.0.2",
+        "mpath": "0.8.3",
+        "mquery": "3.2.5",
+        "ms": "2.1.2",
+        "regexp-clone": "1.0.0",
+        "safe-buffer": "5.2.1",
+        "sift": "7.0.1",
+        "sliced": "1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mongoose-legacy-pluralize": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mongoose-legacy-pluralize/-/mongoose-legacy-pluralize-1.0.2.tgz",
+      "integrity": "sha512-Yo/7qQU4/EyIS8YDFSeenIvXxZN+ld7YdV9LqFVQJzTLye8unujAWPZ4NWKfFA+RNjh+wvTWKY9Z3E5XM6ZZiQ==",
+      "peerDependencies": {
+        "mongoose": "*"
+      }
+    },
+    "node_modules/mongoose/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/mongoose/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/mpath": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.8.3.tgz",
+      "integrity": "sha512-eb9rRvhDltXVNL6Fxd2zM9D4vKBxjVVQNLNijlj7uoXUy19zNDsIif5zR+pWmPCWNKwAtqyo4JveQm4nfD5+eA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-3.2.5.tgz",
+      "integrity": "sha512-VjOKHHgU84wij7IUoZzFRU07IAxd5kWJaDmyUzQlbjHjyoeK5TNeeo8ZsFDtTYnSgpW6n/nMNIHvE3u8Lbrf4A==",
+      "dependencies": {
+        "bluebird": "3.5.1",
+        "debug": "3.1.0",
+        "regexp-clone": "^1.0.0",
+        "safe-buffer": "5.1.2",
+        "sliced": "1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
     "node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -380,6 +581,11 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
@@ -422,6 +628,42 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/regexp-clone": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/regexp-clone/-/regexp-clone-1.0.0.tgz",
+      "integrity": "sha512-TuAasHQNamyyJ2hb97IuBEif4qBHGjPHBS64sZwytpLEqtBQ1gPJTnOaQ6qmpET16cK14kkjbazl6+p0RRv0yw=="
+    },
+    "node_modules/require_optional": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require_optional/-/require_optional-1.0.1.tgz",
+      "integrity": "sha512-qhM/y57enGWHAe3v/NcwML6a3/vfESLe/sGM2dII+gEO0BpKRUkWZow/tyloNqJyN6kXSl3RyyM8Ll5D/sJP8g==",
+      "dependencies": {
+        "resolve-from": "^2.0.0",
+        "semver": "^5.1.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-2.0.0.tgz",
+      "integrity": "sha1-lICrIOlP+h2egKgEx+oUdhGWa1c=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -432,6 +674,26 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "node_modules/saslprep": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/saslprep/-/saslprep-1.0.3.tgz",
+      "integrity": "sha512-/MY/PEMbk2SuY5sScONwhUDsV2p77Znkb/q3nSVstq/yQzYJOH/Azh29p9oJLsl3LnQwSvZDKagDGBsBwSooag==",
+      "optional": true,
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/send": {
       "version": "0.17.1",
       "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
@@ -479,6 +741,25 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
       "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
     },
+    "node_modules/sift": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-7.0.1.tgz",
+      "integrity": "sha512-oqD7PMJ+uO6jV9EQCl0LrRw1OwsiPsiFQR5AR30heR+4Dl7jBBbDLnNvWiak20tzZlSE1H7RB30SX/1j/YYT7g=="
+    },
+    "node_modules/sliced": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
+      "integrity": "sha1-CzpmK10Ewxd7GSa+qCsD+Dei70E="
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "optional": true,
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
     "node_modules/statuses": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
@@ -487,6 +768,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/toidentifier": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
@@ -515,6 +804,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
     "node_modules/utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -533,6 +827,28 @@
     }
   },
   "dependencies": {
+    "@types/bson": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/bson/-/bson-4.0.3.tgz",
+      "integrity": "sha512-mVRvYnTOZJz3ccpxhr3wgxVmSeiYinW+zlzQz3SXWaJmD1DuL05Jeq7nKw3SnbKmbleW5qrLG5vdyWe/A9sXhw==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/mongodb": {
+      "version": "3.6.12",
+      "resolved": "https://registry.npmjs.org/@types/mongodb/-/mongodb-3.6.12.tgz",
+      "integrity": "sha512-49aEzQD5VdHPxyd5dRyQdqEveAg9LanwrH8RQipnMuulwzKmODXIZRp0umtxi1eBUfEusRkoy8AVOMr+kVuFog==",
+      "requires": {
+        "@types/bson": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/node": {
+      "version": "14.14.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.37.tgz",
+      "integrity": "sha512-XYmBiy+ohOR4Lh5jE379fV2IU+6Jn4g5qASinhitfyO71b/sCo6MKsMLF5tc7Zf2CE8hViVQyYSobJNke8OvUw=="
+    },
     "accepts": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
@@ -547,6 +863,20 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
+    "bl": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-2.2.1.tgz",
+      "integrity": "sha512-6Pesp1w0DEX1N550i/uGV/TqucVL4AM/pgThFSN/Qq9si1/DF9aIHs1BxD8V/QU0HoeHO6cQRTAuYnLPKq1e4g==",
+      "requires": {
+        "readable-stream": "^2.3.5",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "bluebird": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
+      "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA=="
+    },
     "body-parser": {
       "version": "1.19.0",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
@@ -564,6 +894,11 @@
         "type-is": "~1.6.17"
       }
     },
+    "bson": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-1.1.6.tgz",
+      "integrity": "sha512-EvVNVeGo4tHxwi8L6bPj3y3itEvStdwvvlojVxxbyYfoaxJ6keLgrTuKdyfEAszFK+H3olzBuafE0yoh0D1gdg=="
+    },
     "bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
@@ -621,6 +956,11 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
     },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
     "debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -629,6 +969,11 @@
         "ms": "2.0.0"
       }
     },
+    "denque": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-1.5.0.tgz",
+      "integrity": "sha512-CYiCSgIF1p6EUByQPlGkKnP1M9g0ZV3qMIrqMqZqdwazygIA/YP2vrbcyl1h/WppKJTdl1F85cXIle+394iDAQ=="
+    },
     "depd": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
@@ -750,11 +1095,27 @@
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
     },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "kareem": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.3.2.tgz",
+      "integrity": "sha512-STHz9P7X2L4Kwn72fA4rGyqyXdmrMSdxqHx9IXon/FXluXieaFA6KJ2upcHAHxQPQ0LeM/OjLrhFxifHewOALQ=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
+    "memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "optional": true
+    },
     "merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -783,6 +1144,83 @@
         "mime-db": "1.47.0"
       }
     },
+    "mongodb": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.6.5.tgz",
+      "integrity": "sha512-mQlYKw1iGbvJJejcPuyTaytq0xxlYbIoVDm2FODR+OHxyEiMR021vc32bTvamgBjCswsD54XIRwhg3yBaWqJjg==",
+      "requires": {
+        "bl": "^2.2.1",
+        "bson": "^1.1.4",
+        "denque": "^1.4.1",
+        "require_optional": "^1.0.1",
+        "safe-buffer": "^5.1.2",
+        "saslprep": "^1.0.0"
+      }
+    },
+    "mongoose": {
+      "version": "5.12.3",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-5.12.3.tgz",
+      "integrity": "sha512-frsSR9yeldaRpSUeTegXCSB0Tu5UGq8sHuHBuEV31Jk3COyxlKFQPL7UsdMhxPUCmk74FpOYSmNwxhWBEqgzQg==",
+      "requires": {
+        "@types/mongodb": "^3.5.27",
+        "bson": "^1.1.4",
+        "kareem": "2.3.2",
+        "mongodb": "3.6.5",
+        "mongoose-legacy-pluralize": "1.0.2",
+        "mpath": "0.8.3",
+        "mquery": "3.2.5",
+        "ms": "2.1.2",
+        "regexp-clone": "1.0.0",
+        "safe-buffer": "5.2.1",
+        "sift": "7.0.1",
+        "sliced": "1.0.1"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+        }
+      }
+    },
+    "mongoose-legacy-pluralize": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mongoose-legacy-pluralize/-/mongoose-legacy-pluralize-1.0.2.tgz",
+      "integrity": "sha512-Yo/7qQU4/EyIS8YDFSeenIvXxZN+ld7YdV9LqFVQJzTLye8unujAWPZ4NWKfFA+RNjh+wvTWKY9Z3E5XM6ZZiQ==",
+      "requires": {}
+    },
+    "mpath": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.8.3.tgz",
+      "integrity": "sha512-eb9rRvhDltXVNL6Fxd2zM9D4vKBxjVVQNLNijlj7uoXUy19zNDsIif5zR+pWmPCWNKwAtqyo4JveQm4nfD5+eA=="
+    },
+    "mquery": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-3.2.5.tgz",
+      "integrity": "sha512-VjOKHHgU84wij7IUoZzFRU07IAxd5kWJaDmyUzQlbjHjyoeK5TNeeo8ZsFDtTYnSgpW6n/nMNIHvE3u8Lbrf4A==",
+      "requires": {
+        "bluebird": "3.5.1",
+        "debug": "3.1.0",
+        "regexp-clone": "^1.0.0",
+        "safe-buffer": "5.1.2",
+        "sliced": "1.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -816,6 +1254,11 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
     },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
     "proxy-addr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
@@ -846,6 +1289,39 @@
         "unpipe": "1.0.0"
       }
     },
+    "readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "regexp-clone": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/regexp-clone/-/regexp-clone-1.0.0.tgz",
+      "integrity": "sha512-TuAasHQNamyyJ2hb97IuBEif4qBHGjPHBS64sZwytpLEqtBQ1gPJTnOaQ6qmpET16cK14kkjbazl6+p0RRv0yw=="
+    },
+    "require_optional": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require_optional/-/require_optional-1.0.1.tgz",
+      "integrity": "sha512-qhM/y57enGWHAe3v/NcwML6a3/vfESLe/sGM2dII+gEO0BpKRUkWZow/tyloNqJyN6kXSl3RyyM8Ll5D/sJP8g==",
+      "requires": {
+        "resolve-from": "^2.0.0",
+        "semver": "^5.1.0"
+      }
+    },
+    "resolve-from": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-2.0.0.tgz",
+      "integrity": "sha1-lICrIOlP+h2egKgEx+oUdhGWa1c="
+    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -856,6 +1332,20 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "saslprep": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/saslprep/-/saslprep-1.0.3.tgz",
+      "integrity": "sha512-/MY/PEMbk2SuY5sScONwhUDsV2p77Znkb/q3nSVstq/yQzYJOH/Azh29p9oJLsl3LnQwSvZDKagDGBsBwSooag==",
+      "optional": true,
+      "requires": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+    },
     "send": {
       "version": "0.17.1",
       "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
@@ -899,11 +1389,38 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
       "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
     },
+    "sift": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-7.0.1.tgz",
+      "integrity": "sha512-oqD7PMJ+uO6jV9EQCl0LrRw1OwsiPsiFQR5AR30heR+4Dl7jBBbDLnNvWiak20tzZlSE1H7RB30SX/1j/YYT7g=="
+    },
+    "sliced": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
+      "integrity": "sha1-CzpmK10Ewxd7GSa+qCsD+Dei70E="
+    },
+    "sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "optional": true,
+      "requires": {
+        "memory-pager": "^1.0.2"
+      }
+    },
     "statuses": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
       "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
     },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "toidentifier": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
@@ -923,6 +1440,11 @@
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
     },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",

package.json

@@ -10,6 +10,7 @@
   "license": "ISC",
   "dependencies": {
     "compression": "^1.7.4",
-    "express": "^4.17.1"
+    "express": "^4.17.1",
+    "mongoose": "^5.12.3"
   }
 }

routes.js

@@ -1,11 +1,18 @@
+const controller = require("./controller.js");
+
 module.exports = function(app){
     let views = `${__dirname}/views`;
+
     //MAIN
     app.get("/", (req, res)=>{res.sendFile(`${views}/main/index.html`)});
     app.get("/style", (req, res)=>{res.sendFile(`${views}/main/index.css`)});
 
     //WRITING
     app.get("/writing/style", (req, res)=>{res.sendFile(`${views}/writing/index.css`)});
+    app.get("/writing/code", (req, res)=>{res.sendFile(`${views}/writing/index.js`)});
+    app.get("/writing/comments/:article", controller.getComments);
+    app.post("/writing/comments", controller.createComment);
+
     app.get("/writing/touchscreens", (req, res)=>{res.sendFile(`${views}/writing/touchscreens.html`)});
 
     //IMAGES

views/writing/index.css

@@ -7,24 +7,93 @@ body{
     padding: 25px;
 }
 
-div{
+h1{
+    text-align: center;
+    margin-bottom: 50px;
+    font-size: 50px;
+}
+
+.article{
     background: #C4C6C0;
     width: 75vw;
     box-sizing: border-box;
     padding: 50px;
     margin: auto;
-}
-
-h1{
-    text-align: center;
     margin-bottom: 50px;
-    font-size: 50px;
 }
 
-p{
+.paragraph{
     text-indent: 50px;
     margin-bottom: 22px;
     text-align: justify;
     font-size: 22px;
     line-height: 1.8;
-}
+}
+
+#createComment{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 75vw;
+    background: #C4C6C0;
+    box-sizing: border-box;
+    margin: auto;
+    padding: 25px;
+    margin-bottom: 50px;
+}
+
+    #createComment > *{
+        margin: 10px;
+    }
+
+    #createComment label{
+        display: flex;
+        flex-direction: column;
+        width: 60%;
+    }
+
+    #nameInput{
+        font-size: 16px;
+    }
+
+    #commentInput{
+        font-size: 16px;
+    }
+
+#comments{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 75vw;
+    background: #C4C6C0;
+    box-sizing: border-box;
+    margin: auto;
+    padding-bottom: 25px;
+}
+
+    #comments > *{
+        margin: 10px;
+    }
+
+    .comment{
+        display: flex;
+        flex-direction: column;
+        width: 75%;
+        background: white;
+        padding: 25px;
+    }
+
+        .comment h3{
+            font-size: 16px;
+        }
+
+        .comment > div{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+
+        .comment > p{
+            font-size: 16px;
+        }

views/writing/index.js

@@ -0,0 +1,67 @@
+fetch("/writing/comments/touchscreens")
+    .then(response => response.json())
+    .then((response)=>{
+        if(typeof(response) === "string"){
+        }else{
+            let comments = document.getElementById("comments");
+            let template = document.getElementById("comment").content.children[0];
+
+            let dateOptions = {
+                month: "long",
+                day: "numeric",
+                year: "numeric"
+            };
+
+            for(let i = 0; i < response.length; i++){
+                let comment = template.cloneNode(true);
+                comment.children[0].children[0].innerText = response[i].name;
+                comment.children[0].children[1].innerText = new Date(response[i].date).toLocaleDateString("en-US", dateOptions);
+                comment.children[1].innerText = response[i].content;
+                comments.appendChild(comment);
+            }
+        }
+    })
+    .catch((err)=>{
+    });
+
+    createComment = ()=>{
+        event.preventDefault();
+
+        let data = {
+            article: document.getElementById("articleInput").getAttribute("article"),
+            name: document.getElementById("nameInput").value,
+            content: document.getElementById("commentInput").value,
+            date: new Date()
+        };
+
+        fetch("/writing/comments", {
+            method: "post",
+            headers: {
+                "Content-Type": "application/json;charset=utf-8"
+            },
+            body: JSON.stringify(data)
+        })
+            .then(response => response.json())
+            .then((response)=>{
+                if(typeof(response) === "string"){
+                }else{
+                    let comments = document.getElementById("comments");
+                    let comment = document.getElementById("comment").content.children[0].cloneNode(true);
+
+                    let dateOptions = {
+                        month: "long",
+                        day: "numeric",
+                        year: "long"
+                    };
+
+                    comment.children[0].children[0].innerText = response.name;
+                    comment.children[0].children[1].innerText = new Date(response.date).toLocaleDateString("en-US", dateOptions);
+                    comment.children[1].innerText = response.content;
+                    comments.insertBefore(comment, comments.children[1]);
+                }
+            })
+            .catch((err)=>{
+            });
+    }
+
+document.getElementById("createComment").onsubmit = ()=>{createComment()};

views/writing/touchscreens.html

@@ -6,44 +6,78 @@
         <link rel="stylesheet" href="/writing/style">
     </head>
     <body>
-        <div>
+        <div class="article">
             <h1>Touchscreens, An Essay</h1>
 
-            <p>So, I recently moved.  One of the things that I noticed in the apartment was the stove.  Very modern, looked pretty new.  It was a glass top stove.  One of those fancy stoves, it looks like just a piece of glass sitting on the counter top.  Low profile, sleek, no buttons or knobs.  All of the controls on it are buttons that you just touch.  I have used these a few times in the past, but never really thought much about them.  However, now I was going to have to use it for an extended time, for several months.  Also at this time, I decided that as a 30 year old adult, maybe I should finally learn how to cook something.  So, this stove was a great opportunity, it's new, it's cool, I am excited to start playing around with it.</p>
+            <p class="paragraph">So, I recently moved.  One of the things that I noticed in the apartment was the stove.  Very modern, looked pretty new.  It was a glass top stove.  One of those fancy stoves, it looks like just a piece of glass sitting on the counter top.  Low profile, sleek, no buttons or knobs.  All of the controls on it are buttons that you just touch.  I have used these a few times in the past, but never really thought much about them.  However, now I was going to have to use it for an extended time, for several months.  Also at this time, I decided that as a 30 year old adult, maybe I should finally learn how to cook something.  So, this stove was a great opportunity, it's new, it's cool, I am excited to start playing around with it.</p>
 
-            <p>I soon learned to hate this stove to a degree that is, honestly, irrational.  I have never been more angry about a minor inconvenience in my life as I am about this stove.  In reality, the amount of inconvenience it has caused me is incredibly small, it's the utter preventabilty of this minor inconvenience that infuriates me.  I am going to spend some time ranting about the stove for a bit, then I will get more to the heart of the matter, excessive touchscreens.</p>
+            <p class="paragraph">I soon learned to hate this stove to a degree that is, honestly, irrational.  I have never been more angry about a minor inconvenience in my life as I am about this stove.  In reality, the amount of inconvenience it has caused me is incredibly small, it's the utter preventabilty of this minor inconvenience that infuriates me.  I am going to spend some time ranting about the stove for a bit, then I will get more to the heart of the matter, excessive touchscreens.</p>
 
-            <p>The stove.  The damn stove.  First problem, cleaning.  Well, you might say to yourself, it's glass, it's flat, it must be easy to clean.  More or less, that is true, super simple to clean.  However, the problem, of course, is the touchscreen.  Let's start by talking about what happens when you get it wet.  Say you spray your favorite cleaner on the surface (personally I use my favorite brand, Nameless Blue Liquid), that liquid might just go hog wild activating all the buttons.  Ya, apparently just liquid on the stove can press the buttons.  If that doesn't happen, then you will definitely press all of the buttons when you try to wipe it.  Either way, those buttons are getting pressed, and you have no idea what will happen.  Easy enough though, just press them again to turn the stove off right?  That's a stupid question, clearly you have never used a smartphone in the rain.  It is impossible.  Nameless Blue Liquid has now completely hijacked my stove and I can do little or nothing about it.  Even when I wipe it off, it is still a bit damp and the buttons don't work properly.  At this point I start to mash the buttons harder and harder, as if that is somehow going to help.  I have literally had the stove turn on and start to cook the cleaning product while I try to turn it off.  Absurd, absolutely absurd.  There is a button with a key on it, I think it is a lock for this type of thing.  However, I cannot be inconvenienced with taking the 2 minutes out of my day that it would take to figure that out.  But think about it, if that is what that button is for, then they had to add extra functionality to this stove, just fix a problem that had never before existed on other, perfectly functional stoves.</p>
+            <p class="paragraph">The stove.  The damn stove.  First problem, cleaning.  Well, you might say to yourself, it's glass, it's flat, it must be easy to clean.  More or less, that is true, super simple to clean.  However, the problem, of course, is the touchscreen.  Let's start by talking about what happens when you get it wet.  Say you spray your favorite cleaner on the surface (personally I use my favorite brand, Nameless Blue Liquid), that liquid might just go hog wild activating all the buttons.  Ya, apparently just liquid on the stove can press the buttons.  If that doesn't happen, then you will definitely press all of the buttons when you try to wipe it.  Either way, those buttons are getting pressed, and you have no idea what will happen.  Easy enough though, just press them again to turn the stove off right?  That's a stupid question, clearly you have never used a smartphone in the rain.  It is impossible.  Nameless Blue Liquid has now completely hijacked my stove and I can do little or nothing about it.  Even when I wipe it off, it is still a bit damp and the buttons don't work properly.  At this point I start to mash the buttons harder and harder, as if that is somehow going to help.  I have literally had the stove turn on and start to cook the cleaning product while I try to turn it off.  Absurd, absolutely absurd.  There is a button with a key on it, I think it is a lock for this type of thing.  However, I cannot be inconvenienced with taking the 2 minutes out of my day that it would take to figure that out.  But think about it, if that is what that button is for, then they had to add extra functionality to this stove, just fix a problem that had never before existed on other, perfectly functional stoves.</p>
 
-            <p>Second problem, hot buttons.  The bottom two "stove things" (I have no idea what to call them), are literally only a couple centimeters from the buttons.  This means several things.  The first and most obvious is that the buttons can get super hot at times.  I literally might burn myself just attempting to turn the stove off.  Who designed this?  And more importantly, who green-lit this design?  Also, because they are so close, it is very easy to accidentally touch the pan or pot that you are cooking with if you try to use the buttons.  You also have to be really careful about the pot or pan that you are using to keep it a reasonable distance from the buttons while still keeping it on the "hot spot".  Also, if the pot/pan gets too close to the button, sometimes it will activate it.  Seriously, a hot pot/pan can actually press the buttons.  Ludicrous.</p>
+            <p class="paragraph">Second problem, hot buttons.  The bottom two "stove things" (I have no idea what to call them), are literally only a couple centimeters from the buttons.  This means several things.  The first and most obvious is that the buttons can get super hot at times.  I literally might burn myself just attempting to turn the stove off.  Who designed this?  And more importantly, who green-lit this design?  Also, because they are so close, it is very easy to accidentally touch the pan or pot that you are cooking with if you try to use the buttons.  You also have to be really careful about the pot or pan that you are using to keep it a reasonable distance from the buttons while still keeping it on the "hot spot".  Also, if the pot/pan gets too close to the button, sometimes it will activate it.  Seriously, a hot pot/pan can actually press the buttons.  Ludicrous.</p>
 
-            <p>Third problem, functionality.  Remember back in the old days when stoves had those little dials that you had to turn?  How quaint.  Now, in this modern age of technology, as we move ever forward and improve on those ancient designs, we are privileged to spend 5 minutes pressing 20 different buttons in just the right order so that I can cook a damn egg.  This is a prime example of solving problems that don't exist.  Those antiquated dials from the past were damn easy to use.  You walk up to the stove, turn the dial, and like magic it works.  Maybe you have to press a button or something if it is a gas stove.  That is it.  The dials are usually out of the way of everything, and it is quick.  Now listen to this series of steps that I have to take with this modern masterpiece.  Press the power button.  Press a button indicating which "hot spot" I want to cook on.  Press the "up" button 5 or 6 times to get it to the temperature that I want.  Of course, I can hold the "up" button if I want, but there are two problems with that.  First, it isn't faster, because the button has to wait a second or two to figure out if you are just pressing the button or holding it, then it starts slow anyway.  Second, it starts slow, but by the it gets to the number that I want, it is travelling at ludicrous speed, inevitably goes past my desired number, and then I have to press it several times anyway just to bring it back down to where I want it.  All of this was done by our ancestors with just a quick turn of their wrists, those fools.</p>
+            <p class="paragraph">Third problem, functionality.  Remember back in the old days when stoves had those little dials that you had to turn?  How quaint.  Now, in this modern age of technology, as we move ever forward and improve on those ancient designs, we are privileged to spend 5 minutes pressing 20 different buttons in just the right order so that I can cook a damn egg.  This is a prime example of solving problems that don't exist.  Those antiquated dials from the past were damn easy to use.  You walk up to the stove, turn the dial, and like magic it works.  Maybe you have to press a button or something if it is a gas stove.  That is it.  The dials are usually out of the way of everything, and it is quick.  Now listen to this series of steps that I have to take with this modern masterpiece.  Press the power button.  Press a button indicating which "hot spot" I want to cook on.  Press the "up" button 5 or 6 times to get it to the temperature that I want.  Of course, I can hold the "up" button if I want, but there are two problems with that.  First, it isn't faster, because the button has to wait a second or two to figure out if you are just pressing the button or holding it, then it starts slow anyway.  Second, it starts slow, but by the it gets to the number that I want, it is travelling at ludicrous speed, inevitably goes past my desired number, and then I have to press it several times anyway just to bring it back down to where I want it.  All of this was done by our ancestors with just a quick turn of their wrists, those fools.</p>
 
-            <p>Alright, finally we can get more to the point, and the entire reason that we are here.  Touchscreens.  The stove is what made me start to think about this, and I wanted to rant about it for a while.  However, it is very relevant to the whole touchscreen problem as it illustrates the problem here.  Touchscreens do not belong everywhere.  Don't get me wrong, touchscreens are a great invention and I am very glad for them.  My phone is beautifully functional due to its touchscreen.  I am not trying to complain about touchscreens in general, just our idiotic use of them.  They don't belong everywhere, they should be used sparingly, only when necessary.</p>
+            <p class="paragraph">Alright, finally we can get more to the point, and the entire reason that we are here.  Touchscreens.  The stove is what made me start to think about this, and I wanted to rant about it for a while.  However, it is very relevant to the whole touchscreen problem as it illustrates the problem here.  Touchscreens do not belong everywhere.  Don't get me wrong, touchscreens are a great invention and I am very glad for them.  My phone is beautifully functional due to its touchscreen.  I am not trying to complain about touchscreens in general, just our idiotic use of them.  They don't belong everywhere, they should be used sparingly, only when necessary.</p>
 
-            <p>Lets talk about some other things that don't deserve to have touchscreens.</p>
+            <p class="paragraph">Lets talk about some other things that don't deserve to have touchscreens.</p>
 
-            <p>Desktop computers.  This one just makes no sense.  The mouse and keyboard have been around since as long as the personal computer and are the perfect solution to interacting with it.  Why would you scrap that and replace it with a touchscreen.  Any person who does serious work on their computer will tell you that you can accomplish very little with a touchscreen.  You need a mouse and keyboard.  Especially for typing.  Typing on a touchscreen is the most aggravating and infuriating thing ever.</p>
+            <p class="paragraph">Desktop computers.  This one just makes no sense.  The mouse and keyboard have been around since as long as the personal computer and are the perfect solution to interacting with it.  Why would you scrap that and replace it with a touchscreen.  Any person who does serious work on their computer will tell you that you can accomplish very little with a touchscreen.  You need a mouse and keyboard.  Especially for typing.  Typing on a touchscreen is the most aggravating and infuriating thing ever.</p>
 
-            <p>Laptop computers.  Basically similar to desktop computers.  Why?  Why do that to yourself?  There is no benefit to touchscreen over mouse and keyboard.  I can understand this with a 2-in-1 laptop, so that you can use it like a tablet.  However, two things.  First, tablets are stupid, but that's an argument for another day.  Second, you still have to contend with the difficulties of a touchscreen on a laptop.  Greasy fingerprints on the screen, accidentally touching the screen when pointing at something, poor support for touchscreens on all desktop operating systems and the list goes on.  Do yourself a favor and never get a laptop with a touchscreen.  I made this mistake several years ago and am still living with it.  I thought it would be so cool and modern to have a touchscreen laptop.  It's awful and I regret it every day of my life.</p>
+            <p class="paragraph">Laptop computers.  Basically similar to desktop computers.  Why?  Why do that to yourself?  There is no benefit to touchscreen over mouse and keyboard.  I can understand this with a 2-in-1 laptop, so that you can use it like a tablet.  However, two things.  First, tablets are stupid, but that's an argument for another day.  Second, you still have to contend with the difficulties of a touchscreen on a laptop.  Greasy fingerprints on the screen, accidentally touching the screen when pointing at something, poor support for touchscreens on all desktop operating systems and the list goes on.  Do yourself a favor and never get a laptop with a touchscreen.  I made this mistake several years ago and am still living with it.  I thought it would be so cool and modern to have a touchscreen laptop.  It's awful and I regret it every day of my life.</p>
 
-            <p>Televisions.  These are not terribly common, but I know that they do exist.  Ya, great idea, spend a thousand dollars extra for the convenience of getting off the couch to interact with it.  Ya, you can still use a remote, but then why have the touchscreen in the first place?  Speaking of which, touchscreen remotes.  Awful.  Old-style buttons are great, easy to find, easy to press and there is a limited number of things that you want to do with a remote, so you don't need a small computer inside a remote to control the damn thing.  We figured out the technology of remotes many decades ago, stop trying to "improve" it.</p>
+            <p class="paragraph">Televisions.  These are not terribly common, but I know that they do exist.  Ya, great idea, spend a thousand dollars extra for the convenience of getting off the couch to interact with it.  Ya, you can still use a remote, but then why have the touchscreen in the first place?  Speaking of which, touchscreen remotes.  Awful.  Old-style buttons are great, easy to find, easy to press and there is a limited number of things that you want to do with a remote, so you don't need a small computer inside a remote to control the damn thing.  We figured out the technology of remotes many decades ago, stop trying to "improve" it.</p>
 
-            <p>Cars.  This may be one of the stupidest places to put touchscreens that I can imagine.  You now have to look down at the screen and press a specific spot if you are driving and want to change the volume of the radio.  These have definitely made driving much more dangerous.  With knobs and buttons, I know exactly where they are and I can reach down to change them without taking my eyes off the road and with much greater ease.  Also, if I hit a bump while trying to adjust something, you never know what you are going to press on that touchscreen.</p>
+            <p class="paragraph">Cars.  This may be one of the stupidest places to put touchscreens that I can imagine.  You now have to look down at the screen and press a specific spot if you are driving and want to change the volume of the radio.  These have definitely made driving much more dangerous.  With knobs and buttons, I know exactly where they are and I can reach down to change them without taking my eyes off the road and with much greater ease.  Also, if I hit a bump while trying to adjust something, you never know what you are going to press on that touchscreen.</p>
 
-            <p>Cameras.  Not your phone camera, but purpose-built digital cameras.  Buttons are far, far more effective and you don't need to add a touchscreen.  Especially terrible are the touchscreens that encompass the entire backside of the camera.  So when taking a picture you have to gently hold it by the very edge to make sure that you don't accidentally press something on the touchscreen.</p>
+            <p class="paragraph">Cameras.  Not your phone camera, but purpose-built digital cameras.  Buttons are far, far more effective and you don't need to add a touchscreen.  Especially terrible are the touchscreens that encompass the entire backside of the camera.  So when taking a picture you have to gently hold it by the very edge to make sure that you don't accidentally press something on the touchscreen.</p>
 
-            <p>Watches.  OK, this one isn't really about touchscreens so much as smartwatches themselves.  If you are going to have a tiny computer on your wrist, then I guess you really need a touchscreen.  However, smartwatches are really just solving a problem that didn't exist.  I hate them and wanted to complain.</p>
+            <p class="paragraph">Watches.  OK, this one isn't really about touchscreens so much as smartwatches themselves.  If you are going to have a tiny computer on your wrist, then I guess you really need a touchscreen.  However, smartwatches are really just solving a problem that didn't exist.  I hate them and wanted to complain.</p>
 
-            <p>Headphones.  These are less common and are not necessarily touchscreens, but more like "touch buttons".  These touch buttons on Bluetooth headphones were created by Lucifer himself in the depths of hell.  I know because I stupidly bought some.  Wireless, Bluetooth, controlled by the touch button on them.  I have to be so gentle when handling them to not accidentally touch the button and have it do something weird.  They disconnect or turn off all the time when I try to adjust them in my ear.  What was wrong with the simple buttons from yesteryear?  We need to stop fixing problems that don't exist.</p>
+            <p class="paragraph">Headphones.  These are less common and are not necessarily touchscreens, but more like "touch buttons".  These touch buttons on Bluetooth headphones were created by Lucifer himself in the depths of hell.  I know because I stupidly bought some.  Wireless, Bluetooth, controlled by the touch button on them.  I have to be so gentle when handling them to not accidentally touch the button and have it do something weird.  They disconnect or turn off all the time when I try to adjust them in my ear.  What was wrong with the simple buttons from yesteryear?  We need to stop fixing problems that don't exist.</p>
 
-            <p>Locks.  You know, the ones where you enter your pass code for the door to unlock?  There are perfectly functional mechanical versions of these with buttons.  If you make them touchscreen, then you are just introducing many extra possible points of failure.  Now it needs a battery, or to be plugged in.  If the battery dies, you are locked out.  Also, buttons are simply easier to use because they are tactile.  These locks are also less secure because, if it is for a single person, you can see exactly where they touch it and the fingerprints on it.</p>
+            <p class="paragraph">Locks.  You know, the ones where you enter your pass code for the door to unlock?  There are perfectly functional mechanical versions of these with buttons.  If you make them touchscreen, then you are just introducing many extra possible points of failure.  Now it needs a battery, or to be plugged in.  If the battery dies, you are locked out.  Also, buttons are simply easier to use because they are tactile.  These locks are also less secure because, if it is for a single person, you can see exactly where they touch it and the fingerprints on it.</p>
 
-            <p>Touchscreen technology is great, I really love having a touchscreen on my phone, it makes it much more pleasant to use.  They just simply do not belong everywhere.  In places where they belong, they are great.  Everywhere else, they are just incredibly frustrating and terrible.  This rant is less about touchscreens than the morons who decide to put them on everything.  The only reason that this is done is because people are raccoons.  We are attracted to shiny things.  We see this new shiny technology and wonder how many things we can put it on instead of wondering where it can be beneficial.</p>
+            <p class="paragraph">Touchscreen technology is great, I really love having a touchscreen on my phone, it makes it much more pleasant to use.  They just simply do not belong everywhere.  In places where they belong, they are great.  Everywhere else, they are just incredibly frustrating and terrible.  This rant is less about touchscreens than the morons who decide to put them on everything.  The only reason that this is done is because people are raccoons.  We are attracted to shiny things.  We see this new shiny technology and wonder how many things we can put it on instead of wondering where it can be beneficial.</p>
 
-            <p>Touching a screen from which you wish to view things is a terrible idea in general.  Your greasy sausage fingers get fingerprints and grease all over the screen.  Personally, I have to frequently wipe my phone off because it gets fingerprints all over it.  So, if you want to put a touchscreen on something, first you should ask yourself if there is literally any other way that you could accomplish the same thing.  Touchscreens should be used only when there is no better option.</p>
+            <p class="paragraph">Touching a screen from which you wish to view things is a terrible idea in general.  Your greasy sausage fingers get fingerprints and grease all over the screen.  Personally, I have to frequently wipe my phone off because it gets fingerprints all over it.  So, if you want to put a touchscreen on something, first you should ask yourself if there is literally any other way that you could accomplish the same thing.  Touchscreens should be used only when there is no better option.</p>
 
-            <p>The next time that you see some new device with a touchscreen, don't think about how cool it is that the thing has a touchscreen, think about whether it makes sense for it to have a touchscreen on it.  </p>
+            <p class="paragraph">The next time that you see some new device with a touchscreen, don't think about how cool it is that the thing has a touchscreen, think about whether it makes sense for it to have a touchscreen on it.  </p>
         </div>
+
+        <form id="createComment">
+            <h2>Add Comment</h2>
+
+            <label>Display Name:
+                <input id="nameInput" type="text">
+            </label>
+
+            <label>Comment:
+                <textarea id="commentInput" rows="10" columns="80" required></textarea>
+            </label>
+
+            <input type="Submit" value="submit">
+
+            <input id="articleInput" type="hidden" article="touchscreens">
+        </form>
+
+        <div id="comments">
+            <h2>Comments</h2>
+            
+            <template id="comment">
+                <div class="comment">
+                    <div>
+                        <h3></h3>
+
+                        <p></p>
+                    </div>
+                    
+                    <p></p>
+                </div>
+            </template>
+        </div>
+
+        <script src="/writing/code"></script>
     </body>
 </html>