Fixed the footer logo for both compare.html and githubbadges.html (#1333)

abhirajadhikary06 · web-flow · commit 00bf975ea16f · 2025-01-02T14:03:30.000+11:00
* fixed logo image of compare and githubbadge

* fixed githubbadge.html footer logo

* fixed the footer logo for compare.html and githubbadge.html

* removed preloader

* footer fixes will make change to blog in next PR
diff --git a/pages/blog.html b/pages/blog.html
@@ -16,6 +16,7 @@
 </head>
 
 <body>
+
 	<div id="preloader">
 		<div class="loader-wrapper">
 			<img src="recode-hive.png" alt="Logo" class="logo">
diff --git a/pages/compare.html b/pages/compare.html
@@ -285,9 +285,11 @@
 }
 
 .footer-logo {
-  width: 500px;
-  height: 100px;
-  cursor: pointer;
+    width: auto;
+    height: 73px;
+    cursor: pointer;
+    padding-left: 20px;
+    padding-top: 40px;
 }
 
 .footer-section {
diff --git a/pages/githubbadge.html b/pages/githubbadge.html
@@ -18,15 +18,15 @@
         }
 
         .container {
-    max-width: 1200px;
-    margin: auto;
-    padding: 20px;
+        max-width: 1200px;
+        margin: auto;
+        padding: 20px;
     /* background: #fff; */
-    border-radius: 8px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    overflow-x: auto; /* Enable horizontal scrolling */
-    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
-}
+        border-radius: 8px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        overflow-x: auto; /* Enable horizontal scrolling */
+        -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
+        }
 
         h1,
         h2 {
@@ -251,6 +251,14 @@
             background: white;
             transition: width 0.2s ease; 
         }
+        .footer-logo {
+        width: auto;
+        height: 73px;
+        cursor: pointer;
+        padding-left: 20px;
+        padding-top: 40px;
+        object-fit: scale-down; /* Ensure the aspect ratio is maintained */
+        }
     </style>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet" />

Original file line number	Diff line number	Diff line change
`@@ -285,9 +285,11 @@`
`285`	`285`	`}`
`286`	`286`
`287`	`287`	`.footer-logo {`
`288`		`- width: 500px;`
`289`		`- height: 100px;`
`290`		`- cursor: pointer;`
	`288`	`+ width: auto;`
	`289`	`+ height: 73px;`
	`290`	`+ cursor: pointer;`
	`291`	`+ padding-left: 20px;`
	`292`	`+ padding-top: 40px;`
`291`	`293`	`}`
`292`	`294`
`293`	`295`	`.footer-section {`