From c53d74d00fdb6fff52c6a0b3091685e2f2164a0b Mon Sep 17 00:00:00 2001
From: Sandesh <sguru003@campus.goldsmiths.ac.uk>
Date: Tue, 4 Apr 2023 18:34:34 +0100
Subject: [PATCH] home page and overhall of website

---
 create_db.sql         |  13 ++--
 index.js              |  11 ++-
 js/app.js             |   8 ++
 public/background.jpg | Bin 0 -> 10760 bytes
 public/logo.png       | Bin 0 -> 11510 bytes
 public/main.css       | 170 ++++++++++++++++++++++++++++++++----------
 views/index.ejs       |  41 +++++++---
 7 files changed, 186 insertions(+), 57 deletions(-)
 create mode 100644 js/app.js
 create mode 100644 public/background.jpg
 create mode 100644 public/logo.png

diff --git a/create_db.sql b/create_db.sql
index b7f3100..9cba9c5 100644
--- a/create_db.sql
+++ b/create_db.sql
@@ -1,8 +1,9 @@
 CREATE DATABASE store;
 USE store;
-CREATE TABLE items (id INT AUTO_INCREMENT,name VARCHAR(50),price DECIMAL(5, 2) unsigned,PRIMARY KEY(id));
-CREATE USER 'appuser'@'localhost' IDENTIFIED WITH mysql_native_password BY 'app2027';
-GRANT ALL PRIVILEGES ON myBookshop.* TO 'appuser'@'localhost';
-
-CREATE TABLE userdata (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(50), firstname VARCHAR(50), lastname VARCHAR(50),email VARCHAR(255) NOT NULL UNIQUE,hashedPassword VARCHAR(255) UNIQUE);
-INSERT INTO userdata (username, firstname,lastname,email,hashedPassword)VALUES('james007',"James","Bond","james007@gmail.com","*%$&23cf£^13!&!*" );
+CREATE TABLE items (product_id INT AUTO_INCREMENT,name VARCHAR(50),price DECIMAL(5, 2),
+                    imageURL VARCHAR(255),title VARCHAR(50), username VARCHAR(50) unsigned,PRIMARY KEY(id));
+CREATE TABLE userdata (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(50), 
+                        firstname VARCHAR(50), lastname VARCHAR(50),email VARCHAR(255) NOT NULL UNIQUE,
+                        hashedPassword VARCHAR(255) UNIQUE);
+INSERT INTO userdata (username, firstname,lastname,email,hashedPassword)
+                    VALUES('james007',"James","Bond","james007@gmail.com","*%$&23cf£^13!&!*" );
diff --git a/index.js b/index.js
index c7dab99..94307da 100644
--- a/index.js
+++ b/index.js
@@ -17,6 +17,7 @@ const port = 8000
 app.use(expressSanitizer());
 app.use(bodyParser.urlencoded({ extended: true }))
 
+
 // Create a session
 app.use(session({
     secret: 'somerandomstuff',
@@ -28,7 +29,13 @@ app.use(session({
 }));
 
 // Set up css
-app.use(express.static(__dirname + '/public'));
+app.use('/public', express.static(__dirname + "/public"));
+
+app.use(express.static(__dirname + "/public"));
+
+app.use(express.static(__dirname + "/js"));
+
+
 
 // Define the database connection
 const db = mysql.createConnection ({
@@ -37,6 +44,7 @@ const db = mysql.createConnection ({
     password: 'app2027',
     database: 'mybookshop'
 });
+
 // Connect to the database
 db.connect((err) => {
     if (err) {
@@ -51,6 +59,7 @@ global.db = db;
 // __dirname will get the current directory
 app.set('views', __dirname + '/views');
 
+
 // EJS as the templating engine
 app.set('view engine', 'ejs');
 
diff --git a/js/app.js b/js/app.js
new file mode 100644
index 0000000..3e7e461
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,8 @@
+function myFunction() {
+    var x = document.getElementById("navbar");
+    if (x.className === "navbar") {
+      x.className += " responsive";
+    } else {
+      x.className = "navbar";
+    }
+  }
\ No newline at end of file
diff --git a/public/background.jpg b/public/background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cf041d9332cf96f6128ad2b91e7f7b94e506b8bb
GIT binary patch
literal 10760
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

literal 0
HcmV?d00001

diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..befc31906e5f413316b3470e52e14218361c8424
GIT binary patch
literal 11510
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

literal 0
HcmV?d00001

diff --git a/public/main.css b/public/main.css
index 9733fef..6937478 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,59 +1,147 @@
-body{
-  background-color: rgb(107, 106, 106);
-}
-
-.topnav {
+/* Styling the whole universal page */
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
   font-family: Arial, Helvetica, sans-serif;
-  background-color: #333;
-  overflow: hidden;
 }
 
-.topnav a:link {
-    color: rgb(255, 255, 255);
-    text-decoration: none;
-    float: left;
-    color: #f2f2f2;
-    text-align: center;
-    padding: 14px 16px;
-    font-size: 17px;
-  }
-  
-  /* visited link */
-  .topnav a:visited {
-    color: rgb(255, 255, 255);
-    padding:5px;
-  }
 
-  /* Change the color of links on hover */
-.topnav a:hover {
-  background-color: #ddd;
-  color: black;
+h1 {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 50px;
+  line-height: 64px;
+  color: rgb(0, 0, 0);
 }
 
-/* Add a color to the active/current link */
-.topnav a.active {
-  background-color: #04AA6D;
-  color: white;
+h2 {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 46px;
+  line-height: 54px;
+  color: rgb(0, 0, 0);
 }
 
-.topnav-right{
-    float: right;
+h4 {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 19px;
+  color: rgb(0, 0, 0);
 }
 
-h1 {
+h6 {
   font-family: Arial, Helvetica, sans-serif;
-  font-size: 20px;
-  color: rgb(253, 248, 255);
-  padding:5px;
+  font-weight: 700;
+  font-size: 12px;
 }
 
-h2 {
+p{
   font-family: Arial, Helvetica, sans-serif;
-  font-size: 20px;
-  color: rgb(255, 255, 255);
+  font-size: 19px;
+  color: rgb(247, 246, 246);
+  margin: 15px 0 20px 0;
 }
 
-p,li {
-  font-family: Arial, Helvetica, sans-serif;
+.section-p1{
+  padding: 40px 80px;
+}
+
+.section-m1{
+  padding: 40px 0px;
 }
 
+
+.body{
+  width: 100%;
+}
+
+.logo{
+  max-width: 20%;
+
+}
+
+
+/* Styling the header */
+
+#header{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 70px;
+  background-color: #d4cadf;
+  box-shadow: 0 5px 15px rgb(0, 0,0,0.06 );
+  z-index: 999;
+  position: sticky;
+  top: 0;
+  left: 0;
+
+}
+
+/* Alines nav bar to center */
+#navbar{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+
+/* Get rid of the bullet points and  */
+#navbar li{
+  list-style: none;
+  padding: 0 20px;
+
+}
+
+#navbar li a {
+  text-decoration: none;
+  font-size: 16px;
+  font-weight: 600;
+  color: rgb(0, 0, 0);
+  transition: 0.3s ease;
+
+}
+
+#navbar li a:hover {
+  color: #e0fcfa;
+}
+
+
+
+/* Styling the home page */
+#hero{
+  background-image: url("background.jpg");
+  height: 90vh;
+  width: 100%;
+  background-repeat: no-repeat ;
+  background-position: top 25% right 0;
+  background-size: cover;
+  padding:  0 80px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+
+#hero h1{
+  color: #e0fcfa;
+}
+#hero h4{
+  padding-bottom: 15px;
+}
+
+#hero button{
+
+  border: none;
+  display: block;
+  cursor: pointer;
+  text-transform: uppercase;
+  outline: none;
+  overflow: hidden;
+  color: #ffffff;
+  font-weight: 600;
+  font-size: 15px;
+  background-color: #89a53a;
+  padding: 15px 40px;
+
+}
+
+
diff --git a/views/index.ejs b/views/index.ejs
index 0611b48..57069f7 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -5,17 +5,40 @@
     <link rel="stylesheet"  type="text/css" href="main.css" />
   </head>
   <body>
-    <div class ="topnav">
-      <p><a href="/."><%=shopName%></a></p>
-      <p><a href="about">About <%=shopName%></a></p>
-      <p><a href="search">Search for items</a></p>
-      <p><a href="register">Register with us</a></p>
-      <div class ="topnav-right"> 
-        <p><a href="login">Login</a></p>
-        <p><a href="logout">Logout</a></p>
-      </div>
+
+  <section id = "header">
+      <a href="/."> <img src = "/public/logo.png"class ="logo" alt = ""> </a>
+    <div>
+      <ul id="navbar"> 
+        <li><a href="about">About <%=shopName%></a></li>
+        <li><a href="search">Search for items</a></li>
+        <li><a href="register">Register with us</a></li>
+        <li><a href="login">Login</a></li>
+        <li><a href="logout">Logout</a></li>
+      </ul>
     </div>
+  </section>
+
+  <section id ="hero">
+    <h4> Have unwanted items or clothing collecting dust</h4>
+
+    <h2> Let it find a new home </h2>
+
+    <h1> Users only pay for the delivery </h1>
+
+    <p> For a more sustainable future</p>
+
+    <button> Explore now</button>
+
+  </section>
+  
+
+
+
+
 
 
   </body>
+  <script src="/js/app.js"></script>
+
 </html>
-- 
GitLab