WEB: Using Bootstrap icon instead of font awesome icons (pandas-dev#57226)

koushik-rout-samsung · web-flow · commit 9d50b3cc69da · 2024-02-05T09:32:53.000-08:00
* Using bootstrap icon in place of font awesome

* bootstrap icon added

* class update

* class update
diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
@@ -14,7 +14,7 @@
             <link rel="stylesheet"
                   href="{{ base_url }}{{ stylesheet }}">
         {% endfor %}
-        <script src="https://kit.fontawesome.com/79e5369384.js" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
     </head>
     <body>
         <header>
@@ -64,27 +64,27 @@
             <ul class="list-inline social-buttons float-end">
                 <li class="list-inline-item">
                     <a href="https://t.me/s/pandas_dev">
-                        <i class="fab fa-telegram"></i>
+                        <i class="fab bi bi-telegram"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://fosstodon.org/@pandas_dev" rel="me">
-                        <i class="fab fa-mastodon"></i>
+                        <i class="fab bi bi-mastodon"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://twitter.com/pandas_dev/">
-                        <i class="fab fa-twitter"></i>
+                        <i class="fab bi bi-twitter"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://github.com/pandas-dev/pandas/">
-                        <i class="fab fa-github"></i>
+                        <i class="fab bi bi-github"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://stackoverflow.com/questions/tagged/pandas">
-                        <i class="fab fa-stack-overflow"></i>
+                        <i class="fab bi bi-stack-overflow"></i>
                     </a>
                 </li>
             </ul>
diff --git a/web/pandas/index.html b/web/pandas/index.html
@@ -74,17 +74,17 @@ <h4>Follow us</h4>
                     <ul class="list-inline social-buttons">
                         <li class="list-inline-item">
                             <a href="https://t.me/s/pandas_dev">
-                                <i class="follow-us-button fab fa-telegram"></i>
+                                <i class="follow-us-button fab bi bi-telegram"></i>
                             </a>
                         </li>
                         <li class="list-inline-item">
                             <a href="https://fosstodon.org/@pandas_dev" rel="me">
-                                <i class="follow-us-button fab fa-mastodon"></i>
+                                <i class="follow-us-button fab bi bi-mastodon"></i>
                             </a>
                         </li>
                         <li class="list-inline-item">
                             <a href="https://twitter.com/pandas_dev/">
-                                <i class="follow-us-button fab fa-twitter"></i>
+                                <i class="follow-us-button fab bi bi-twitter"></i>
                             </a>
                         </li>
                     </ul>
