2022-11-18 17:41:02 +00:00
<!DOCTYPE html>
< html class = "fontawesome-i2svg-active fontawesome-i2svg-complete" data-lt-installed = "true" lang = "en" >
< head >
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< meta name = "robots" content = "index, follow" >
< meta name = "googlebot" content = "index, follow, noarchive" >
< title > Fedi.bzh< / title >
< style type = "text/css" >
svg:not(:root).svg-inline--fa {
overflow: visible
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em
}
.svg-inline--fa.fa-lg {
vertical-align: -.225em
}
.svg-inline--fa.fa-w-1 {
width: .0625em
}
.svg-inline--fa.fa-w-2 {
width: .125em
}
.svg-inline--fa.fa-w-3 {
width: .1875em
}
.svg-inline--fa.fa-w-4 {
width: .25em
}
.svg-inline--fa.fa-w-5 {
width: .3125em
}
.svg-inline--fa.fa-w-6 {
width: .375em
}
.svg-inline--fa.fa-w-7 {
width: .4375em
}
.svg-inline--fa.fa-w-8 {
width: .5em
}
.svg-inline--fa.fa-w-9 {
width: .5625em
}
.svg-inline--fa.fa-w-10 {
width: .625em
}
.svg-inline--fa.fa-w-11 {
width: .6875em
}
.svg-inline--fa.fa-w-12 {
width: .75em
}
.svg-inline--fa.fa-w-13 {
width: .8125em
}
.svg-inline--fa.fa-w-14 {
width: .875em
}
.svg-inline--fa.fa-w-15 {
width: .9375em
}
.svg-inline--fa.fa-w-16 {
width: 1em
}
.svg-inline--fa.fa-w-17 {
width: 1.0625em
}
.svg-inline--fa.fa-w-18 {
width: 1.125em
}
.svg-inline--fa.fa-w-19 {
width: 1.1875em
}
.svg-inline--fa.fa-w-20 {
width: 1.25em
}
.svg-inline--fa.fa-pull-left {
margin-right: .3em;
width: auto
}
.svg-inline--fa.fa-pull-right {
margin-left: .3em;
width: auto
}
.svg-inline--fa.fa-border {
height: 1.5em
}
.svg-inline--fa.fa-li {
width: 2em
}
.svg-inline--fa.fa-fw {
width: 1.25em
}
.fa-layers svg.svg-inline--fa {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0
}
.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -.125em;
width: 1em
}
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
transform-origin: center center
}
.fa-layers-counter,
.fa-layers-text {
display: inline-block;
position: absolute;
text-align: center
}
.fa-layers-text {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center
}
.fa-layers-counter {
background-color: #ff253a;
border-radius: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
height: 1.5em;
line-height: 1;
max-width: 5em;
min-width: 1.5em;
overflow: hidden;
padding: .25em;
right: 0;
text-overflow: ellipsis;
top: 0;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: top right;
transform-origin: top right
}
.fa-layers-bottom-right {
bottom: 0;
right: 0;
top: auto;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
.fa-layers-bottom-left {
bottom: 0;
left: 0;
right: auto;
top: auto;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: bottom left;
transform-origin: bottom left
}
.fa-layers-top-right {
right: 0;
top: 0;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: top right;
transform-origin: top right
}
.fa-layers-top-left {
left: 0;
right: auto;
top: 0;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: top left;
transform-origin: top left
}
.fa-lg {
font-size: 1.3333333333em;
line-height: .75em;
vertical-align: -.0667em
}
.fa-xs {
font-size: .75em
}
.fa-sm {
font-size: .875em
}
.fa-1x {
font-size: 1em
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-6x {
font-size: 6em
}
.fa-7x {
font-size: 7em
}
.fa-8x {
font-size: 8em
}
.fa-9x {
font-size: 9em
}
.fa-10x {
font-size: 10em
}
.fa-fw {
text-align: center;
width: 1.25em
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0
}
.fa-ul>li {
position: relative
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit
}
.fa-border {
border: solid .08em #eee;
border-radius: .1em;
padding: .2em .25em .15em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fa-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1)
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
-webkit-filter: none;
filter: none
}
.fa-stack {
display: inline-block;
height: 2em;
position: relative;
width: 2.5em
}
.fa-stack-1x,
.fa-stack-2x {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0
}
.svg-inline--fa.fa-stack-1x {
height: 1em;
width: 1.25em
}
.svg-inline--fa.fa-stack-2x {
height: 2em;
width: 2.5em
}
.fa-inverse {
color: #fff
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
< / style >
< link rel = "stylesheet" href = "./bundle.min.css" >
< / head >
< body style = "padding-top: 61px;" >
< header class = "header" >
2022-11-19 09:08:13 +00:00
< div class = "header__title" > < a href = "/" class = "header__title__link"
2022-11-18 17:41:02 +00:00
alt="Home">Fedi.bzh< / a > < / div >
< nav class = "menu" aria-label = "menu" >
< ul class = "menu__items" aria-label = "menu" >
< li class = "menu__items__item" aria-label = "Services" > < a href = "#services"
class="menu__items__item__link" alt="Services" role="menuitem">Services< / a > < / li >
< li class = "menu__items__item" aria-label = "Home" > < a href = "#contact" class = "menu__items__item__link" alt = "Contact"
role="menuitem">Contact< / a > < / li >
< / ul >
< / nav >
< nav class = "hamburger-menu" aria-label = "mobile-menu" >
< div class = "toggle" > < input type = "checkbox" class = "hamburger__toggle" id = "hamburgerToggle"
name="hamburger toggle" aria-label="Hamburguer menu">
< label class = "hamburger__toggle__icon" for = "hamburgerToggle" > < svg class = "svg-inline--fa fa-bars fa-w-14"
aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
< path fill = "currentColor"
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z">
< / path >
< / svg > <!-- <i class="fas fa - bars"></i> --> < / label >
< ul class = "hamburger__items" aria-label = "mobile-menu" >
< li class = "hamburger__items__item" aria-label = "Services" > < a href = "#services"
class="hamburger__items__item__link" alt="Services" role="menuitem">Services< / a > < / li >
< li class = "hamburger__items__item" aria-label = "Contact" > < a
href="#contact" class="hamburger__items__item__link"
alt="Contact" role="menuitem">Contact< / a > < / li >
< / ul >
< / div >
< / nav >
< / header >
2022-11-19 09:08:13 +00:00
< main class = "hero" style = "background-image:url('main_img.svg');" >
2022-11-18 17:41:02 +00:00
< div class = "hero__caption" >
< h1 id = "terrassa" > Fedi.bzh< / h1 >
< h2 id = "the-hugo-theme-for-you-or-for-your-company" > < / h2 >
< / div >
< / main >
< section class = "section" >
< h1 class = "section__title" > Fedi.bzh ?< / h1 >
< div class = "section__content" >
< p > Fedi.bzh héberge des services numériques libres à destination des personnes parlant le breton, le gallo, ou qui ont un intérêt pour ces langues. Les services proposés sont principalement des briques faisant partie du < a href = "https://fr.wikipedia.org/wiki/Fediverse" > Fédivers< / a > .
L'équipe se met en place, tout n'est pas encore opérationnel, mais vous pouvez déjà profiter de l'instance < a href = "https://mastodon.fedi.bzh" > Mastodon< / a > !
< / p >
< / div >
< / section >
< section class = "section" id = "services" >
< h1 class = "section__title" > Services< / h1 >
< div class = "section__content" >
< h3 > < strong > Mastodon< / strong > : < a href = "https://mastodon.fedi.bzh" > mastodon.fedi.bzh< / a > < / h3 >
< p > Mastodon est un réseau social décentralisé, qui ressemble à Twitter.< / p >
< h3 > < strong > Castopod< / strong > : < a href = "https://podckast.fedi.bzh" > podkast.fedi.bzh< / a > < / h3 >
< p > Hébergez vos podcasts sur Castopod !< / p >
< h3 > < strong > PixelFed< / strong > : < em > prochainement< / em > < / h3 >
< p > Au revoir Instagram, bonjour PixelFed !< / p >
< h3 > < strong > PeerTube< / strong > : < em > prochainement< / em > < / h3 >
< p > Au revoir Youtube, bonjour PeerTube !< / p >
< h3 > La cerise sur le gâteau< / h3 >
< p > La cerise sur le gâteau, c'est que tous ces services sont compatibles entre eux ! Vous pouvez, par exemple, suivre un compte PixelFed depuis votre compte Mastodon, et inversement !< / p >
< / div >
< / section >
< section class = "section" id = "contact" >
< h1 class = "section__title" > Contact< / h1 >
< div class = "section__content" >
< ul >
< li > Sur Mastodon : < a href = "https://mastodon.fedi.bzh/@FediBzh" > @FediBzh@mastodon.fedi.bzh< / a > < / li >
< li > Par email : < a href = "mailto:contact@fedi.bzh" > contact@fedi.bzh< / a > < / li >
< / ul >
< / div >
< / section >
< footer class = "footer" >
< address class = "footer__contact" >
< p > < / p >
< / address >
< / footer >
< / body >
< / html >
