Merge pull request #118 from Noorin99/Noorin99/issue114

Refactor: update home page design
nurabunamus · Aug 10, 2023 · db47d18 · db47d18
2 parents 2faceec + 9833e74
commit db47d18
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git 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
@@ -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="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>