update font awesome icons

le4ker · Feb 27, 2024 · 6d64ce4 · 6d64ce4
1 parent 2954597
commit 6d64ce4
Show file tree

Hide file tree

Showing 4 changed files with 61 additions and 72 deletions.
diff --git a/_config.yml b/_config.yml
@@ -120,13 +120,13 @@ author_blurb_image: "/img/author.png"
 # Social Buttons #
 ##################
 social:
-  - title: "github"
+  - icon: "github"
     url: "https://github.com/le4ker/personal-jekyll-theme"
-  - title: "linkedin-in"
+  - icon: "linkedin-in"
     url: "https://www.linkedin.com"
-  - title: "x-twitter"
+  - icon: "x-twitter"
     url: "https://twitter.com/"
-  - title: "rss"
+  - icon: "rss"
     url: "https://le4ker.github.io/personal-jekyll-theme/feed.xml"
 ############
 # 404 page #

diff --git a/_includes/head.html b/_includes/head.html
@@ -1,7 +1,6 @@
 <!-- HEAD Start -->
 
 <head>
-
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -29,7 +28,7 @@
   <!-- Custom Fonts -->
   <link
     rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.css"
+    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
   />
   <link
     href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic"
@@ -43,63 +42,54 @@
   />
   <link rel="stylesheet" href="{{site.baseurl}}/css/rrssb.css" />
   {% if site.favicon %}
-    <link
-      rel="shortcut icon"
-      type="image/x-icon"
-      href="{{site.baseurl}}{{site.favicon}}"
-    />
-  {% endif %} 
-
-  {% if page.url == "/404.html" | prepend: {{site.baseurl}} %}
-    <meta http-equiv="refresh" content="20; url={{site.baseurl}}/" />
-  {% endif %} 
-
-  {% include web-app.html %} 
-
-  {% include color-browser.html %} 
-
-  {% include syntax-highlight.html %} 
-
-  {% if site.google-tracking-id %}
-
-    <!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
-    <script
-      type="text/javascript"
-      src="https://www.termsfeed.com/public/cookie-consent/4.1.0/cookie-consent.js"
-      charset="UTF-8"
-    ></script>
-    <script type="text/javascript" charset="UTF-8">
-      document.addEventListener("DOMContentLoaded", function () {
-        cookieconsent.run({
-          notice_banner_type: "simple",
-          consent_type: "express",
-          palette: "light",
-          language: "en",
-          page_load_consent_levels: ["strictly-necessary"],
-          notice_banner_reject_button_hide: false,
-          preferences_center_close_button_hide: false,
-          page_refresh_confirmation_buttons: false,
-          website_name: "{{ site.url }}",
-        });
+  <link
+    rel="shortcut icon"
+    type="image/x-icon"
+    href="{{site.baseurl}}{{site.favicon}}"
+  />
+  {% endif %} {% if page.url == "/404.html" | prepend: {{site.baseurl}} %}
+  <meta http-equiv="refresh" content="20; url={{site.baseurl}}/" />
+  {% endif %} {% include web-app.html %} {% include color-browser.html %} {%
+  include syntax-highlight.html %} {% if site.google-tracking-id %}
+
+  <!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
+  <script
+    type="text/javascript"
+    src="https://www.termsfeed.com/public/cookie-consent/4.1.0/cookie-consent.js"
+    charset="UTF-8"
+  ></script>
+  <script type="text/javascript" charset="UTF-8">
+    document.addEventListener("DOMContentLoaded", function () {
+      cookieconsent.run({
+        notice_banner_type: "simple",
+        consent_type: "express",
+        palette: "light",
+        language: "en",
+        page_load_consent_levels: ["strictly-necessary"],
+        notice_banner_reject_button_hide: false,
+        preferences_center_close_button_hide: false,
+        page_refresh_confirmation_buttons: false,
+        website_name: "{{ site.url }}",
       });
-    </script>
-
-    <!-- Google Analytics -->
-
-    <script
-      type="text/plain"
-      data-cookie-consent="tracking"
-      async
-      src="https://www.googletagmanager.com/gtag/js?id={{site.google-tracking-id}}"
-    ></script>
-    <script type="text/plain" data-cookie-consent="tracking">
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', '{{site.google-tracking-id}}');
-    </script>
-
-    <!-- Google Analytics -->
+    });
+  </script>
+
+  <!-- Google Analytics -->
+
+  <script
+    type="text/plain"
+    data-cookie-consent="tracking"
+    async
+    src="https://www.googletagmanager.com/gtag/js?id={{site.google-tracking-id}}"
+  ></script>
+  <script type="text/plain" data-cookie-consent="tracking">
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '{{site.google-tracking-id}}');
+  </script>
+
+  <!-- Google Analytics -->
 
   {% endif %}
 </head>

diff --git a/_includes/social-buttons.html b/_includes/social-buttons.html
@@ -2,16 +2,16 @@
 
 <ul class="list-inline social-buttons">
   {% for network in site.social %}
-    {% if network.title == "rss" %}
+    {% if network.icon== "rss" %}
       <li>
       <a href="{{ network.url }}" target="_blank">
-      <i class="fa-solid fa-{{network.title}}"></i>
+      <i class="fa-solid fa-{{network.icon}}"></i>
       </a>
       </li>
     {% else %}
       <li>
         <a href="{{ network.url }}" target="_blank">
-          <i class="fa-brands fa-{{ network.title }}"></i>
+          <i class="fa-brands fa-{{ network.icon}}"></i>
         </a>
       </li>
     {% endif %}

diff --git a/_posts/2015-06-11-social-buttons-tutorial.md b/_posts/2015-06-11-social-buttons-tutorial.md
@@ -14,16 +14,15 @@ You can edit them with the following variables:
 
 ```yaml
 social:
-  - title: "github"
+  - icon: "github"
     url: "https://github.com/le4ker/personal-jekyll-theme"
-  - title: "linkedin-in"
+  - icon: "linkedin-in"
     url: "https://www.linkedin.com"
-  - title: "x-twitter"
+  - icon: "x-twitter"
     url: "https://twitter.com/"
-  - title: "rss"
+  - icon: "rss"
     url: "https://le4ker.github.io/personal-jekyll-theme/feed.xml"
 ```
 
-The title selects the desired
-[Font Awesome](https://fortawesome.github.io/Font-Awesome/icons/) icon and it
-shouldn't include the "fa-" prefix.
+The `icon` selects the desired [Font Awesome](https://fontawesome.com/icons) icon from the loaded version
+and it shouldn't include the `fa-` prefix, since it's prepended automatically.