env updated

controllers/userController.js

@@ -140,7 +140,7 @@ exports.sendEmail = (req, res) => {
   // create reusable transporter object using the default SMTP transport
   const Transporter = nodemailer.createTransport({
     host: process.env.host,
-    port: 2525,
+    port: process.env.sendPort,
     auth: {
       user: process.env.user,
       pass: process.env.pass,

public/about.css

@@ -1,7 +1,7 @@
 /*GENERAL*/
 
-@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Vollkorn&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
 
 * {
   text-decoration: none;
@@ -31,7 +31,7 @@ header {
 
 header nav a {
   padding: 0 15px;
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
@@ -42,20 +42,20 @@ header nav a:hover {
   color: #0d47a1;
 }
 
-header nav .top-menu-home a {
-  font-family: 'Ubuntu', sans-serif;
+header nav .top-menu-about-us a {
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
-  /* font-size: 24px; */
+  font-size: 24px;
   color: #2196f3;
 }
 
-header nav .top-menu-home a:hover {
+header nav .top-menu-about-us a:hover {
   color: #0d47a1;
 }
 
 header nav .top-menu-get-started a {
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
@@ -71,24 +71,10 @@ header nav .top-menu-get-started a:hover {
   background-color: #e9ecef;
 }
 
-.btn-dark {
-  width: 70px;
-  height: 30px;
-  border-radius: 20px;
-  cursor: pointer;
-}
-
-.dark-mode {
-  background-color: black;
-  color: #ffff;
-}
-.dark-mode > footer {
-  background-color: navy;
-}
 /*GENERAL*/
 
 h2 {
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 40px;
@@ -98,7 +84,7 @@ h2 {
 }
 
 p {
-  font-family: 'Vollkorn', serif;
+  font-family: "Vollkorn", serif;
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
@@ -174,7 +160,7 @@ footer {
 }
 
 footer .bottom-menu-item a {
-  font-family: 'Vollkorn', serif;
+  font-family: "Vollkorn", serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -236,7 +222,7 @@ footer .bottom-menu {
 
   /*FIRST ROW*/
 
-  #row-one-right img[src='images/laptop_user.svg'] {
+  #row-one-right img[src="images/laptop_user.svg"] {
     width: 259px;
     height: 310px;
   }

sample_env_file.md

@@ -2,12 +2,14 @@ Port = 8000
 
 dB_URI = 'mongodb://localhost/cardify-backend'
 
-JWT_SECRET = 'secretcode'
+JWT_SECRET = '<YOUR_SECRET_CODE>'
 
-to = '[email protected]'
+to = '<YOUR_EMAIL_ADDRESS(receivers address)>'
 
 host = "smtp.mailtrap.io"
 
-user = "1e74210c8274db"
+user = "<YOUR_USER_CREDENTIALS>"
 
-pass = "33072385728da8"
+pass = "<USER_PASSWORD>"
+
+sendPort = <PORT_NUMBER e.g 2525>

views/contact.ejs

@@ -25,7 +25,7 @@
         </button>
           <nav class="top-menu">
             <div class="top-menu-item"><a href="index">Home</a></div>
-            <div class="top-menu-item"><a href="cards">Library</a></div>
+            <div class="top-menu-item"><a href="library">Library</a></div>
             <div class="top-menu-item"><a href="about">About Us</a></div>
             <div class="top-menu-item-get-started"><a href="signup">Get Started</a></div>
             <div class="top-menu-item"><a href="signin">Sign In</a></div>

views/develop-center.ejs

@@ -16,9 +16,9 @@
       <div id="top-menu-container">
         <!-- <button class="btn-dark" onclick="myFunction()">Dark mode</button> -->
         <nav class="top-menu">
-          <div class="top-menu-item-home"><a href="index">Home</a></div>
+          <div class="top-menu-item"><a href="index">Home</a></div>
           <div class="top-menu-item"><a href="use">How to</a></div>
-          <div class="top-menu-item"><a href="developer">develop-center</a></div>
+          <div class="top-menu-item"><a href="developer">Developer center</a></div>
         </nav>
       </div>
     </header>