549 lines
15 KiB
HTML
549 lines
15 KiB
HTML
<!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">
|
|
<div class="header__title"><a href="/" class="header__title__link"
|
|
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>
|
|
<main class="hero" style="background-image:url('main_img.svg');">
|
|
<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://podkast.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> |