Commit 5a2f7644 authored by Renon's avatar Renon
parents df09a8bb 40204b57
Pipeline #3257 passed with stages
in 19 seconds
pages:
stage: build
image: jojomi/hugo:latest
image: jojomi/hugo:0.42
script:
- hugo -b "https://join.funkwhale.audio/"
artifacts:
......
......@@ -42,9 +42,27 @@ DefaultContentLanguage = "en"
[[languages.fr.params.footer.copyright_notice]]
text = "Design inspiré par [HTML5UP](//html5up.net)"
[languages.es]
id = "es"
weight = 3
[languages.es.params]
[languages.es.params.hero]
type = "hero"
title = "<span style='color:#f2711c'>Funk</span>whale"
description = "La banda de ballenas amantes de la música"
buttontext = "Buceais"
[languages.es.params.footer]
enable = true
[languages.es.params.footer.info]
enable = true
[languages.es.params.footer.social_list]
enable = false
[[languages.es.params.footer.copyright_notice]]
text = "Diseño inspirado en [HTML5UP](//html5up.net)"
[languages.de]
id = "de"
weight = 3
weight = 4
[languages.de.params]
[languages.de.params.hero]
type = "hero"
......@@ -60,9 +78,45 @@ DefaultContentLanguage = "en"
[[languages.de.params.footer.copyright_notice]]
text = "Design inspiriert durch [HTML5UP](//html5up.net)"
[languages.it]
id = "it"
weight = 5
[languages.it.params]
[languages.it.params.hero]
type = "hero"
title = "<span style='color:#f2711c'>Funk</span>whale"
description = "La banda delle balene amanti della musica"
buttontext = "Immersione"
[languages.it.params.footer]
enable = true
[languages.it.params.footer.info]
enable = true
[languages.it.params.footer.social_list]
enable = false
[[languages.it.params.footer.copyright_notice]]
text = "Disegno ispirato a [HTML5UP](//html5up.net)"
[languages.oc]
id = "oc"
weight = 2
[languages.oc.params]
[languages.oc.params.hero]
type = "hero"
title = "<span style='color:#f2711c'>Funk</span>whale"
description = "La còla de la balena La còla de la balena melomana"
buttontext = "Cabussar"
[languages.oc.params.footer]
enable = true
[languages.oc.params.footer.info]
enable = true
[languages.oc.params.footer.social_list]
enable = false
[[languages.oc.params.footer.copyright_notice]]
text = "Estil inspirat de [HTML5UP](//html5up.net)"
[languages.pl]
id = "pl"
weight = 4
weight = 6
[languages.pl.params]
[languages.pl.params.hero]
type = "hero"
......@@ -78,24 +132,6 @@ DefaultContentLanguage = "en"
[[languages.pl.params.footer.copyright_notice]]
text = "Design zainspirowany [HTML5UP](//html5up.net)"
#[languages]
# [languages.en]
# title = "My blog"
# weight = 1
# [languages.en.params]
# linkedin = "english-link"
# [languages.fr]
# copyright = "Tout est à moi"
# title = "Mon blog"
# weight = 2
# [languages.fr.params]
# linkedin = "lien-francais"
# [languages.fr.params.navigation]
# help = "Aide"
# # [languages.fr.params.hero]
# # description = "lkjlkjlkj"
[params]
# All icons using Fontawesom's icon font. Look at fortawesome.github.io/Font-Awesome/icons/
# for more icons.
......
......@@ -5,18 +5,14 @@ date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[link]]
description = "Matrix"
name = "#funkwhale:matrix.org"
url = "https://riot.im/app/#/room/#funkwhale:matrix.org"
[[link]]
description = "Mastodon (offiziell)"
name = "@funkwhale@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@funkwhale"
[[link]]
description = "Mastodon (Maintainer)"
name = "@eliotberriot@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@eliotberriot"
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale ist das Projekt einer Community von Freiwilligen. Es gibt viele Wege sich zu beteiligen und jeder Skill ist wilkommen, solange er walfreundlich ist.
......
......@@ -5,18 +5,14 @@ date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[link]]
description = "Matrix"
name = "#funkwhale:matrix.org"
url = "https://riot.im/app/#/room/#funkwhale:matrix.org"
[[link]]
description = "Mastodon (official)"
name = "@funkwhale@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@funkwhale"
[[link]]
description = "Mastodon (maintainer)"
name = "@eliotberriot@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@eliotberriot"
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale is a community-driven project, supported by volunteers. There are many ways to contribute, and every skill is welcome, as long as it's whale-friendly.
......
+++
title = "Contribuir"
id = "contribute"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale es un proyecto dirigido por una comunidad de voluntarios. Es posible contribuir de muchas maneras diferentes, y todas las habilidades son bienvenidas.
Los feedbacks también son muy apreciadas, únete a nosotros en :
......@@ -4,20 +4,15 @@ id = "contribute"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[link]]
description = "Matrix"
name = "#funkwhale:matrix.org"
url = "https://riot.im/app/#/room/#funkwhale:matrix.org"
[[link]]
description = "Mastodon (officiel)"
name = "@funkwhale@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@funkwhale"
[[link]]
description = "Mastodon (mainteneur)"
name = "@eliotberriot@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@eliotberriot"
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale est un projet porté par une communauté de volontaires. Il est possible de contribuer de pleins de manières différentes, et toutes les compétences sont les bienvenues.
......
+++
title = "Contribuire"
id = "contribute"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale è un progetto gestito da una comunità di volontari. È possibile
contribuire in molti modi diversi, e tutte le competenze sono benvenute.
Anche i ritorni sono molto apprezzati, unitevi a noi su :
+++
title = "Participatz"
id = "contribute"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale es un projècte menat per una comunitat volontària. Podètz participar de mantun biaisses diferents e totas las competéncias son benvengudas.
Los comentaris son tanben fòrça apreciats, venètz amb nosautres sus :
\ No newline at end of file
......@@ -5,18 +5,14 @@ date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 4
[[link]]
description = "Matrix"
name = "#funkwhale:matrix.org"
url = "https://riot.im/app/#/room/#funkwhale:matrix.org"
[[link]]
description = "Mastodon (oficjalny)"
name = "@funkwhale@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@funkwhale"
[[link]]
description = "Mastodon (konto twórcy)"
name = "@eliotberriot@mastodon.eliotberriot.com"
url = "https://mastodon.eliotberriot.com/@eliotberriot"
[[item]]
icon = "fab fa-mastodon"
title = "mastodon"
link = "https://mastodon.eliotberriot.com/@funkwhale"
[[item]]
icon = "icon-matrix-favicon"
title = "matrix"
link = "https://riot.im/app/#/room/#funkwhale:matrix.org"
+++
Funkwhale jeat projektem tworzonym przez społeczność, wspieranym przez wolontariuszy. Jest wiele sposobów na wsparcie, każda umiejętność jest mile widziana, jeżeli jest przyjazna wielorybom.
......
+++
title = "Conviértete en una ballena!"
id = "howto"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 2
[[item]]
icon = "fas fa-home"
title = "alojamiento amigable"
[[item]]
icon = "icon-fediverse2"
title = "instancias federadas"
+++
Funkwhale es software: no es una plataforma. Te permite construir una red de instancias, cada una con sus propias reglas, y que sólo espera a que las tuyas crezcan. ¿Interesado en hospedar su propio ejemplo, para sus amigos, familia u organización? Puedes empezar [aquí](https://docs.funkwhale.audio/installation/index.html). Un alojamiento a escala humana, en un mundo abierto, que te permite compartir y escuchar fácilmente tu música.
+++
title = "Diventa balena !"
id = "howto"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 2
[[item]]
icon = "fas fa-home"
title = "allogio amichevole"
[[item]]
icon = "icon-fediverse2"
title = "instanze federata"
+++
Funkwhale è un software: non è una piattaforma. Consente di costruire una rete
di istanze, ognuna con le proprie regole, e che aspetta solo che le proprie
crescano. Sei interessato ad ospitare la tua istanza, per i tuoi amici, la tua
famiglia o l'organizzazione? È possibile iniziare da
[qui](https://docs.funkwhale.audio/installation/index.html). Un hosting a
misura d'uomo, in un mondo aperto, che ti permette di condividere e ascoltare
facilmente la tua musica.
+++
title = "Venètz una balena !"
id = "howto"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 2
[[item]]
icon = "fas fa-home"
title = "albergament convivial"
[[item]]
icon = "icon-fediverse2"
title = "instàncias federadas"
+++
Funkwhale es un logicial : es pas una plataforma. Permet de construir un malhum d’instàncias, amb caduna sas règlas pròprias e qu’espèran pas que la vòstra per s’espandir. Interessat per l’albergament de vòstra pròpria instància, per vòstres amics, vòstra familha o organizacion ? Podètz començar per [ici](https://docs.funkwhale.audio/installation/index.html). Un albergament a talha umana, dins un monde dubèrt e que permet de partejar e d’escotar facilament de musicas.
\ No newline at end of file
+++
title = "O adoptar una!"
id = "instancelist"
date = 2018-05-15T19:23:31+02:00
type = "listinst"
weight = 3
+++
Si no tienes tu propia instancia de Funkwhale, puedes unirte a una que se adapte a tus gustos y comparta tus valores.
Aquí hay una lista de las instancias registradas:
+++
title = "Oppure adottane una!"
id = "instancelist"
date = 2018-05-15T19:23:31+02:00
type = "listinst"
weight = 3
+++
Se non hai la tua istanza Funkwhale, puoi unirti a quella che corrisponde ai
tuoi gusti e condividere i tuoi valori.
Ecco un elenco delle istanze registrate:
+++
title = "O adoptatz-ne una !"
id = "instancelist"
date = 2018-05-15T19:23:31+02:00
type = "listinst"
weight = 3
+++
Se avètz pas vòstra pròpria instància Funkwhale, podètz anar vos inscriure sus una que correspond a vòstres gotes, e que parteja vòstras valors.
Vaquí una lista de las instàncias enregistradas :
\ No newline at end of file
+++
title = "Una ballena sensacional"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 1
id = "intro"
picture = "fkwhale.png"
+++
Funkwhale es un software que ofrece un modelo de streaming de música descentralizado y en red. Funkwhale te permite recuperar el control de tu música: puedes alojarla y compartirla de un extremo del Fediverse al otro. Funkwhale está basado en software libre. Sus características se detallan [aquí](https://funkwhale.audio/).
+++
title = "Una balena con scanalatura"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 1
id = "intro"
picture = "fkwhale.png"
+++
Funkwhale è un software che offre un modello di streaming musicale
decentralizzato e in rete. Funkwhale ti permette di riprendere il controllo
della tua musica: puoi ospitarla e condividerla da un capo all'altro del
Fediverse. Funkwhale stessa si basa sul software libero. Le sue caratteristiche
sono descritte in dettaglio [qui](https://funkwhale.audio/).
+++
title = "Una balena qu’a de groove"
date = 2018-05-15T19:23:31+02:00
type = "textpart"
weight = 1
id = "intro"
picture = "fkwhale.png"
+++
Funkwhale es un logicial que prepausa un modèl de difusion musicala descentralizada e en ret. Funkwhale vos permet de tornar prendre lo contraròtle de vòstras musicas : podètz las albergar, e las partejar del cap a la fin del Fediverse. Funkwhale es en se basat amb de logicials liures. Sas foncionalitats son detalhadas [aquí](https://funkwhale.audio/).
\ No newline at end of file
[instance]
other = "Instancia"
[tracks]
other = "Canciones"
[users]
other = "Usuarios"
[register]
other = "Inscripciones"
\ No newline at end of file
[instance]
other = "Instanza"
[tracks]
other = "Tracce"
[users]
other = "Utenti"
[register]
other = "Registrazioni"
[instance]
other = "Instància"
[tracks]
other = "Pistas"
[users]
other = "Utilizaires"
[register]
other = "Inscripcions"
\ No newline at end of file
......@@ -21,7 +21,7 @@
{{ $currentLang := .Site.Language.Lang }}
<div class="dropdown">
<ul>
{{ range .Site.Home.AllTranslations }}
{{ range sort .Site.Home.AllTranslations "Lang" }}
<li class="{{ if eq $currentLang .Language.Lang }}active{{end}}">
<a href="{{ .Permalink }}">
{{ .Language.Lang }}
......
......@@ -15,10 +15,16 @@
{{ if .part.Params.item }}
<ul class="icons-grid">
{{ range .part.Params.item }}
<li>
<li>
{{ if .link }}
<a href="{{ .link }}">
{{ end }}
<span class="icon major {{ .icon }}"></span>
<h3>{{ .title }}</h3>
</li>
{{ if .link }}
</a>
{{ end }}
</li>
{{ end }}
</ul>
{{ end }}
......
......@@ -1925,7 +1925,7 @@
width: 4em;
height: 2em;
z-index: 10;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
/*transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;*/
background-color: grey;
}
......@@ -1959,7 +1959,7 @@
div.lang ul li {
text-align: center;
padding-left: 0;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
/*transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;*/
}
div.lang ul li.active a {
......
{
"particles": {
"number": {
"value": 60,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ff00ff"
},
"shape": {
"type": "image",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "/images/whale.png",
"width": 1,
"height": 1
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 30,
"random": true,
"anim": {
"enable": false,
"speed": 80,
"size_min": 10,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 250,
"color": "#4082b4",
"opacity": 0.9,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 300,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 800,
"size": 80,
"duration": 2,
"opacity": 0.8,
"speed": 3
},
"repulse": {
"distance": 400,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
}
......@@ -141,12 +141,12 @@
@font-face {
font-family: "fontcustom";
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.eot");
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.eot?#iefix") format("embedded-opentype"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.woff2") format("woff2"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.woff") format("woff"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.ttf") format("truetype"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.svg#fontcustom") format("svg");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.eot");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.eot?#iefix") format("embedded-opentype"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.woff2") format("woff2"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.woff") format("woff"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.ttf") format("truetype"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
......@@ -154,7 +154,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "fontcustom";
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.svg#fontcustom") format("svg");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.svg#fontcustom") format("svg");
}
}
......@@ -163,7 +163,8 @@
[data-icon]:before,
.icon-fediverse:before,
.icon-fediverse2:before,
.icon-hubspot:before {
.icon-hubspot:before,
.icon-matrix-favicon:before {
display: inline-block;
font-family: "fontcustom";
font-style: normal;
......@@ -181,6 +182,7 @@
.icon-fediverse:before { content: "\f100"; }
.icon-fediverse2:before { content: "\f102"; }
.icon-hubspot:before { content: "\f101"; }
.icon-matrix-favicon:before { content: "\f103"; }
</style>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
......@@ -196,7 +198,7 @@
<body class="characters-off">
<div id="page" class="container">
<header>
<h1>fontcustom contains 3 glyphs:</h1>
<h1>fontcustom contains 4 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header>
......@@ -240,6 +242,19 @@
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-matrix-favicon" class="icon-matrix-favicon"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-matrix-favicon" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
</div>
</div>
<footer>
Made with love using <a href="http://fontcustom.com">Font Custom</a>.
......
......@@ -4,12 +4,12 @@
@font-face {
font-family: "fontcustom";
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.eot");
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.eot?#iefix") format("embedded-opentype"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.woff2") format("woff2"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.woff") format("woff"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.ttf") format("truetype"),
url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.svg#fontcustom") format("svg");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.eot");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.eot?#iefix") format("embedded-opentype"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.woff2") format("woff2"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.woff") format("woff"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.ttf") format("truetype"),
url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
......@@ -17,7 +17,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "fontcustom";
src: url("./fontcustom_29c6047728821d3a5d9b127f5a8f6b77.svg#fontcustom") format("svg");
src: url("./fontcustom_a575e95f5b71d34b615e1f2543cc975b.svg#fontcustom") format("svg");
}
}
......@@ -26,7 +26,8 @@
[data-icon]:before,
.icon-fediverse:before,
.icon-fediverse2:before,
.icon-hubspot:before {
.icon-hubspot:before,
.icon-matrix-favicon:before {
display: inline-block;
font-family: "fontcustom";