minor changes

debapriyo007 · Aug 29, 2024 · 7d35d20 · 7d35d20
1 parent e6fab58
commit 7d35d20
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 22 deletions.
diff --git a/Demo.png b/Demo.png
diff --git a/github-searcher-demo.png b/github-searcher-demo.png
diff --git a/index.html b/index.html
@@ -6,9 +6,10 @@
     <title>Github Profile Searcher</title>
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+    <link rel="shortcut icon" href="./search.png" type="image/x-icon">
 </head>
 <body>
-    <div class="heading">GitHub Searcher.</div>
+
     <div class="container">
 
         <div class="search-box">
@@ -48,11 +49,11 @@ <h2></h2>
                 </div>
             </div>
         </div>
+
     </div>
-
-
-
-
+    <footer class="footer">
+        <p>Copyright 2024&copy;. All right reserved by @debu.</p>
+    </footer>
     <script src="script.js"></script>
 </body>
 </html>
diff --git a/script.js b/script.js
@@ -17,14 +17,14 @@ let getData = (username)=>{
 
             const location = data.location === "" ||  data.location === null ? "No location" : data.location;
 
-            const website = data.blog === '' ||  data.blog === null ? 'No Website' : data.blog;
+            const website = data.blog === "" ||  data.blog === null ? 'No Website' : data.blog;
 
             const twitter = data.twitter_username === " " ||  data.twitter_username === null ? " Not X" : data.twitter_username;
 
-            const company = data.company === ' ' ||  data.company === null ? ' No Company' : data.company;
+            const company = data.company === "" ||  data.company === null ? ' No Company' : data.company;
 
 
-            const bio = data.bio === ' ' ||  data.bio === null ? 'This profile has no bio' : data.bio;
+            const bio = data.bio === "" ||  data.bio === null ? 'This profile has no bio' : data.bio;
 
             infoBox.innerHTML =`
             <div class="user-details">
@@ -51,11 +51,11 @@ let getData = (username)=>{
                         <span>Following</span>
                     </div>
                 </div>
-                <div class="user-other-details">
-                    <p><i class="fa-solid fa-building">${company}</i></p>
-                    <p><i class="fa-solid fa-location-pin"> ${location}</i></p>
+                <div class="user-other-details"> 
+                    <p><i class="fa-solid fa-building"></i> ${company}</p>
+                    <p><i class="fa-solid fa-location-pin"></i> ${location}</p>
                     <p><i class="fa-solid fa-link"></i> ${website}</p>
-                    <p><i class="fa-brands fa-x-twitter">${twitter}</i></p>
+                    <p><i class="fa-brands fa-x-twitter"></i> ${twitter}</p>
                 </div>
             </div>
             

diff --git a/search.png b/search.png
diff --git a/style.css b/style.css
@@ -1,5 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 
+
 *{
     margin: 0;
     padding: 0;
@@ -8,18 +9,15 @@
 }
 
 body{
-    background-color: #1b3c67;
-    font-family: "Space Mono", monospace;
-}
-.heading{
-    color: #fff;
-    font-weight: 800;
-    font-size: 35px;
-    text-align: center;
-    margin-top: 70px;
+    background-color: #121212;
     font-family: "Space Mono", monospace;
 }
+
+
+
+
 .container{
+    border: 1px solid gray; 
     padding: 20px;
     width: 560px;
     background-color: #1c1c1c;
@@ -158,4 +156,21 @@ body{
             margin-bottom: 50px;
             font-size: 30px;
         }
-  }
+  }
+
+.footer {
+    /* background-color: #f1f1f1; */
+    text-align: center;
+    padding: 10px 0;
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    font-size: 14px;
+    color: grey;
+}
+
+.footer p {
+    margin: 0;
+    margin-bottom: 3px;
+}