raboof/fediversity.eu
1
0
Fork 0
forked from Fediversity/fediversity.eu
Code Pull requests Activity
fediversity.eu/public/index.html
Laurens b13ff3c673 grid for news on frontpage wip
2024-04-23 16:11:39 +02:00

3263 lines
51 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html
itemscope
class=""
lang="en-us"
itemtype="http://schema.org/WebPage"
>
<head>
<meta name="generator" content="Hugo 0.124.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=5"
/>
<meta name="theme-name" content="hugoplate" />
<link rel="shortcut icon" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x0_resize_lanczos_3.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x0_resize_lanczos_3.png">
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#ddd" />
<meta
name="theme-color"
content="#ffffff" />
<base href="//localhost:1313/" />
<title>Fediversity</title>
<meta
name="keywords"
content="fediverse, nixos, open source" />
<meta
name="description"
content="Fediversity Project" />
<meta name="author" content="NGI Fediversity" />
<meta property="og:image" content="//localhost:1313/images/og-image.png" />
<meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
<meta
name="twitter:card"
content="summary
_large_image
" />
<meta property="og:image:width" content="900" />
<meta property="og:image:height" content="600" />
<meta
property="og:image:type"
content="image/
.png
" />
<meta property="og:title" content="Fediversity" />
<meta property="og:description" content="Fediversity Project" />
<meta property="og:type" content="website" />
<meta property="og:url" content="//localhost:1313/" />
<meta name="twitter:title" content="Fediversity" />
<meta name="twitter:description" content="Fediversity Project" />
<script>
let indexURL = "//localhost:1313/searchindex.json";
let includeSectionsInSearch = ["blog"];
let no_results_for = "No results for";
let empty_search_results_placeholder = "Type something to search..";
</script>
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin />
<link rel="preconnect" href="//cdnjs.cloudflare.com" />
<link rel="preconnect" href="//www.googletagmanager.com" />
<link rel="preconnect" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="https://use.fontawesome.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
<link rel="dns-prefetch" href="//www.googletagmanager.com" />
<link rel="dns-prefetch" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//connect.facebook.net" />
<link rel="dns-prefetch" href="//platform.linkedin.com" />
<link rel="dns-prefetch" href="//platform.twitter.com" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<script>
(function () {
const googleFont = document.createElement("link");
googleFont.href =
"https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&family=Signika:wght@500;700&display=swap";
googleFont.type = "text/css";
googleFont.rel = "stylesheet";
document.head.appendChild(googleFont);
})();
</script>
<link
href="/css/style.css"
integrity=""
rel="stylesheet"
/>
<link
defer
async
rel="stylesheet"
href="/css/style-lazy.css"
integrity=""
media="print"
onload="this.media='all'; this.onload=null;"
/>
</head>
<body>
<div
class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200"
>
<span class="block sm:hidden">all</span>
<span class="hidden sm:block md:hidden">sm</span>
<span class="hidden md:block lg:hidden">md</span>
<span class="hidden lg:block xl:hidden">lg</span>
<span class="hidden xl:block 2xl:hidden">xl</span>
<span class="hidden 2xl:block">2xl</span>
</div>
<header
class="header sticky top-0 z-30"
>
<nav class="navbar container">
<div class="order-0">
<a class="navbar-brand block" href="/">
<img
fetchpriority="high"
decoding="async"
class="img logo-light"
width="160"
height="32"
src="/images/logo_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
<img
fetchpriority="high"
decoding="async"
class="img logo-dark"
width="160"
height="32"
src="/images/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
</a>
</div>
<input id="nav-toggle" type="checkbox" class="hidden" />
<label
for="nav-toggle"
class="order-3 cursor-pointer flex items-center lg:hidden text-dark lg:order-1"
>
<svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
<title>Menu Open</title>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
</svg>
<svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
<title>Menu Close</title>
<polygon
points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
transform="rotate(45 10 10)"
></polygon>
</svg>
</label>
<ul
id="nav-menu"
class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"
>
<li class="nav-item nav-dropdown group relative">
<span
class="nav-link
inline-flex items-center"
>
For You
<svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
<path
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
/>
</svg>
</span>
<ul
class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100"
>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/developers/"
>
Developers
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/ec/"
>
European Commission
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/individuals/"
>
Individuals
</a>
</li>
</ul>
</li>
<li class="nav-item nav-dropdown group relative">
<span
class="nav-link
inline-flex items-center"
>
Consortium
<svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
<path
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
/>
</svg>
</span>
<ul
class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100"
>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/nlnet/"
>
NLnet
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/nordunet/"
>
NORDUnet
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/oid/"
>
Open Internet Discourse
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/tweag/"
>
Tweag
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/fediversity/"
>Fediversity</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/grants/"
>Grants</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/events/"
>Events</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/blog/"
>News</a
>
</li>
<li class="mt-4 inline-block lg:hidden">
<a
class="btn btn-outline-primary btn-sm"
href="/contact"
>
Contact
</a>
</li>
</ul>
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
<button
aria-label="search"
class="border-border text-dark hover:text-primary mr-5 inline-block border-r pr-5 text-xl"
data-target="search-modal"
>
<i class="fa-solid fa-search"></i>
</button>
<div class="theme-switcher mr-5">
<input id="theme-switcher" data-theme-switcher type="checkbox" />
<label for="theme-switcher">
<span class="sr-only">theme switcher</span>
<span>
<svg
class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100"
viewBox="0 0 56 56"
fill="#fff"
height="16"
width="16"
>
<path
d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z"
/>
</svg>
<svg
class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0"
viewBox="0 0 24 24"
fill="none"
height="16"
width="16"
>
<path
fill="#000"
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z"
/>
</svg>
</span>
</label>
</div>
<script>
var darkMode = false;
if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
if (localStorage.getItem("theme") === "dark"){darkMode = true}
else if (localStorage.getItem("theme") === "light"){darkMode = false}
if (darkMode){document.documentElement.classList.toggle("dark")}
var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
document.addEventListener("DOMContentLoaded", () => {
[].forEach.call(themeSwitch, function (ts) {
ts.checked = darkMode ? true : false;
ts.addEventListener("click", () => {
document.documentElement.classList.toggle("dark");
localStorage.setItem(
"theme",
document.documentElement.classList.contains("dark") ? "dark" : "light"
);
});
});
});
</script>
<a
href="/contact"
class="btn btn-outline-primary btn-sm hidden lg:inline-block"
>
Contact
</a>
</div>
</nav>
</header>
<div
class="search-modal "
aria-hidden="true"
style="--color-primary: #121212">
<div data-target="close-search-modal" class="search-modal-overlay"></div>
<div
class="search-wrapper"
data-image="true"
data-description="true"
data-tags="true"
data-categories="true">
<div class="search-wrapper-header">
<label for="search-modal-input" style="margin-top:-1px">
<span class="sr-only">search icon</span>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
height="18"
width="18"
class="search-icon"
data-type="search">
<path
fill="currentColor"
d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
height="18"
width="18"
class="search-reset"
data-type="reset">
<path
fill="currentColor"
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
</svg>
</label>
<input
id="search-modal-input"
type="text"
data-search-input
autocomplete="off"
aria-label="Search"
placeholder="Search Post ..." />
</div>
<div class="search-wrapper-body">
<div class="search-result" data-search-result></div>
<span class="search-result-empty">
Type something to search..
</span>
</div>
<div class="search-wrapper-footer">
<span>
<kbd>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
viewBox="0 0 16 16">
<path
d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
</svg>
</kbd>
<kbd>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
style="margin-top:1px;"
viewBox="0 0 16 16">
<path
d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
</svg>
</kbd>
to navigate
</span>
<span>
<kbd>
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="12"
fill="currentColor"
style="display:inline-block;"
viewBox="0 0 16 16">
<path
fill-rule="evenodd"
d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
</svg>
</kbd>
to select
</span>
<span class="search-result-info"></span>
<span data-target="close-search-modal">
<kbd>ESC</kbd> to close
</span>
</div>
</div>
</div>
<main>
<section class="section pt-14">
<div class="container">
<div class="row justify-center">
<div class="lg:col-7 md:col-9 mb-8 text-center">
<h1 class="mb-4 text-h3 lg:text-h1">Welcome to the Fediversity Project</h1>
<p class="mb-8">The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone.</p>
<a
class="btn btn-primary"
href="//localhost:1313/individuals"
>
For You
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
<div class="col-12">
<picture>
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="eager" decoding="async"
src="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_lanczos_3.png"
class=" mx-auto lg:!max-w-[800px] img"
alt="Banner image"
width="962"
height="728" />
</picture>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Consortium</h2>
<p class="mb-8 text-lg">The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.</p>
<ul>
</ul>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">NLnet</h2>
<p class="mb-8 text-lg">NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/nlnet">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Open Internet Discourse</h2>
<p class="mb-8 text-lg">The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/oid">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Tweag</h2>
<p class="mb-8 text-lg">Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/tweag">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">NORDUnet</h2>
<p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/nordunet">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/user.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Individuals</h2>
<p class="mb-8 text-lg">Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/code.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Developers</h2>
<p class="mb-8 text-lg">As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/developers">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/globe.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for the EC</h2>
<p class="mb-8 text-lg">The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/ec">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<picture>
<source
srcset="/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_360x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_425x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_lanczos_3.png"
class=" img"
alt="feature image"
width="890"
height="676" />
</picture>
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity Grants</h2>
<p class="mb-8 text-lg">Fediversity will award 450 000 euro in small to medium-size R&amp;D grants towards solutions that bring the next generation of social networks closer. We are seeking project proposals between 5.000 and 50.000 euro’s — which should get you on your way.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/grants">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/user.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Individuals</h2>
<p class="mb-8 text-lg">Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/code.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Developers</h2>
<p class="mb-8 text-lg">As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/developers">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/globe.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for the EC</h2>
<p class="mb-8 text-lg">The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/ec">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/user.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Individuals</h2>
<p class="mb-8 text-lg">Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/code.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for Developers</h2>
<p class="mb-8 text-lg">As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/developers">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/globe.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Fediversity explained - for the EC</h2>
<p class="mb-8 text-lg">The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/ec">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section>
<h2>Laatste nieuws</h2>
<ul class="list">
<li>
<a class="link" href="/blog/project-launch-copy-2/">Fediversity Project publicly announced4
</a>
<time class="g time" datetime="2024-01-05">05-01-2024</time>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-3/">Fediversity Project publicly announced3
</a>
<time class="g time" datetime="2024-01-04">04-01-2024</time>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-4/">Fediversity Project publicly announced2
</a>
<time class="g time" datetime="2024-01-03">03-01-2024</time>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy/">Fediversity Project publicly announced1
</a>
<time class="g time" datetime="2024-01-02">02-01-2024</time>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch/">Fediversity Project publicly announced
</a>
<time class="g time" datetime="2024-01-01">01-01-2024</time>
<hr class="hr-list">
</li>
</ul>
</section>
<section>
<h2>Laatste nieuws</h2>
<ul class="list">
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch-copy-2/">Fediversity Project publicly announced4</a>
</div>
<time class="g time" datetime="2024-01-05">05-01-2024</time>
<hr class="hr-list">
</li>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch-copy-3/">Fediversity Project publicly announced3</a>
</div>
<time class="g time" datetime="2024-01-04">04-01-2024</time>
<hr class="hr-list">
</li>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch-copy-4/">Fediversity Project publicly announced2</a>
</div>
<time class="g time" datetime="2024-01-03">03-01-2024</time>
<hr class="hr-list">
</li>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch-copy/">Fediversity Project publicly announced1</a>
</div>
<time class="g time" datetime="2024-01-02">02-01-2024</time>
<hr class="hr-list">
</li>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch/">Fediversity Project publicly announced</a>
</div>
<time class="g time" datetime="2024-01-01">01-01-2024</time>
<hr class="hr-list">
</li>
</ul>
</section>
<section>
<div class="grid-container">
<div class="column">
<ul class="list">
<section>
<h2>Laatste nieuws</h2>
<ul class="list">
<li>
<a class="link" href="/blog/project-launch-copy-2/">Fediversity Project publicly announced4
<time class="g time" datetime="2024-01-05">05-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-3/">Fediversity Project publicly announced3
<time class="g time" datetime="2024-01-04">04-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-4/">Fediversity Project publicly announced2
<time class="g time" datetime="2024-01-03">03-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy/">Fediversity Project publicly announced1
<time class="g time" datetime="2024-01-02">02-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch/">Fediversity Project publicly announced
<time class="g time" datetime="2024-01-01">01-01-2024</time>
</a>
<hr class="hr-list">
</li>
</ul>
</section>
</ul>
</div>
<div class="column">
<ul class="list">
<section>
<h2>Laatste nieuws</h2>
<ul class="list">
<li>
<a class="link" href="/blog/project-launch-copy-2/">Fediversity Project publicly announced4
<time class="g time" datetime="2024-01-05">05-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-3/">Fediversity Project publicly announced3
<time class="g time" datetime="2024-01-04">04-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy-4/">Fediversity Project publicly announced2
<time class="g time" datetime="2024-01-03">03-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch-copy/">Fediversity Project publicly announced1
<time class="g time" datetime="2024-01-02">02-01-2024</time>
</a>
<hr class="hr-list">
</li>
<li>
<a class="link" href="/blog/project-launch/">Fediversity Project publicly announced
<time class="g time" datetime="2024-01-01">01-01-2024</time>
</a>
<hr class="hr-list">
</li>
</ul>
</section>
</ul>
</div>
</div>
</section>
</main>
<footer class="bg-theme-light">
<div class="container">
<div class="row items-center py-10">
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
<a
class="navbar-brand inline-block"
href="/"
>
<img
fetchpriority="high"
decoding="async"
class="img logo-light"
width="160"
height="32"
src="/images/logo_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
<img
fetchpriority="high"
decoding="async"
class="img logo-dark"
width="160"
height="32"
src="/images/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
</a>
</div>
<div class="lg:col-6 mb-8 text-center lg:mb-0">
<ul>
<li class="m-3 inline-block">
<a
href="
/fediversity/
"
>About</a
>
</li>
<li class="m-3 inline-block">
<a
href="
/privacy-policy/
"
>Privacy Policy</a
>
</li>
</ul>
</div>
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
<ul class="social-icons">
<li>
<a
target="_blank"
aria-label="mastodon"
rel="nofollow noopener"
href="https://mastodon.fediversity.eu/@fediversity"
>
<i class="fab fa-mastodon"></i>
</a>
</li>
<li>
<a
target="_blank"
aria-label="rss"
rel="nofollow noopener"
href="https://fediversity.eu/rss"
>
<i class="fab fa-rss"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="border-border border-t py-7">
<div class="text-light container text-center">
<p></p>
</div>
</div>
</footer>
<script
crossorigin="anonymous"
integrity=""
src="/js/script.js"
></script>
<script
defer
async
crossorigin="anonymous"
integrity=""
src="/js/script-lazy.js"
></script>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>
</body>
</html>
View git blame Copy permalink