Updated index.html

public/index.html

@@ -7,15 +7,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet"
         media="print" onload="this.media='all'">
-    <link rel="stylesheet" media="print" onload="this.media='all'"
-        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/solid.min.css"
-        integrity="sha256-elwTic/hrLFWZpWpMWzaj9CYIM49JCrvGtXZ8sNATAA=" crossorigin="anonymous" />
-    <link rel="stylesheet" media="print" onload="this.media='all'"
-        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/brands.min.css"
-        integrity="sha256-CbcoUUjz1QzebpgpIS/rCQMdgM6+osnLRc6ompg28Fo=" crossorigin="anonymous" />
-    <link rel="stylesheet" media="print" onload="this.media='all'"
-        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/fontawesome.min.css"
-        integrity="sha256-CaAu1oJhcLBPo4TnfEZ8fdP+O4mpoVBQ6zyZCs2x7+o=" crossorigin="anonymous" />
+
     <title>yude.moe</title>
     <style>
         body {
@@ -58,8 +50,6 @@
             text-align: center;
         }
 
-
-
         .load {
             -webkit-animation: spin 4s linear infinite;
             -moz-animation: spin 4s linear infinite;
@@ -131,7 +121,7 @@
     <picture>
         <source style="width:200px; border-radius: 50%" class="load" type="image/webp"
             srcset="assets/images/avatar.webp">
-        <img src="assets/images/avatar.jpg" style="width:200px; border-radius: 50%" class="load">
+        <img src="assets/images/avatar.png" style="width:200px; border-radius: 50%" class="load">
     </picture>
     <h1>yude.moe</h1>
     <h3>こんにちは～～</h3>
@@ -160,6 +150,7 @@
     <script>
         tippy('.link');
     </script>
+    <script async src="https://kit.fontawesome.com/a4e6fa9fb0.js" crossorigin="anonymous"></script>
 </body>
 
 </html>