improve appearance

2025-06-09 11:45:49 -06:00
32 changed files with 8340 additions and 103 deletions
--- a/assets/sass/_fonts.sass
+++ b/assets/sass/_fonts.sass
@@ -76,6 +76,24 @@ $font-path: '/fonts/static/'
    font-weight: 900
    src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')

+@font-face
+    font-family: 'Source Code Pro'
+    font-style: normal
+    font-display: swap
+    font-weight: 600
+    src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url('#{$font-path}SourceCodePro-Medium.woff2') format('woff2'), url('#{$font-path}SourceCodePro-Medium.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Code Pro'
+    font-style: italic
+    font-display: swap
+    font-weight: 600
+    src: local('Source Code Pro Medium Italic'), local('SourceCodePro-MediumItalic'), url('#{$font-path}SourceCodePro-MediumItalic.woff2') format('woff2'), url('#{$font-path}SourceCodePro-MediumItalic.ttf') format('truetype')
+
+
+

 *
    font-family: 'Source Sans 3', sans-serif
+code 
+    font-family: 'Source Code Pro', monospace
--- a/assets/sass/_layout.sass
+++ b/assets/sass/_layout.sass
@@ -113,6 +113,80 @@ section
    text-align: center
    h1
        margin: 0
-    .time
-        font-size: 0.8rem
+        width: 100%
+        font-size: 3rem
+        word-break: break-word
+    .subtitle
+        margin: 0
+        width: 100%
+        font-size: 1.2rem
+        font-weight: 300
        color: $text-subtle
+.time
+    font-size: 0.8rem
+    color: $text-subtle
+    text-align: center
+
+article
+    background: $surface
+    border-radius: 8px
+    padding: $spacing-unit
+    margin: $spacing-unit 0
+    position: relative
+    transition: background 0.5s ease-in-out
+    &:hover, &:focus
+        background: $primary-dark
+    h3
+        margin: 0
+        font-size: 1.5rem
+        font-weight: 700
+        color: $text
+    a
+        color: $text
+        position: absolute
+        top: 0
+        left: 0
+        width: 100%
+        height: 100%
+        z-index: 1
+        text-indent: -9999px
+        overflow: hidden
+        text-decoration: none
+        transition: color 0.3s ease-in-out
+        &:hover, &:focus
+            color: $accent-light
+    &:not(a)
+        position: relative
+        z-index: 2
+    p
+        margin: 0.5rem 0
+        font-size: 1rem
+        color: $text-subtle
+        font-weight: 300
+
+    .subtitle
+        margin: 0 0 0 0.5rem
+        width: 100%
+        font-size: 1.1rem
+        font-weight: 300
+        color: $text-subtle
+
+.term-title
+    font-weight: 700
+    padding: 0.3rem 0.8rem
+    margin-bottom: 0.5rem
+    border-radius: $border-radius
+
+p code
+    background: darken($primary-dark,10%)
+    margin: 0 0.2rem
+    padding: 0.2rem 0.4rem
+    border-radius: 5px
+    font-size: 0.8rem
+
+pre
+    padding: 0.5rem
+    border-radius: 5px
+    overflow-x: auto
+    code
+        font-size: 0.8rem
--- a/assets/sass/_links.sass
+++ b/assets/sass/_links.sass
@@ -1,11 +1,11 @@
 /* _text.sass */

 a
-    color: $primary
+    color: $accent-light
    text-decoration: underline
    transition: color 0.3s ease-in-out
    &:hover, &:focus
-        color: $accent
+        color: $primary

 #quick-links
    text-align: left
@@ -13,8 +13,10 @@ a
 #link-list
    display: flex
    gap: $spacing-unit
-    align-items: left
-    margin: $spacing-unit 0
+    align-items: center
+    flex-wrap: wrap
+    margin: 2rem 0 $spacing-unit 0
+    justify-content: center

 #link-list h2
    flex: none
@@ -41,3 +43,15 @@ a
    transition: background 0.3s ease-in-out
    &:hover, &:focus
        background: $accent-light
+
+a.button
+    padding: 0.3rem 0.6rem
+    margin: 0 0.2rem
+    border-radius: $border-radius
+    background: $primary-light
+    color: $darkest
+    text-decoration: none
+    font-weight: 500
+    transition: background 0.3s ease-in-out
+    &:hover, &:focus
+        background: $accent-light
--- a/assets/sass/_publications.sass
+++ b/assets/sass/_publications.sass
@@ -1,4 +1,5 @@
 #publications
+    font-weight: 300
    ul
        list-style: none
        margin: 0
@@ -11,3 +12,10 @@
            background: $surface
            border-radius: 8px
            padding: 1em 1.5em
+    a
+        color: $primary-light
+        text-decoration: none
+        font-weight: 100
+        transition: color 0.3s ease-in-out
+        &:hover, &:focus
+            color: $accent-light
--- a/assets/sass/_taxonomy.sass
+++ b/assets/sass/_taxonomy.sass
@@ -37,6 +37,12 @@ table#taxonomy-table
        font-weight: 600
        border: none

+    td.description
+        font-weight: 300
+        color: $text-subtle
+    td.tool
+        min-width: 100px
+
    a.term-link
        padding: 0.2rem 0.6rem
        margin: 0.2rem
--- a/hugo.toml
+++ b/hugo.toml
@@ -1,5 +1,5 @@
 [module]
  [module.hugoVersion]
-    extended = false
+    extended = true
    min = '0.146.0'

--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,9 +1,17 @@
 {{ define "main" }}
-  <h1>404 Not Found</h1>
-  <p>The page you requested cannot be found.</p>
-  <p>
-    <a href="{{ .Site.Home.RelPermalink }}">
-      Return to the home page
-    </a>
-  </p>
-{{ end }}
+
+  <div id="page-header">
+    <h1>Oh No!</h1>
+    <span class="subtitle">This is not the page you are looking for.</span>
+  </div>
+
+  <section>
+  <p>This is really embarrassing, but the page you were looking for does not exist. It may have been moved or deleted.</p>
+  <p>Please <a href="https://gitmoss.fyi/fmtools/content/issues/new" target="_blank">submit an issue</a> if you think this is a mistake, or you can go back to the <a href="{{ "/" | relLangURL }}">home page</a>.</p>
+  </section>
+
+  <!-- {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Date | time.Format ":date_long" }}
+  <p class="time">Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p> -->
+
+{{ end }}
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -1 +1,3 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
+<p><a href="/contribute">Contribute</a> &nbsp;|&nbsp; <a href="/about">About</a> &nbsp;|&nbsp; <a href="/license">License</a> &nbsp;|&nbsp; <a href="/privacy">Privacy</a> </p>
+<!-- <p>Open-source under <a href="">MIT License</a></p> -->
+<p>&copy; Copyright {{ now.Year }}. An open-source project.</p>
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -2,6 +2,7 @@
 <!-- <meta name="viewport" content="width=device-width"> -->
 <meta name="viewport" content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
 {{- partial "opengraph" . }}
 {{- partialCached "favicon" . }}
--- a/layouts/_partials/styles.html
+++ b/layouts/_partials/styles.html
@@ -1,4 +1,8 @@
 {{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "expanded" "enableSourceMap" "true") -}}
 {{ $mainSassFile :=  "sass/main.sass" }}
 {{- $styles := resources.Get $mainSassFile | resources.ExecuteAsTemplate $mainSassFile . | css.Sass $options | resources.Fingerprint "sha512" }}
-<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
+<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
+
+  <link href="/css/fontawesome.css" rel="stylesheet" />
+  <link href="/css/brands.css" rel="stylesheet" />
+  <link href="/css/solid.css" rel="stylesheet" />
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -1,12 +1,29 @@
 {{ define "main" }}
+
+  <div id="page-header">
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.subtitle }}
+      <span class="subtitle">{{ .Params.subtitle }}</span>
+    {{ end }}
+  </div>
+
+  <section>
  {{ .Content }}
+  </section>
+
  {{ $pages := shuffle (where site.RegularPages "Section" "tools") | first 20 }}
  <section>
    <h2>Featured Tools</h2>
    {{ range $pages }}
-      <article>
-        <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
-            <p>{{ .Content | truncate 250 }}</p>
+      <article class="tool-card">
+        <h3>
+          {{ .Title }}
+          {{ if .Params.subtitle }}
+            <span class="subtitle">{{ .Params.subtitle }}</span>
+          {{ end }}
+        </h3>
+        <p>{{ .Content | truncate 250 }}</p>
+        <a href="{{ .RelPermalink }}" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;text-indent:-9999px;overflow:hidden;">{{ .Title }}</a>
      </article>
    {{ end }}
  </section>
--- a/layouts/page.html
+++ b/layouts/page.html
@@ -1,26 +1,32 @@
 {{ define "main" }}
-  <h1>{{ .Title }}</h1>

-  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-  {{ $dateHuman := .Date | time.Format ":date_long" }}
-  <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+  <div id="page-header">
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.subtitle }}
+      <span class="subtitle">{{ .Params.subtitle }}</span>
+    {{ end }}
+    {{ with .Params.links }}
+    <!-- <section id="quick-links"> -->
+      <!-- <h2>Quick Links</h2> -->
+      <div id="link-list">
+        <ul>
+          {{ range . }}
+            <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ if .icon }}<i class="{{ .icon }}"></i>&nbsp;&nbsp;{{ end }}{{ .title }}</a></li>
+          {{ end }}
+        </ul>
+      </div>
+    <!-- </section> -->
+    {{ end }}
+  </div>

-  {{ .Content }}
-  
  <section>
-    <ul id="taxonomies">
-      {{ range $taxonomyname, $taxonomy := .Site.Taxonomies }}
-        <li>{{ $taxonomyname | strings.FirstUpper }}
-        <!-- <li><a href="{{ "/" | relLangURL}}{{ $taxonomyname | urlize }}">{{ $taxonomyname }}</a> -->
-          <ul>
-            {{ range $key, $value := $taxonomy }}
-            <li><a href="{{ "/" | relLangURL}}{{ $taxonomyname | urlize }}{{ "/" | relLangURL}}{{ $key | urlize }}">{{ $key }}</a></li>
-            {{ end }}
-          </ul>
-        </li>
-      {{ end }}
-    </ul>
+  {{ .Content }}
  </section>

+  {{ if .Date }}
+  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Date | time.Format ":date_long" }}
+  <p class="time">Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
+  {{ end }}

 {{ end }}
--- a/layouts/shortcodes/button.html
+++ b/layouts/shortcodes/button.html
@@ -0,0 +1,3 @@
+<a href="{{ .Get "href" }}" class="button">
+    {{ .Inner | safeHTML }}
+</a>
--- a/layouts/term.html
+++ b/layouts/term.html
@@ -1,34 +1,68 @@
 {{ define "main" }}
-  <h1>{{ .Title }}</h1>
+  <h1> 
+    {{ $hash := md5 .Title }}
+    {{ $r := printf "0x%s" (substr $hash 0 2) | int }}
+    {{ $g := printf "0x%s" (substr $hash 2 2) | int }}
+    {{ $b := printf "0x%s" (substr $hash 4 2) | int }}
+    {{ $rgba := printf "rgba(%d,%d,%d,0.2)" $r $g $b }}
+    <span 
+    class="term-title"
+    style="background:rgba({{ $r }},{{ $g }},{{ $b }},0.4)">
+    {{ .Title }}
+    </span>
+  </h1>
  {{ .Content }}
  <section id="tools-list">
-    <h2>Tools</h2>
  <table id="taxonomy-table">
    <thead>
      <tr>
        <th>Tool</th>
-        <th>Developers</th>
-        <th>License</th>
-        <th>Purposes</th>
+        <!-- <th>License</th> -->
+        <th>Description</th>
+        <!-- <th>Developers</th> -->
      </tr>
    </thead>
    <tbody>
      {{ range .Pages }}
-        <tr>
-          <td><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></td>
-          <td>
+        <tr onclick="window.location='{{ .RelPermalink }}'" style="cursor:pointer;"></tr>
+          <td class="tool"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></td>
+          <td class="description">{{ .Content | truncate 200 }}</td>
+          <!-- <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
-              {{ if (in (slice "tags" "categories" "series") $key) }}
-                {{ $sep }}
-                <strong>{{ $key | title }}:</strong>
-                {{ range $i, $val := $vals }}
-                  {{ if $i }}, {{ end }}{{ $val }}
-                {{ end }}
-                {{ $sep = "; " }}
+              {{ if (in (slice "applications") $key) }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
              {{ end }}
            {{ end }}
-          </td>
+          </td> -->
+          <!-- <td>
+            {{ $sep := "" }}
+            {{ range $key, $vals := .Params }}
+              {{ if (in (slice "developers") $key) }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
+              {{ end }}
+            {{ end }}
+          </td> -->
+          <!-- <td>
+            {{ $sep := "" }}
+            {{ range $key, $vals := .Params }}
+              {{ if (in (slice "licenses") $key) }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
+              {{ end }}
+            {{ end }}
+          </td> -->
        </tr>
      {{ end }}
    </tbody>
--- a/layouts/tools/page.html
+++ b/layouts/tools/page.html
@@ -1,26 +1,24 @@
 {{ define "main" }}

  <div id="page-header">
-  <h1>{{ .Title }}</h1>
-
-  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-  {{ $dateHuman := .Date | time.Format ":date_long" }}
-  <span class="time">Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></span>
-
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.subtitle }}
+      <span class="subtitle">{{ .Params.subtitle }}</span>
+    {{ end }}
+    {{ with .Params.links }}
+    <!-- <section id="quick-links"> -->
+      <!-- <h2>Quick Links</h2> -->
+      <div id="link-list">
+        <ul>
+          {{ range . }}
+            <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ if .icon }}<i class="{{ .icon }}"></i>&nbsp;&nbsp;{{ end }}{{ .title }}</a></li>
+          {{ end }}
+        </ul>
+      </div>
+    <!-- </section> -->
+    {{ end }}
  </div>

-  {{ with .Params.links }}
-  <section id="quick-links">
-    <h2>Quick Links</h2>
-    <div id="link-list">
-      <ul>
-        {{ range . }}
-          <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ .title }}</a></li>
-        {{ end }}
-      </ul>
-    </div>
-  </section>
-  {{ end }}

  <section id="taxonomies">
    <h2>At a Glance</h2>
@@ -50,10 +48,12 @@
    </table>
  </section>

+  {{ if .Content }}
  <section>
    <h2>Description</h2>
    {{ .Content }}
  </section>
+  {{ end }}
  
  {{ with .Params.publications}}
  <section id="publications">
@@ -76,9 +76,9 @@
        {{ if .pages }} ({{ .pages }}) {{ end }}
        {{ if .journal }}  | Appears in <em>{{ .journal }}</em> {{ end }}
        {{ if .volume }} | Volume {{ .volume }} {{ end }}
-        {{ if .publisher }}  | Published by <em>{{ .publisher }}</em> {{ end }}
-        {{ if .doi }} <br /><a href="https://doi.org/{{ . }}" target="_blank" rel="noopener">{{ .doi }}</a> 
-        {{ else if .url }} <br /><a href="{{ . }}" target="_blank" rel="noopener">{{ .url }}</a> {{ end }}
+        {{ if .publisher }}  | Published by {{ .publisher }} {{ end }}
+        {{ if .doi }}  | <a href="https://doi.org/{{ .doi }}" target="_blank" rel="noopener">{{ .doi }}</a> 
+        {{ else if .url }}  | <a href="{{ . }}" target="_blank" rel="noopener">{{ .url }}</a> {{ end }}
      </li>
      {{ end }}
      {{ end }}
@@ -87,4 +87,11 @@
  </section>
  {{ end }}

+  {{ if .Date }}
+  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Date | time.Format ":date_long" }}
+  <p class="time">Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
+  {{ end }}
+
+
 {{ end }}
--- a/layouts/tools/section.html
+++ b/layouts/tools/section.html
@@ -2,56 +2,55 @@
  <h1>{{ .Title }}</h1>
  {{ .Content }}
  <section id="tools-list">
-    <h2>Tools</h2>
  <table id="taxonomy-table">
    <thead>
      <tr>
        <th>Tool</th>
+        <!-- <th>License</th> -->
+        <th>Applications</th>
        <th>Developers</th>
-        <th>License</th>
-        <th>Purposes</th>
      </tr>
    </thead>
    <tbody>
      {{ range .Pages }}
-        <tr>
+        <tr onclick="window.location='{{ .RelPermalink }}'" style="cursor:pointer;"></tr>
          <td><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></td>
          <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
-              {{ if (in (slice "developers") $key) }}
-                {{ $sep }}
-                {{ range $i, $val := $vals }}
-                  {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
-                {{ end }}
-                {{ $sep = "; " }}
+              {{ if (in (slice "applications") $key) }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
              {{ end }}
            {{ end }}
          </td>
          <td>
+            {{ $sep := "" }}
+            {{ range $key, $vals := .Params }}
+              {{ if (in (slice "developers") $key) }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
+              {{ end }}
+            {{ end }}
+          </td>
+          <!-- <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
              {{ if (in (slice "licenses") $key) }}
-                {{ $sep }}
-                {{ range $i, $val := $vals }}
-                  {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
-                {{ end }}
-                {{ $sep = "; " }}
+          {{ $sep }}
+          {{ range $i, $val := $vals }}
+            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
+          {{ end }}
+          {{ $sep = "; " }}
              {{ end }}
            {{ end }}
-          </td>
-          <td>
-            {{ $sep := "" }}
-            {{ range $key, $vals := .Params }}
-              {{ if (in (slice "purposes") $key) }}
-                {{ $sep }}
-                {{ range $i, $val := $vals }}
-                  {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
-                {{ end }}
-                {{ $sep = "; " }}
-              {{ end }}
-            {{ end }}
-          </td>
+          </td> -->
        </tr>
      {{ end }}
    </tbody>
--- a/static/css/brands.css
+++ b/static/css/brands.css
--- a/static/css/fontawesome.css
+++ b/static/css/fontawesome.css
--- a/static/css/solid.css
+++ b/static/css/solid.css
@@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
+
+.fas,
+.fa-solid {
+  font-weight: 900; }
--- a/static/fonts/static/SourceCodePro-Medium.ttf
+++ b/static/fonts/static/SourceCodePro-Medium.ttf
--- a/static/fonts/static/SourceCodePro-Medium.woff2
+++ b/static/fonts/static/SourceCodePro-Medium.woff2
--- a/static/fonts/static/SourceCodePro-MediumItalic.ttf
+++ b/static/fonts/static/SourceCodePro-MediumItalic.ttf
--- a/static/fonts/static/SourceCodePro-MediumItalic.woff2
+++ b/static/fonts/static/SourceCodePro-MediumItalic.woff2
--- a/static/webfonts/LICENSE.txt
+++ b/static/webfonts/LICENSE.txt
@@ -0,0 +1,165 @@
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2024 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**
--- a/static/webfonts/fa-brands-400.ttf
+++ b/static/webfonts/fa-brands-400.ttf
--- a/static/webfonts/fa-brands-400.woff2
+++ b/static/webfonts/fa-brands-400.woff2
--- a/static/webfonts/fa-regular-400.ttf
+++ b/static/webfonts/fa-regular-400.ttf
--- a/static/webfonts/fa-regular-400.woff2
+++ b/static/webfonts/fa-regular-400.woff2
--- a/static/webfonts/fa-solid-900.ttf
+++ b/static/webfonts/fa-solid-900.ttf
--- a/static/webfonts/fa-solid-900.woff2
+++ b/static/webfonts/fa-solid-900.woff2
--- a/static/webfonts/fa-v4compatibility.ttf
+++ b/static/webfonts/fa-v4compatibility.ttf
--- a/static/webfonts/fa-v4compatibility.woff2
+++ b/static/webfonts/fa-v4compatibility.woff2