Merge branch 'update-font-awesome'

Author: PeterJCLaw

_config.yml

@@ -37,13 +37,13 @@ social:
     icon: twitter
     link: https://twitter.com/studentrobotics
   - title: YouTube
-    icon: youtube-play
+    icon: youtube
     link: https://youtube.com/user/StudentRobotics
   - title: Instagram
     icon: instagram
     link: https://www.instagram.com/student_robotics/
   - title: Facebook
-    icon: facebook-official
+    icon: facebook
     link: https://facebook.com/StudentRobotics
   - title: LinkedIn
     icon: linkedin

_includes/footer.html

@@ -48,8 +48,11 @@ <h4>&nbsp;</h4>
     <div class="column d-6-12 text-right">
       <ul class="social-media-links">
         {% for account in site.social %}
-        <li><a href="{{ account.link }}"><i class="fa fa-{{ account.icon }}" aria-hidden="true"
-              title="{{ account.title }}"></i></a></li>
+        <li>
+          <a href="{{ account.link }}">
+            <i class="fa-brands fa-{{ account.icon }}" aria-hidden="true" title="{{ account.title }}"></i>
+          </a>
+        </li>
         {% endfor %}
       </ul>
     </div>

_includes/head.html

@@ -6,7 +6,7 @@
   <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="stylesheet" href="{{ '/css/main.css' | prepend: site.baseurl }}">
 
   {% if page.extra_css %}

_includes/navigation.html

@@ -1,7 +1,7 @@
 <nav class="{{ include.class }}">
   <div class="{{ include.class }} mobile-navigation">
     <ul>
-      <li><a id="navigation_toggle" href="#"><i class="fa fa-fw fa-bars"></i></a></li>
+      <li><a id="navigation_toggle" href="#"><i class="fa-solid fa-fw fa-bars"></i></a></li>
     </ul>
   </div>
   <ul id="navigation" class="full-navigation mobile-collapsed">