Merge pull request #76 from kasramp/main

css/brands.css

@@ -312,6 +312,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Google Scholar */
+.button.button-google-scholar {
+  color: #000000;
+  background-color: #f5f5f5;
+}
+.button.button-google-scholar:hover,
+.button.button-google-scholar:focus {
+  filter: brightness(90%);
+}
+
 /* Hashnode */
 .button.button-hashnode {
   color: #000000;
@@ -740,4 +750,4 @@ button:hover,
 .button.button-yt:hover,
 .button.button-yt:focus {
   filter: brightness(90%);
-}
+}

images/icons/google_scholar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#4285f4" d="M256 411.12L0 202.667 256 0z"/><path fill="#356ac3" d="M256 411.12l256-208.453L256 0z"/><circle fill="#a0c3ff" cx="256" cy="362.667" r="149.333"/><path fill="#76a7fa" d="M121.037 298.667c23.968-50.453 75.392-85.334 134.963-85.334s110.995 34.881 134.963 85.334H121.037z"/></svg>

index.html

@@ -456,6 +456,11 @@
             <img class="icon" src="images/icons/hashnode.svg" alt="hashnode Logo">Hashnode</a>
         <br>
 
+        <!-- Google Scholar -->
+        <a class="button button-google-scholar" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/google_scholar.svg" alt="Google Scholar Icon">Google Scholar</a>
+        <br>
+
         <br>
         <!-- 
             Footer: