modified: dogImg.html

new file: favicon.ico new file: hole_logo.png modified: index.html modified: qrcode.html modified: style.css
aniruddhaadak80 · Apr 27, 2024 · 26f3a1b · 26f3a1b
1 parent ff62a69
commit 26f3a1b
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 6 deletions.
diff --git a/dogImg.html b/dogImg.html
@@ -47,7 +47,7 @@
   </head>
   <body>
     <a href="./index.html">
-      <button>Home</button>
+      <button>🏠Home</button>
     </a>
 
     <h1>Get Random Dogs 🐶 Picture ⬇️</h1>
@@ -73,14 +73,14 @@ <h1>Get Random Dogs 🐶 Picture ⬇️</h1>
         //display image inside img tag
         dogImg.src = result.url;
 
-        // console.log(result);
+        //console.log(result);
       };
 
       //generate A dog image when User click on button
       getDogBtn.addEventListener("click", generateDogImage);
 
       //Random Dog Image after Specific Interval(here 9 seconds)
-      setInterval(generateDogImage,9000);
+      setInterval(generateDogImage, 9000);
 
       //generateDogImage();
     </script>

diff --git a/favicon.ico b/favicon.ico
diff --git a/hole_logo.png b/hole_logo.png
diff --git a/index.html b/index.html
@@ -12,10 +12,16 @@
     />
 
     <link rel="stylesheet" href="style.css" />
+    <link rel="icon" type="image/x-icon" href="./favicon.ico">
   </head>
   <body>
     <!-- links for different page -->
     <header>
+      <!-- for home logo -->
+      <a href="./index.html">
+        <img align="left" id="home_logo" src="./hole_logo.png" alt="">
+      </a>
+
       <a href="./jokes.html"><button class="color-chng-btns">Jokes</button></a>
 
       <a href="./advice.html"

diff --git a/qrcode.html b/qrcode.html
@@ -28,7 +28,7 @@
   <body>
     <nav>
       <a href="./index.html">
-        <button class="btn btn-warning m-3 btn-lg text-info">Home</button>
+        <button class="btn btn-warning m-3 btn-lg text-info">🏠Home</button>
       </a>
     </nav>
 

diff --git a/style.css b/style.css
@@ -6,7 +6,6 @@
   border-radius: 5px;
   user-select: none;
   overflow: auto;
-
 }
 
 hr {
@@ -19,7 +18,7 @@ input {
 }
 
 button {
-  font-size:larger;
+  font-size: larger;
   color: aliceblue;
   background-color: rgb(0, 0, 0);
   border-radius: 10px;
@@ -28,3 +27,11 @@ button {
   margin: 4px;
   padding: 6px;
 }
+
+#home_logo {
+  margin: 0%;
+  height: 100px;
+  width: 100px;
+  border: 3px solid rgb(41, 214, 41);
+  border-radius: 50%;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,7 @@ @@
       <body>
         <nav>
           <a href="./index.html">
-            <button class="btn btn-warning m-3 btn-lg text-info">Home</button>
+            <button class="btn btn-warning m-3 btn-lg text-info">🏠Home</button>
           </a>
         </nav>
@@ Expand Down @@