Refactor site for pagespeed improvements (#8)

* Strip out FontAwesome and inline icons * Add icomoon fonts to cache Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>
2019-10-02 13:56:11 +05:30 · 2019-10-02 13:56:11 +05:30 · 2339d3dc28
parent b07dadb048
commit 2339d3dc28
16 changed files with 92 additions and 45 deletions
--- a/config.toml
+++ b/config.toml
@ -40,21 +40,21 @@ theme = "hello-friend-ng"

 [[params.social]]
  name = "GitHub"
-  icon = "fab fa-github fa-2x"
+  icon = "icon-github"
  url = "https://github.com/msfjarvis"
 [[params.social]]
  name = "Twitter"
-  icon = "fab fa-twitter fa-2x"
+  icon = "icon-twitter"
  url = "https://twitter.com/MSF_Jarvis"
 [[params.social]]
  name = "Keybase"
-  icon = "fab fa-keybase fa-2x"
+  icon = "icon-keybase"
  url = "https://keybase.io/msf_jarvis"
 [[params.social]]
  name = "DEV.to"
-  icon = "fab fa-dev fa-2x"
+  icon = "icon-dev"
  url = "https://dev.to/msfjarvis"
 [[params.social]]
  name = "GPG"
-  icon = "fas fa-key fa-2x"
+  icon = "icon-key"
  url = "/publickey.txt"
--- a/static/service-worker.js
+++ b/static/service-worker.js
@ -9,9 +9,6 @@ const precacheResources = [
  '/fonts/Inter-UI-Bold.woff',
  '/fonts/Inter-UI-Medium.woff',
  '/fonts/Inter-UI-Medium.woff2',
-  '/fonts/fa-brands-400.woff',
-  '/css/fontawesome-5.9.0-all.min.css',
-  '/fonts/fa-solid-900.woff2',
  '/fonts/Inter-UI-Italic.woff',
  '/fonts/Inter-UI-Regular.woff',
  '/fonts/Inter-UI-Italic.woff2',
@ -20,9 +17,11 @@ const precacheResources = [
  '/fonts/Inter-UI-BoldItalic.woff',
  '/fonts/Inter-UI-Regular.woff2',
  '/fonts/Inter-UI-Bold.woff2',
-  '/fonts/fa-solid-900.woff',
  '/fonts/Inter-UI-BoldItalic.woff2',
-  '/fonts/fa-brands-400.woff2',
+  '/static/fonts/icomoon.eot',
+  '/static/fonts/icomoon.svg',
+  '/static/fonts/icomoon.ttf',
+  '/static/fonts/icomoon.woff',
  '/posts/how-to-get-involved-in-open-source/index.html',
  '/posts/i-m-gonna-blog/index.html',
  '/posts/tools-for-effective-rust-development/index.html',
--- a/themes/hello-friend-ng/assets/scss/_icons.scss
+++ b/themes/hello-friend-ng/assets/scss/_icons.scss
@ -0,0 +1,41 @@
+@font-face {
+  font-family: 'icomoon';
+  src: url('fonts/icomoon.eot?ytqq37');
+  src: url('fonts/icomoon.eot?ytqq37#iefix') format("embedded-opentype"), url('fonts/icomoon.ttf?ytqq37') format("truetype"), url('fonts/icomoon.woff?ytqq37') format("woff"), url('fonts/icomoon.svg?ytqq37#icomoon') format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-size: 2em;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+.icon-dev:before {
+  content: "\e902";
+}
+
+.icon-keybase:before {
+  content: "\e901";
+}
+
+.icon-key:before {
+  content: "\e900";
+}
+
+.icon-twitter:before {
+  content: "\f099";
+}
+
+.icon-github:before {
+  content: "\f09b";
+}
--- a/themes/hello-friend-ng/assets/scss/main.scss
+++ b/themes/hello-friend-ng/assets/scss/main.scss
@ -13,3 +13,4 @@
@import "list";
@import "single";
@import "footer";
+@import "icons";
--- a/themes/hello-friend-ng/layouts/partials/head.html
+++ b/themes/hello-friend-ng/layouts/partials/head.html
@ -34,14 +34,13 @@
 {{ end }}

 <!-- CSS -->
-<link rel="stylesheet" href="/css/fontawesome-5.10.2-all.min.css" />
 <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.3.0/css/flag-icon.min.css" rel="stylesheet" type="text/css">

 <!-- PWA -->
 <meta name="msapplication-TileColor" content="#2b5797">

 {{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" true) }}
-{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options | resources.Minify }}
+{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
 <link rel="stylesheet" href="{{ $style.RelPermalink }}">

 {{ range $val := $.Site.Params.customCSS }}
--- a/themes/hello-friend-ng/layouts/partials/svg.html
+++ b/themes/hello-friend-ng/layouts/partials/svg.html
@ -0,0 +1,25 @@
+{{- if (eq .name "codepen") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codepen"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line></svg>
+{{- else if (eq .name "facebook") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
+{{- else if (eq .name "github") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+{{- else if (eq .name "gitlab") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg>
+{{- else if (eq .name "instagram") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
+{{- else if (eq .name "linkedin") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
+{{- else if (eq .name "slack") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slack"><path d="M22.08 9C19.81 1.41 16.54-.35 9 1.92S-.35 7.46 1.92 15 7.46 24.35 15 22.08 24.35 16.54 22.08 9z"></path><line x1="12.57" y1="5.99" x2="16.15" y2="16.39"></line><line x1="7.85" y1="7.61" x2="11.43" y2="18.01"></line><line x1="16.39" y1="7.85" x2="5.99" y2="11.43"></line><line x1="18.01" y1="12.57" x2="7.61" y2="16.15"></line></svg>
+{{- else if (eq .name "twitter") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
+{{- else if (eq .name "youtube") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
+{{- else if (eq .name "email") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+{{- else if (eq .name "telegram") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+{{- else -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
+{{- end -}}
--- a/themes/hello-friend-ng/static/css/fontawesome-5.10.2-all.min.css
+++ b/themes/hello-friend-ng/static/css/fontawesome-5.10.2-all.min.css
--- a/themes/hello-friend-ng/static/fonts/fa-brands-400.woff
+++ b/themes/hello-friend-ng/static/fonts/fa-brands-400.woff
--- a/themes/hello-friend-ng/static/fonts/fa-brands-400.woff2
+++ b/themes/hello-friend-ng/static/fonts/fa-brands-400.woff2
--- a/themes/hello-friend-ng/static/fonts/fa-solid-900.woff
+++ b/themes/hello-friend-ng/static/fonts/fa-solid-900.woff
--- a/themes/hello-friend-ng/static/fonts/fa-solid-900.woff2
+++ b/themes/hello-friend-ng/static/fonts/fa-solid-900.woff2
--- a/themes/hello-friend-ng/static/fonts/icomoon.eot
+++ b/themes/hello-friend-ng/static/fonts/icomoon.eot
--- a/themes/hello-friend-ng/static/fonts/icomoon.svg
+++ b/themes/hello-friend-ng/static/fonts/icomoon.svg
@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="key" d="M593.037 337.037l-145.037-145.037h-96v-96h-96v-96h-160v160l337.037 337.037c-11.016 29.564-17.037 61.56-17.037 94.963 0 150.221 121.779 272 272 272s272-121.779 272-272c0-150.221-121.779-272-272-272-33.403 0-65.399 6.021-94.963 17.037v0 0zM864 672c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-53.019 42.981-96 96-96s96 42.981 96 96v0z" />
+<glyph unicode="&#xe901;" glyph-name="keybase" d="M445.696 48.171c0-22.528-18.261-40.661-40.704-40.661-22.4 0-40.704 18.133-40.704 40.661 0 22.443 18.261 40.704 40.661 40.704 22.357 0 40.576-18.389 40.576-40.747zM698.197 48.171c0-22.528-18.261-40.661-40.747-40.661-22.443 0-40.619 18.133-40.619 40.661 0 22.443 18.048 40.704 40.491 40.704s40.704-18.389 40.704-40.747zM891.904 438.912l-6.656 8.704c-1.963 2.56-4.096 4.949-6.101 7.467-1.92 2.603-4.011 4.821-6.016 7.211-4.437 5.12-8.917 10.197-13.611 15.317l-3.243 3.413-3.883 4.224-5.76 5.589c-0.64 0.768-1.365 1.451-2.133 2.261-49.493 48.597-106.88 84.736-168.747 106.837l-9.813 3.328c0.512 1.152 1.024 2.347 1.493 3.541 17.493 45.397 15.659 94.848-5.12 138.88-20.949 44.16-57.856 76.8-104.021 92.16-27.989 9.216-52.48 13.611-73.003 13.013-1.408 4.48-4.267 24.619 21.163 78.848l-51.499 30.293-12.245-17.024c-14.080-19.413-27.648-38.187-40.32-56.661-13.995 14.72-32.683 23.552-53.12 24.747l-60.075 3.669c-1.408 0.128-2.987 0.128-4.437 0.128-42.24 0-77.227-32.896-79.787-74.88l-3.755-59.819v-0.128c-2.603-43.904 31.019-81.707 74.88-84.437l42.752-2.603c-2.773-35.84 3.115-69.12 17.28-98.389-57.429-23.979-110.336-59.776-156.16-105.984-141.013-142.635-141.013-298.795-141.013-424.363v-75.733l55.68 59.179c11.349-39.68 27.819-77.099 48.853-111.573h72.405c-35.541 47.531-60.544 103.509-71.68 164.181l81.621 86.613-42.027-131.883 74.24 54.101c131.2 95.317 287.744 117.333 465.493 65.237 77.013-22.699 151.893-1.664 190.848 53.632l4.437 7.040c3.883-21.248 6.016-42.581 6.016-63.829 0-66.688-10.88-157.312-58.88-235.179h68.736c33.109 66.688 50.389 146.432 50.389 235.179-0.043 93.824-33.536 188.629-93.184 267.691zM379.477 695.851c5.248 42.752 24.661 83.157 52.48 126.72 1.067-2.133 2.304-4.139 3.584-6.144 11.264-16.981 30.421-26.667 51.157-25.813 9.259 0.341 25.813-1.067 52.608-9.899 30.464-10.069 54.869-31.744 68.608-60.8s14.891-61.525 3.371-91.691c-7.381-18.987-19.371-34.987-34.389-47.317l-17.408 21.419-0.085 0.128c-11.904 14.549-29.611 22.827-48.384 22.827-14.293 0-28.331-4.992-39.467-14.080-14.251-11.52-21.931-28.16-22.784-45.141-51.2 23.083-76.8 70.101-69.461 129.749l0.171 0.043zM563.115 477.824l-22.144-18.133c-1.963-1.536-4.053-2.261-6.229-2.261-2.816 0-5.675 1.28-7.552 3.627l-4.736 5.76c-3.541 4.267-2.859 10.667 1.451 14.251l21.76 17.92-45.013 55.424c-4.651 5.675-3.883 14.080 1.877 18.603 2.475 2.048 5.376 3.072 8.277 3.072 3.883 0 7.723-1.621 10.24-4.821l126.421-155.52c4.651-5.76 3.84-14.080-1.792-18.603-1.664-1.237-3.499-2.261-5.376-2.688-0.981-0.256-1.92-0.384-2.987-0.384-3.84 0-7.595 1.707-10.24 4.821l-12.587 15.573-44.587-36.437c-1.963-1.579-4.267-2.347-6.571-2.347-2.901 0-5.931 1.28-7.936 3.84l-20.352 24.704c-3.499 4.352-2.901 10.752 1.493 14.336l44.843 36.565-18.176 22.741-0.085-0.043zM330.795 752.384l-51.029 3.2c-10.88 0.64-19.2 10.027-18.56 20.821l3.84 59.776c0.597 10.453 9.216 18.603 19.669 18.603h1.024l59.776-3.883c5.248-0.256 10.069-2.56 13.525-6.485 3.541-4.011 5.248-8.96 4.949-14.336l-0.299-4.309c-13.653-24.192-24.96-48.384-32.981-73.387h0.085zM865.152 262.528c-24.107-34.347-71.979-46.123-124.757-30.635-165.803 48.683-315.563 38.528-446.635-29.909l69.803 218.581-225.749-239.317c4.224 160.512 104.661 297.216 245.675 354.603 20.096-15.915 44.117-28.16 71.381-35.883 6.827-1.877 13.739-3.157 20.48-4.352-7.808-19.541-5.077-42.539 8.96-60.032l3.2-3.84c-7.339-19.2-4.48-41.6 9.429-58.624l20.267-24.832c11.349-13.867 28.117-21.888 46.037-21.888 13.696 0 27.093 4.736 37.803 13.397l12.16 9.899c7.424-3.157 15.659-4.821 24.149-4.821 4.821 0 9.472 0.427 14.080 1.493 9.301 2.133 18.091 6.4 25.515 12.416 26.581 21.76 30.72 61.227 8.917 87.893l-71.253 87.723c6.187 4.992 11.989 10.411 17.408 16.256 5.76-1.579 11.563-3.328 17.067-5.12 11.349-4.139 22.741-8.448 33.92-13.44 42.88-18.987 83.371-46.933 118.229-80.939 1.237-1.28 2.517-2.347 3.627-3.541l7.253-7.467c1.621-1.664 3.243-3.371 4.736-5.12 3.371-3.627 6.827-7.467 10.197-11.392l5.376-6.4c1.92-2.261 3.669-4.437 5.547-6.827l4.864-6.4c1.707-2.176 3.371-4.352 4.992-6.571 35.755-49.024 42.112-99.371 17.237-134.699v-0.213zM329.344 784.427l-35.627 2.176 2.261 35.627 35.584-2.176-2.219-35.627z" />
+<glyph unicode="&#xe902;" glyph-name="dev" d="M316.587 531.2c-7.68 6.827-19.627 9.813-35.84 9.813h-24.747l0.853-104.107 1.707-104.533 23.893 0.853c17.493 0 26.88 2.987 35.413 11.093 10.24 10.24 11.093 15.36 11.093 93.867 0 81.493-0.853 83.627-12.373 93.013zM0 749.227v-602.453h1024v602.453h-1024zM365.227 307.2c-18.773-24.747-45.227-32.853-107.947-32.853h-56.32v321.707h59.733c71.253 0 92.16-7.68 110.933-38.4 11.52-18.347 12.373-25.6 13.653-109.653 2.133-95.147-0.853-116.48-20.053-140.8zM582.4 540.587h-105.387v-75.52h64.853v-54.613l-30.72-1.707-32-1.28v-75.52l52.053-1.28 51.2-1.707v-54.613h-68.267c-65.28 0-68.267 0.427-79.787 12.8l-12.8 11.947v134.827c0 128.853 0.427 135.68 10.667 148.48 9.813 13.227 10.667 13.227 80.213 13.227h69.973v-55.467zM782.080 308.053c-7.253-18.347-27.307-33.707-42.667-33.707-7.68 0-19.2 6.4-28.587 16.64-13.653 13.653-19.2 26.88-34.987 88.747l-38.4 144.64-19.2 71.253h32.427c17.067 0 32-0.853 32-2.133 0-2.56 49.493-193.707 53.76-206.080 1.707-6.4 13.653 29.867 31.147 98.133l28.16 107.52 31.573 1.707c17.067 0.853 31.147 0 31.147-1.707 0-5.973-71.253-272.213-76.8-285.013z" />
+<glyph unicode="&#xf099;" glyph-name="twitter" horiz-adv-x="951" d="M925.714 717.714c-25.143-36.571-56.571-69.143-92.571-95.429 0.571-8 0.571-16 0.571-24 0-244-185.714-525.143-525.143-525.143-104.571 0-201.714 30.286-283.429 82.857 14.857-1.714 29.143-2.286 44.571-2.286 86.286 0 165.714 29.143 229.143 78.857-81.143 1.714-149.143 54.857-172.571 128 11.429-1.714 22.857-2.857 34.857-2.857 16.571 0 33.143 2.286 48.571 6.286-84.571 17.143-148 91.429-148 181.143v2.286c24.571-13.714 53.143-22.286 83.429-23.429-49.714 33.143-82.286 89.714-82.286 153.714 0 34.286 9.143 65.714 25.143 93.143 90.857-112 227.429-185.143 380.571-193.143-2.857 13.714-4.571 28-4.571 42.286 0 101.714 82.286 184.571 184.571 184.571 53.143 0 101.143-22.286 134.857-58.286 41.714 8 81.714 23.429 117.143 44.571-13.714-42.857-42.857-78.857-81.143-101.714 37.143 4 73.143 14.286 106.286 28.571z" />
+<glyph unicode="&#xf09b;" glyph-name="github" horiz-adv-x="878" d="M438.857 877.714c242.286 0 438.857-196.571 438.857-438.857 0-193.714-125.714-358.286-300-416.571-22.286-4-30.286 9.714-30.286 21.143 0 14.286 0.571 61.714 0.571 120.571 0 41.143-13.714 67.429-29.714 81.143 97.714 10.857 200.571 48 200.571 216.571 0 48-17.143 86.857-45.143 117.714 4.571 11.429 19.429 56-4.571 116.571-36.571 11.429-120.571-45.143-120.571-45.143-34.857 9.714-72.571 14.857-109.714 14.857s-74.857-5.143-109.714-14.857c0 0-84 56.571-120.571 45.143-24-60.571-9.143-105.143-4.571-116.571-28-30.857-45.143-69.714-45.143-117.714 0-168 102.286-205.714 200-216.571-12.571-11.429-24-30.857-28-58.857-25.143-11.429-89.143-30.857-127.429 36.571-24 41.714-67.429 45.143-67.429 45.143-42.857 0.571-2.857-26.857-2.857-26.857 28.571-13.143 48.571-64 48.571-64 25.714-78.286 148-52 148-52 0-36.571 0.571-70.857 0.571-81.714 0-11.429-8-25.143-30.286-21.143-174.286 58.286-300 222.857-300 416.571 0 242.286 196.571 438.857 438.857 438.857zM166.286 247.428c1.143 2.286-0.571 5.143-4 6.857-3.429 1.143-6.286 0.571-7.429-1.143-1.143-2.286 0.571-5.143 4-6.857 2.857-1.714 6.286-1.143 7.429 1.143zM184 228c2.286 1.714 1.714 5.714-1.143 9.143-2.857 2.857-6.857 4-9.143 1.714-2.286-1.714-1.714-5.714 1.143-9.143 2.857-2.857 6.857-4 9.143-1.714zM201.143 202.286c2.857 2.286 2.857 6.857 0 10.857-2.286 4-6.857 5.714-9.714 3.429-2.857-1.714-2.857-6.286 0-10.286s7.429-5.714 9.714-4zM225.143 178.286c2.286 2.286 1.143 7.429-2.286 10.857-4 4-9.143 4.571-11.429 1.714-2.857-2.286-1.714-7.429 2.286-10.857 4-4 9.143-4.571 11.429-1.714zM257.714 164c1.143 3.429-2.286 7.429-7.429 9.143-4.571 1.143-9.714-0.571-10.857-4s2.286-7.429 7.429-8.571c4.571-1.714 9.714 0 10.857 3.429zM293.714 161.143c0 4-4.571 6.857-9.714 6.286-5.143 0-9.143-2.857-9.143-6.286 0-4 4-6.857 9.714-6.286 5.143 0 9.143 2.857 9.143 6.286zM326.857 166.857c-0.571 3.429-5.143 5.714-10.286 5.143-5.143-1.143-8.571-4.571-8-8.571 0.571-3.429 5.143-5.714 10.286-4.571s8.571 4.571 8 8z" />
+</font></defs></svg>
--- a/themes/hello-friend-ng/static/fonts/icomoon.ttf
+++ b/themes/hello-friend-ng/static/fonts/icomoon.ttf
--- a/themes/hello-friend-ng/static/fonts/icomoon.woff
+++ b/themes/hello-friend-ng/static/fonts/icomoon.woff
--- a/themes/hello-friend-ng/update_fa.sh
+++ b/themes/hello-friend-ng/update_fa.sh
@ -1,28 +0,0 @@
-#!/usr/bin/env bash
-
-get_latest_release() {
-    curl --silent "https://api.github.com/repos/${1:?}/releases/latest" | jq -r .tag_name
-}
-
-update_assets() {
-    wget https://cdnjs.cloudflare.com/ajax/libs/font-awesome/"${FA_VERSION}"/css/all.min.css -O static/css/fontawesome-"${FA_VERSION}"-all.min.css
-
-    sed -i 's|..\/webfonts|..\/fonts|g' static/css/fontawesome-"${FA_VERSION}"-all.min.css
-    sed -i "s|fontawesome-${CUR_FA_VERSION}-all.min.css|fontawesome-${FA_VERSION}-all.min.css|" layouts/partials/head.html
-
-    rm -v static/css/fontawesome-"${CUR_FA_VERSION}"-all.min.css 2>/dev/null
-
-    for font in fa-solid-900.woff fa-brands-400.woff fa-solid-900.woff2 fa-brands-400.woff2; do
-        wget https://cdnjs.cloudflare.com/ajax/libs/font-awesome/"${FA_VERSION}"/webfonts/"${font}" -O static/fonts/"${font}"
-    done
-}
-
-CUR_FA_VERSION=5.10.2
-FA_VERSION="$(get_latest_release FortAwesome/Font-Awesome)"
-
-if [ "${CUR_FA_VERSION}" == "${FA_VERSION}" ]; then
-    echo "FontAwesome is already up-to-date"
-    exit 0
-else
-    update_assets
-fi