consortium frontpage

This commit is contained in:
Laurens 2024-04-02 11:12:11 +02:00
parent 41f23751ab
commit f4afa0cf30
9 changed files with 605 additions and 81 deletions

BIN
assets/images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

View file

@ -12,19 +12,44 @@ banner:
# Features
features:
- title: "Consortium"
# image: "/images/service-1.png"
content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
bulletpoints:
- "10+ Pre-build pages"
- "95+ Google Pagespeed Score"
- "Build with Hugo and TailwindCSS for easy and customizable styling"
- "Fully responsive on all devices"
- "SEO-optimized for better search engine rankings"
- "**Open-source and free** for personal and commercial use"
image: "/images/users.png"
content: "The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag."
button:
enable: false
label: "Learn more"
link: ""
- title: "NLnet"
image: "/images/users.png"
content: "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."
button:
enable: true
label: "Learn more"
link: "#"
link: "/nlnet"
- title: "Open Internet Discourse"
image: "/images/users.png"
content: "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."
button:
enable: true
label: "Learn more"
link: "/oid"
- title: "Tweag"
image: "/images/users.png"
content: "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."
button:
enable: true
label: "Learn more"
link: "/tweag"
- title: "NORDUnet"
image: "/images/users.png"
content: "NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries."
button:
enable: true
label: "Learn more"
link: "/nordunet"
- title: "Discover the Key Features Of Hugo"
image: "/images/service-2.png"

View file

@ -1,9 +1,9 @@
---
title: "Consortium"
title: "Open Internet Discourse Foundation"
# meta title
meta_title: "Consortium"
meta_title: "Open Internet Discourse Foundation"
# meta description
description: "The organisations behind the Fediversity Project"
description: "The Open Internet Discourse Foundation"
# save as draft
draft: false
---

View file

@ -38,6 +38,7 @@
{{ end }}
<!-- /Banner -->
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">

View file

@ -1291,35 +1291,29 @@
<h4 class="mb-3">
<a href="/blog/post-2/"> How to build an Application with modern Technology </a>
<a href="/blog/post-3/"> How to build an Application with modern Technology </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/sam-wilson/">
<i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
<a href="/authors/john-doe/">
<i class="fa-regular fa-circle-user mr-2"></i>John Doe
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/technology/"
href="/categories/software/"
class="ms-1"
>Technology ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
>Software
</a>
</li>
</ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
<a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
Read More
</a>
</div>
@ -1442,29 +1436,35 @@
<h4 class="mb-3">
<a href="/blog/post-3/"> How to build an Application with modern Technology </a>
<a href="/blog/post-2/"> How to build an Application with modern Technology </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/john-doe/">
<i class="fa-regular fa-circle-user mr-2"></i>John Doe
<a href="/authors/sam-wilson/">
<i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/software/"
href="/categories/technology/"
class="ms-1"
>Software
>Technology ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a>
</li>
</ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
<a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
Read More
</a>
</div>

View file

@ -1291,7 +1291,7 @@
<h4 class="mb-3">
<a href="/blog/post-1/"> How to build an Application with modern Technology </a>
<a href="/blog/post-4/"> How to build an Application with modern Technology </a>
</h4>
<ul class="mb-4">
@ -1304,22 +1304,16 @@
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/application/"
href="/categories/architecture/"
class="ms-1"
>Application ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
>Architecture
</a>
</li>
</ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
<a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
Read More
</a>
</div>
@ -1587,7 +1581,7 @@
<h4 class="mb-3">
<a href="/blog/post-4/"> How to build an Application with modern Technology </a>
<a href="/blog/post-1/"> How to build an Application with modern Technology </a>
</h4>
<ul class="mb-4">
@ -1600,16 +1594,22 @@
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/architecture/"
href="/categories/application/"
class="ms-1"
>Architecture
>Application ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a>
</li>
</ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
<a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
Read More
</a>
</div>

BIN
public/images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 552 B

View file

@ -970,6 +970,7 @@
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
@ -1011,14 +1012,62 @@
<img
loading=""
decoding="async"
src="//localhost:1313/"
alt="feature image"
class=" img"
height=""
width="" />
<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>
@ -1026,42 +1075,491 @@
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Consortium</h2>
<p class="mb-8 text-lg">Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What&rsquo;s Included in Hugoplate</p>
<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>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
10+ Pre-build pages
</li>
</ul>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
95+ Google Pagespeed Score
</li>
</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
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
Build with Hugo and TailwindCSS for easy and customizable styling
</li>
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
Fully responsive on all devices
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
SEO-optimized for better search engine rankings
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
<strong>Open-source and free</strong> for personal and commercial use
</li>
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/">
<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>