From dd74f0e2977ea4c641c9459cb64917b7bc8ef6b4 Mon Sep 17 00:00:00 2001 From: fatau2 Date: Mon, 9 Sep 2019 22:59:42 +0700 Subject: [PATCH 1/5] added css --- index.html | 102 ++++++++++++++++++++++++++++++ script/createArticlePopup.js | 12 ++++ style/style.css | 118 +++++++++++++++++++++++++++++++++++ 3 files changed, 232 insertions(+) create mode 100644 index.html create mode 100644 script/createArticlePopup.js create mode 100644 style/style.css diff --git a/index.html b/index.html new file mode 100644 index 00000000..4eb970ae --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + Document + + + +
+ +
+
+
+
+
+
+
+ +
+
+
+
+

12/09/2019

+

Resident evil 2 remake

+

#1 + In hardcore and standard it feels very lacking of zombies is there any chance we can get a setting + that can increase the amount of zombies, also there is a bug with the Handgun from claire's found in + police car in campaign it doesn't show in cutscenes even if the Sls60 is in the box please rectify this. + On some of claire's skins her grenade launcher and other guns that go over her shoulders do not appear, + could we also be given access to both campaigns weapons to use on both stories. I love this game so much + it was my birthday present the same week it was originally released. Will we be getting some Ada Wong Dlc + seen pweety pwease

+
+
+
+
+
+

11/09/2019

+

Fiction Based Movies Yet to Be Made

+

So, between things like Harry Potter, Marvel, and of course, Resident Evil, some of our favorite IP's in + other mediums have made the transition to the silver screen. Some with...Less success than others. + In a time where Hollywood is becoming less and less original, I'm sure we'll be seeing more and more of these + beloved IP's in the years that come, on a screen bigger than our houses, because that's how we forget our + problems. So, with that being said, what are some works of fiction that haven't been adapted yet, + that you actually think could be done well? How would you do it? Why? These are the questions I choose to try + and bring this website back from the dead! +

+
+
+
+ + +
+
+

Hi there! What's on your mind?

+


+
+ + +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/script/createArticlePopup.js b/script/createArticlePopup.js new file mode 100644 index 00000000..64eb5792 --- /dev/null +++ b/script/createArticlePopup.js @@ -0,0 +1,12 @@ +$(document).ready(function(){ + + $('.btn-invitation-to-write').click(function(){ + $('.quill-container').css({ display : 'block' }) + }) + + $('.btn-close-popup').click(function(){ + $('.quill-container').css({ display : 'none'}) + }) + }); + + \ No newline at end of file diff --git a/style/style.css b/style/style.css new file mode 100644 index 00000000..f8cf28fe --- /dev/null +++ b/style/style.css @@ -0,0 +1,118 @@ + +body { + background-color: lightgray +} + +.nav-link { + font-family: 'Racing Sans One', cursive; + font-size: 2em; + color: #393838 +} + +#sidenav ul li { + position: fixed; + height: 80%; + left: -180px; /* Position them outside of the screen */ + transition: 0.3s; /* Add transition on hover */ + padding: 15px; /* 15px padding */ + width: 200px; /* Set a specific width */ + text-decoration: none; /* Remove underline */ + font-family: 'Racing Sans One', cursive; + background-color: #393838; + color: white; /* White text color */ + border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */ +} + +#sidenav ul li:hover { + left: 0; +} + +#sidenav ul li a { + font-size: 20px; /* Increase font size */ + cursor: pointer +} + +.active { + background-color: #393838; + color: white +} + +.intro-pic { + background-image: url('https://metro.co.uk/wp-content/uploads/2016/06/horizontal_14658686781.jpg?quality=80&strip=all'); + height: 400px +} + +.content, .overlay { + grid-area: 1 / 1; + } + +.row { + margin-top: 40px +} + +.post-history { + background-color: white +} + +.post { + margin: 3% 3%; + height: 300px; + overflow: scroll +} + +.post .col-5 img { + width: 100%; + height: 100%; + object-fit: contain +} + +.btn-invitation-to-write { + height: 100px; + background-color: #393838 ; + font-family: 'Racing Sans One', cursive; + font-size: 2em; + text-align: center; + color: azure; +} + +.quill-container { + display: none; + background-color: honeydew; + position: fixed; + bottom: 50px; + right: 15px; + border: 3px solid #f1f1f1; + z-index: 9; +} + +.article { + padding : 20px 50px; + background-color: gainsboro +} + +footer { + background-color: #393838; + color: white +} + +footer ul { + text-align: center; + list-style-type: none; + padding: 20px 20px +} + +footer ul li { + font-family: 'Racing Sans One', cursive; + display: inline-block; + padding: 0px 10px; + font-size: 1.5em; + cursor: pointer +} + +footer ul li a { + display:block; +} + +footer ul li:hover { + color: #0056b3 +} From 1a979ed62df83cb284a808bc90a72b1bd8c572bb Mon Sep 17 00:00:00 2001 From: fatau2 Date: Tue, 10 Sep 2019 23:16:52 +0700 Subject: [PATCH 2/5] added crud and server --- .gitignore | 2 + index.html => client/index.html | 120 ++++++- client/script/createArticlePopup.js | 12 + {style => client/style}/style.css | 17 +- package-lock.json | 523 ++++++++++++++++++++++++++++ package.json | 26 ++ script/createArticlePopup.js | 12 - server/app.js | 21 ++ server/controllers/post.js | 66 ++++ server/db.json | 22 ++ server/models/post.js | 18 + server/routes/index.js | 6 + server/routes/post.js | 12 + 13 files changed, 842 insertions(+), 15 deletions(-) create mode 100644 .gitignore rename index.html => client/index.html (54%) create mode 100644 client/script/createArticlePopup.js rename {style => client/style}/style.css (89%) create mode 100644 package-lock.json create mode 100644 package.json delete mode 100644 script/createArticlePopup.js create mode 100644 server/app.js create mode 100644 server/controllers/post.js create mode 100644 server/db.json create mode 100644 server/models/post.js create mode 100644 server/routes/index.js create mode 100644 server/routes/post.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..1dcef2d9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +.env \ No newline at end of file diff --git a/index.html b/client/index.html similarity index 54% rename from index.html rename to client/index.html index 4eb970ae..e214ba39 100644 --- a/index.html +++ b/client/index.html @@ -31,10 +31,33 @@
-
+
+ +
+ +
+
+

{{form.title}}

+
+
+
+
+
+
+
+
+
+

{{post.createdAt}}

+

+

{{post.title}}

+

{{post.description}}

+ + +
+
@@ -67,6 +90,7 @@

Fiction Based Movies Yet to Be Made

+
@@ -76,7 +100,7 @@

Fiction Based Movies Yet to Be Made

- + the Quill editor container