www.fedi.bzh/index.html

555 lines
15 KiB
HTML
Raw Normal View History

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">
<div class="header__title"><a href="https://fedi.bzh" 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">
<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>
<script
src="Terrassa%20-%20Home_files/bundle.min.9aa161734d8d364fbafdf8ee2def390bf097c69464c1561c1b.js"></script>
<script defer="defer" src="Terrassa%20-%20Home_files/all.js"
integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP"
crossorigin="anonymous"></script>
</footer>
</body>
</html>