Added Heroku Config

web · Apr 11, 2020 · 62ef6a377c2b9100277514e723f0e835cb4802c3 · 62ef6a3
1 parent 9fc3cc6
commit 62ef6a377c2b9100277514e723f0e835cb4802c3
Show file tree

Hide file tree

Showing 5 changed files with 98 additions and 54 deletions.
diff --git a/package.json b/package.json
@@ -1,9 +1,13 @@
 {
 	"name": "todo",
 	"version": "1.0.0",
+	"engines": {
+		"node": "12.14.x"
+	},
 	"description": "Simple todo app as an SPA",
 	"main": "index.js",
 	"scripts": {
+		"start": "node index.js",
 		"test": "echo \"Error: no test specified\" && exit 1"
 	},
 	"author": "Mark J Tyers",

diff --git a/public/index.html b/public/index.html
@@ -1,10 +1,9 @@
 
 <!doctype html>
-
+<!-- <html manifest="/website.appcache" lang="en"></html> -->
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-
 	<title>Simple SPA</title>
 	<meta name="description" content="Simple SPA">
 	<meta name="author" content="Mark J Tyers">
@@ -15,7 +14,6 @@
 <body>
 	<header>
 		<h1></h1>
-		<p>This content appears on every page.</p>
 		<p>You are currently <strong>online</strong></p>
 	</header>
 	<nav>

diff --git a/public/products.json b/public/products.json
diff --git a/public/style.css b/public/style.css
@@ -6,19 +6,27 @@ body, p, h1, h2, h3, ul {
 }
 
 p {
-	margin-bottom: 0.2vw;
-	font-size: 1.5vw;
+	margin-bottom: 0.6em;
+	font-size: 1em;
 }
 
 h1 {
-	margin-bottom: 0.5vw;
-	font-size: 2vw;
+	margin-bottom: 0.5em;
+	font-size: 1.6em;
+	color: #555;
 }
 
 header {
 	width: 100%;
 	background-color: #CCC;
-	padding: 1.5vw;
+	padding: 1em;
+	padding-bottom: 0.5em;
+}
+
+header p {
+	font-size: 0.9em;
+	color: #555;
+	margin: 0.2em;
 }
 
 header strong {
@@ -30,38 +38,94 @@ header strong {
 }
 
 main {
-	padding: 1.5vw;
+	padding: 1em;
 }
 
 footer {
 	position: absolute;
 	bottom: 0;
 	background-color: #DDD;
 	width: 100%;
-	padding: 1.5vw;
+	padding: 1em;
 }
 
 input {
-	width: 20vw;
-	font-size: 1.5vw;
+	width: 200px;
+	font-size: 1.2em;
 }
 
 ul {
+	padding: 0;
+	margin: 0;
 	list-style-type: none;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	align-items: center;
+	background-color: #CCCC;
+	/* height: 3em; */
+	justify-content: flex-start;
 }
 
 li {
-	display: inline;
+	padding: 0;
+	margin: 0;
+	display: inline-block;
+	flex-basis: 8em;
+	/* border: 1px solid grey; */
+	height: 2em;
+	text-align: center;
+	text-transform: uppercase;
+	padding-top: 1em;
+	font-size: 0.8em;
+}
+
+li > a {
+	text-decoration: none;
+	color: black;
+}
+
+li:hover a {
+	color: white;
+}
+
+li:hover {
+	background-color: grey;
 }
 
 .message {
-	border: 0.5vw solid red;
-	padding: 2vw;
-	margin: 1.5vw;
+	border: 0.5em solid red;
+	padding: 1em;
+	margin: 1em;
 	color: red;
-	font-size: 1.5vw;
+	font-size: 1em;
 }
 
 .hidden {
 	display: none;
+}
+
+button {
+	background-color: grey;
+  border: 2px solid grey;
+  color: white;
+	padding: 0.5em 1em;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+	font-size: 0.8em;
+	margin-top: 0.5em;
+}
+
+button:hover {
+	color: grey;
+  background-color: white;
+}
+
+input[type="text"], input[type="email"], input[type="password"], textarea, select {
+	font-size: 0.8em;
+	width: 300px;
+	border: 1px solid #CCC;
+	padding: 0.5em;
+	margin-top: 0.3em;
 }
diff --git a/public/website.appcache.old b/public/website.appcache.old
@@ -0,0 +1,15 @@
+CACHE MANIFEST
+style.css
+script.js
+core.js
+favicon.ico
+modules/404.js
+modules/home.js
+modules/login.js
+modules/logout.js
+modules/register.js
+views/404.html
+views/home.html
+views/login.html
+views/logout.html
+views/register.html