Migrate to fontawesome 6

app/assets/stylesheets/application.css

@@ -7,7 +7,6 @@
  *= require osem-schedule-print
  *= require osem-dashboard
  *= require osem-splash
- *= require font-awesome
  *= require osem-fonts
  *= require bootstrap-markdown
  *= require bootstrap-datetimepicker
@@ -17,7 +16,6 @@
  *= require osem-navbar
  *= require selectize
  *= require selectize.bootstrap3
- *= require mastodon
  *= require bootstrap-select
  *= require conferences
 */

app/assets/stylesheets/mastodon.scss

@@ -1,45 +0,0 @@
-@font-face {
-  font-family: 'mastodon';
-  src: font-url('mastodon.eot');
-  src: local('☺'),
-       font-url('mastodon.otf') format('opentype'),
-       font-url('mastodon.woff') format('woff'),
-       font-url('mastodon.ttf') format('truetype'),
-       font-url('mastodon.svg') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-
- [class^="icon-"]:before, [class*=" icon-"]:before {
-  font-family: "mastodon";
-  font-style: normal;
-  font-weight: normal;
-  speak: none;
-
-  display: inline-block;
-  text-decoration: inherit;
-  width: 1em;
-  margin-right: .2em;
-  text-align: center;
-  /* opacity: .8; */
-
-  /* For safety - reset parent styles, that can break glyph codes*/
-  font-variant: normal;
-  text-transform: none;
-
-  /* fix buttons height, for twitter bootstrap */
-  line-height: 1em;
-
-  /* you can be more comfortable with increased icons size */
-  /* font-size: 120%; */
-
-  /* Font smoothing. That was taken from TWBS */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  /* Uncomment for 3D effect */
-  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
-}
-
-.icon-mastodon:before { content: '\e800'; } /* '' */
-.icon-mastodon_alt:before { content: '\e801'; } /* '' */

app/assets/stylesheets/osem-dashboard.scss

@@ -1,6 +1,6 @@
 @import "breakpoints.scss";
 
-.dashbox span.fa {
+.dashbox span.fa-solid {
   line-height: 1.1em;
   @include breakpoint(sm) {
     font-size: 3em;

app/assets/stylesheets/osem-fonts.scss

@@ -1,45 +1 @@
-/* Generated with http://fontastic.me/ and app/assets/images/suse.svg */
-@charset "UTF-8";
-
-@font-face {
-  font-family: "suse-icons";
-  src:font-url("suse-icons.eot");
-  src:font-url("suse-icons.eot?#iefix") format("embedded-opentype"),
-    font-url("suse-icons.woff") format("woff"),
-    font-url("suse-icons.ttf") format("truetype"),
-    font-url("suse-icons.svg#suse-icons") format("svg");
-  font-weight: normal;
-  font-style: normal;
-
-}
-
-[data-icon]:before {
-  font-family: "suse-icons" !important;
-  content: attr(data-icon);
-  font-style: normal !important;
-  font-weight: normal !important;
-  font-variant: normal !important;
-  text-transform: none !important;
-  speak: none;
-  line-height: 1;
-  font-smoothing: antialiased;
-}
-
-/* We have to repeat this for every symbol that extends font awesome. So if
-   you add fa-rutzelfuz you need to copy and paste these two...
-*/
-[class^="fa-suse"]:before,
-[class*=" fa-suse"]:before {
-  font-family: "suse-icons" !important;
-  font-style: normal !important;
-  font-weight: normal !important;
-  font-variant: normal !important;
-  text-transform: none !important;
-  speak: none;
-  line-height: 1;
-  font-smoothing: antialiased;
-}
-
-.fa-suse:before {
-  content: "a";
-}
+@import "font-awesome";

app/assets/stylesheets/osem-splash.scss

@@ -161,7 +161,7 @@
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
-    i.fa {
+    i.fa-solid {
       line-height: inherit;
     }
     &.show {

app/assets/stylesheets/strap-on.scss

@@ -18,7 +18,6 @@ $navbar-default-link-hover-color: #000000;
 // Reset and dependencies
 @import "bootstrap/normalize";
 @import "bootstrap/print";
-@import "bootstrap/glyphicons";
 
 // Core CSS
 @import "bootstrap/scaffolding";