From 1af788d26cf2196571ce329febf01e13083f50c7 Mon Sep 17 00:00:00 2001
From: Nur <noorin.sa.99@gmail.com>
Date: Thu, 10 Aug 2023 16:40:48 +0500
Subject: [PATCH] Refactor: update home page design

---
 src/public/styles.css | 18 +++++++++---------
 src/views/home.ejs    | 12 +++++++++---
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/public/styles.css b/src/public/styles.css
index a337df2..224c773 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -7,14 +7,14 @@
 .main-container {
   display: flex;
   height: 100vh;
-  font-size: 1.6rem;
+  font-size: 1.2rem;
   width: 90%;
   margin: 0 auto;
 }
 
 h1 {
   font-family: 'Indie Flower', cursive;
-  font-size: 5em;
+  font-size: 3em;
   color: #b30000;
   width: 90%;
 }
@@ -71,8 +71,8 @@ h1 {
   justify-content: center;
   background-color: #000;
   border-radius: 50%;
-  width: 80px;
-  height: 80px;
+  width: 40px;
+  height: 40px;
   padding: 10px;
   transition: background-color 0.3s ease-in-out;
   color: #fff;
@@ -116,7 +116,7 @@ h1 {
 
 h2 {
   font-family: 'Indie Flower', cursive;
-  font-size: 3em;
+  font-size: 2em;
 }
 
 .contributers-container {
@@ -138,7 +138,7 @@ h2 {
   position: relative;
   cursor: pointer;
   transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
-  height: 400px;
+  height: 300px;
 }
 
 .contributor img {
@@ -170,7 +170,7 @@ h2 {
 }
 
 h3 {
-  font-size: 2.1rem;
+  font-size: 1.5rem;
   font-family: 'Indie Flower', cursive;
   text-align: center;
 }
@@ -255,8 +255,8 @@ h3 {
 }
 
 .used-technologies img {
-  width: 150px;
-  height: 150px;
+  width: 120px;
+  height: 120px;
   object-fit: contain;
   transition: filter 0.3s ease-in-out;
 }
diff --git a/src/views/home.ejs b/src/views/home.ejs
index e1f58a3..ca4b741 100644
--- a/src/views/home.ejs
+++ b/src/views/home.ejs
@@ -24,7 +24,10 @@
     <div class="container">
       <div class="main-container">
         <div class="floating-icons">
-          <a href="https://github.com/your-username/your-repo" target="_blank">
+          <a
+            href="https://github.com/Noorin99/HomeTaste/tree/main"
+            target="_blank"
+          >
             <div class="icon-container">
               <img
                 src="https://img.icons8.com/material-outlined/48/ffffff/github.png"
@@ -35,7 +38,10 @@
               <span class="tooltip">GitHub</span>
             </div>
           </a>
-          <a href="link-to-documentation" target="_blank">
+          <a
+            href="https://home-taste-api.onrender.com/api-docs/"
+            target="_blank"
+          >
             <div class="icon-container">
               <img
                 src="https://img.icons8.com/material-outlined/48/ffffff/document.png"
@@ -48,7 +54,7 @@
           </a>
         </div>
         <div class="container-1">
-          <img src="../../assets/racoon.png" alt="Logo" width="650" />
+          <img src="../../assets/racoon.png" alt="Logo" width="550" />
         </div>
         <div class="container-2">
           <h1>Home Taste</h1>