fricklerhandwerk/Fediversity
1
0
Fork 0
forked from Fediversity/Fediversity
Code Pull requests Activity
Fediversity/public/index.html

1384 lines
26 KiB
HTML
Raw Normal View History

banner image fix
2024-09-11 09:20:32 +02:00
<!doctype html>
<html
itemscope
class="system"
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/ngi_fedi_full.svg"
alt="Hugoplate"
onerror="this.onerror=null;this.src='';" />
<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">
<a
href="/contact"
class="btn btn-outline-primary btn-sm hidden lg:inline-block"
>
Contact
</a>
</div>
</nav>
</header>
<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">
<img
src="/images/home.svg"
loading="eager"
decoding="async"
alt="Banner image"
class="mx-auto lg:!max-w-[800px] img"
width=""
height="" />
</div>
</div>
</div>
</section>
<center><h2> Consortium</h2></center>
<div class="container">
<div class="grid-container">
<div class="grid-item">
<div class="header-with-image2">
<img src="/images/users.svg" alt="Image">
<h5 class="mb-4">Consortium</h4>
</div>
<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>
</div>
<div class="grid-item">
<div class="header-with-image2">
<img src="/images/users.svg" alt="Image">
<h5 class="mb-4">NLnet</h4>
</div>
<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.
<a class="mt-6" href="//localhost:1313/nlnet" style="color:#FF6E00">
Read more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</p>
</div>
<div class="grid-item">
<div class="header-with-image2">
<img src="/images/users.svg" alt="Image">
<h5 class="mb-4">Open Internet Discourse</h4>
</div>
<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.
<a class="mt-6" href="//localhost:1313/oid" style="color:#FF6E00">
Read more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</p>
</div>
<div class="grid-item">
<div class="header-with-image2">
<img src="/images/users.svg" alt="Image">
<h5 class="mb-4">Tweag</h4>
</div>
<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.
<a class="mt-6" href="//localhost:1313/tweag" style="color:#FF6E00">
Read more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</p>
</div>
<div class="grid-item">
<div class="header-with-image2">
<img src="/images/users.svg" alt="Image">
<h5 class="mb-4">NORDUnet</h4>
</div>
<p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.
<a class="mt-6" href="//localhost:1313/nordunet" style="color:#FF6E00">
Read more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</p>
</div>
</div>
</div>
<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>
<center><h2> Fediverse Explained</h2></center>
<div class="container">
<div class="grid-container">
<div class="grid-item">
<div class="header-with-image">
<img src="/images/user.png" alt="Image">
<h4 class="mb-4">Individuals</h4>
</div>
<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>
<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 class="grid-item">
<div class="header-with-image">
<img src="/images/code.png" alt="Image">
<h4 class="mb-4">Developers</h4>
</div>
<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>
<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 class="grid-item">
<div class="header-with-image">
<img src="/images/globe.png" alt="Image">
<h4 class="mb-4">European Commission</h4>
</div>
<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>
<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>
<br>
<br>
<br>
<section>
<div class="center-wrapper">
<div class="grid-container-small">
<div class="column">
<ul class="list">
<section>
<div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Events</h4>
</div>
<ul class="list">
<li class="list-item">
<div class="content">
<a class="link" href="/events/publicspaces-annual-conference/" style="color: #FF6E00">PublicSpaces Conference 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-05-11">11-05-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
<li class="list-item">
<div class="content">
<a class="link" href="/events/owc-annual-conference-2024/" style="color: #FF6E00">OW2con 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-05-11">11-05-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
<li class="list-item">
<div class="content">
<a class="link" href="/events/waag-state-internet-2024/" style="color: #FF6E00">State of the Internet 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-04-10">10-04-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
</section>
</ul>
</div>
<div class="column">
<ul class="list">
<section>
<div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest News</h4>
</div>
<ul class="list">
<li class="list-item">
<div class="content">
<a class="link" href="/blog/fediversity-tech-session/" style="color: #FF6E00">Fediversity Tech Session</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-08-05">05-08-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/publicspaces-conference/" style="color: #FF6E00">PublicSpaces Conference 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-07-30">30-07-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/new-website-launch/" style="color: #FF6E00">Fediversity new website launch</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-05-15">15-05-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
<li class="list-item">
<div class="content">
<a class="link" href="/blog/project-launch/" style="color: #FF6E00">Fediversity Project publicly announced</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-01-01">01-01-2024</time>
<hr class="hr-list2">
</li>
<div class="line"></div>
</section>
</ul>
</div>
</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/ngi_fedi_full.svg"
alt="Hugoplate"
onerror="this.onerror=null;this.src='';" />
<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>
Copy permalink