Compare commits

...

4 commits
main ... main

Author SHA1 Message Date
Laurens fdae8fc088 homepage wrong image 2024-10-15 13:33:35 +02:00
Laurens 6ebc28eeb2 icon fix 2024-10-15 13:33:05 +02:00
Laurens e15000ae0b geen contactformulier 2024-10-14 17:03:10 +02:00
Laurens 1a244acc0d mobile view fix 2024-10-14 16:44:36 +02:00
40 changed files with 381 additions and 381 deletions

View file

@ -125,3 +125,29 @@
border-top: 1px solid #FF6E00; /* Change color and thickness as needed */ border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
margin: 10px 0; /* Adjust spacing between the line and the divs */ margin: 10px 0; /* Adjust spacing between the line and the divs */
} }
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr);
}
.grid-item {
padding: 0;
.header-with-image2 {
text-align: start;
}
}
.grid-container-small {
grid-template-columns: repeat(1, 1fr);
}
.header-with-image2 {
svg {
width: 4px;
height: 4px;
margin: 0 0 8px 0;
}
}
}

View file

@ -6,11 +6,9 @@
"base", "base",
"body", "body",
"br", "br",
"button",
"center", "center",
"div", "div",
"footer", "footer",
"form",
"h1", "h1",
"h2", "h2",
"h4", "h4",
@ -37,7 +35,6 @@
"source", "source",
"span", "span",
"svg", "svg",
"textarea",
"time", "time",
"title", "title",
"ul" "ul"
@ -66,6 +63,7 @@
"col-12", "col-12",
"column", "column",
"container", "container",
"containerdoublecolumn",
"content", "content",
"cursor-pointer", "cursor-pointer",
"fa", "fa",
@ -85,12 +83,11 @@
"flex", "flex",
"flex-wrap", "flex-wrap",
"font-bold", "font-bold",
"form-input",
"form-label",
"from-body", "from-body",
"g", "g",
"grid-container", "grid-container",
"grid-container-small", "grid-container-small",
"grid-containerdoublecolumn",
"grid-item", "grid-item",
"group", "group",
"gx-5", "gx-5",
@ -155,7 +152,6 @@
"mb:md-0", "mb:md-0",
"md:bg-yellow-200", "md:bg-yellow-200",
"md:block", "md:block",
"md:col-10",
"md:col-5", "md:col-5",
"md:col-6", "md:col-6",
"md:col-7", "md:col-7",
@ -228,7 +224,6 @@
"text-lg", "text-lg",
"text-light", "text-light",
"text-primary", "text-primary",
"text-red-500",
"text-xl", "text-xl",
"time", "time",
"to-theme-light", "to-theme-light",
@ -245,10 +240,7 @@
"z-50" "z-50"
], ],
"ids": [ "ids": [
"email",
"hide-button", "hide-button",
"message",
"name",
"nav-menu", "nav-menu",
"nav-toggle", "nav-toggle",
"show-button" "show-button"

View file

@ -1,5 +1,60 @@
{{ define "main" }} {{ partial "page-header" . }} {{ define "main" }} {{ partial "page-header" . }}
<!-- {{ partial "page-header" . }} -->
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm" style="background-color: #eeeeee;">
<div class="container">
<div class="row flex-row-reverse items-center justify-between">
<div
class="mb:md-0 {{ if not (modBool $i 2) }}
md:order-2
{{ end }} md:col-5 mb-6"
>
{{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL"
"520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
</div>
<div
class="{{ if not (modBool $i 2) }}
md:order-1
{{ end }} md:col-7 lg:col-6"
>
<h2 class="mb-4">{{ .title | markdownify }}</h2>
<p class="mb-8 text-lg">{{ .content | markdownify }}</p>
<ul>
{{ range .bulletpoints }}
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
{{ . | markdownify }}
</li>
{{ end }}
</ul>
</div>
</div>
</div>
</section>
{{ end }}
<!-- /Features -->
<!--doublecolumn-->
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
{{ range $i, $e := .Params.doublecolumn }}
<div class="grid-itemdoublecolun">
<h3 class="">{{ .title | markdownify }}</h4>
<br>
<p class="">{{ .content | markdownify }}
</p>
</div>
{{ end }}
</div>
</div>
<!--/doublecolumn-->
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -13,52 +13,4 @@
<section class="section-sm">
<div class="container">
<div class="row">
<div class="md:col-10 lg:col-6 mx-auto">
<form action="{{ site.Params.contact_form_action }}" method="POST">
<div class="mb-6">
<label for="name" class="form-label">
Name <span class="text-red-500">*</span>
</label>
<input
id="name"
name="name"
class="form-input"
placeholder=""
type="text"
/>
</div>
<div class="mb-6">
<label for="email" class="form-label">
Email address <span class="text-red-500">*</span>
</label>
<input
id="email"
name="email"
class="form-input"
placeholder=""
type="email"
/>
</div>
<div class="mb-6">
<label for="message" class="form-label">
Send us a message! <span class="text-red-500">*</span>
</label>
<textarea
id="message"
name="message"
class="form-input"
placeholder=""
rows="8"
></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</section>
{{ end }} {{ end }}

View file

@ -42,7 +42,7 @@
<center><h2> Consortium</h2></center> <center><h2> Consortium</h2></center>
<div class="container"> <div class="container pt-14 pb-14">
<div class="grid-container"> <div class="grid-container">
{{ range $i, $e := .Params.features3 }} {{ range $i, $e := .Params.features3 }}
@ -117,7 +117,7 @@
<center><h2> Fediverse Explained</h2></center> <center><h2> Fediverse Explained</h2></center>
<div class="container"> <div class="container pt-14 pb-14">
<div class="grid-container"> <div class="grid-container">
{{ range $i, $e := .Params.features2 }} {{ range $i, $e := .Params.features2 }}
<div class="grid-item"> <div class="grid-item">
@ -154,7 +154,7 @@
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.svg" alt="Image">
<h4 class="mb-4">Events</h4> <h4 class="mb-4">Events</h4>
</div> </div>
<ul class="list"> <ul class="list">
@ -179,7 +179,7 @@
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.svg" alt="Image">
<h4 class="mb-4">Latest News</h4> <h4 class="mb-4">Latest News</h4>
</div> </div>
<ul class="list"> <ul class="list">

View file

@ -851,31 +851,31 @@
<picture> <picture>
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp"
media="(max-width: 575px)" /> media="(max-width: 575px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp"
media="(max-width: 767px)" /> media="(max-width: 767px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp"
media="(max-width: 991px)" /> media="(max-width: 991px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp"
/> />
<img <img
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg"
class=" w-full rounded img" class=" w-full rounded img"
alt="Fediversity Tech Session" alt="Nordunet Conference 2024"
width="500" width="4032"
height="378" /> height="3024" />
</picture> </picture>
@ -888,7 +888,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -909,8 +909,8 @@
</li> </li>
</ul> </ul>
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p> <p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
Read More Read More
</a> </a>
</div> </div>
@ -998,31 +998,31 @@
<picture> <picture>
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" /> media="(max-width: 575px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" /> media="(max-width: 767px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" /> media="(max-width: 991px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
/> />
<img <img
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg" src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
class=" w-full rounded img" class=" w-full rounded img"
alt="Nordunet Conference 2024" alt="Fediversity Tech Session"
width="4032" width="500"
height="3024" /> height="378" />
</picture> </picture>
@ -1035,7 +1035,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1056,8 +1056,8 @@
</li> </li>
</ul> </ul>
<p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> <p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
Read More Read More
</a> </a>
</div> </div>

View file

@ -6,12 +6,12 @@
<description>Recent content in Categories on Fediversity</description> <description>Recent content in Categories on Fediversity</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate> <lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>News</title> <title>News</title>
<link>//localhost:1313/categories/news/</link> <link>//localhost:1313/categories/news/</link>
<pubDate>Mon, 05 Aug 2024 05:00:00 +0000</pubDate> <pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/categories/news/</guid> <guid>//localhost:1313/categories/news/</guid>
<description></description> <description></description>
</item> </item>

View file

@ -766,31 +766,31 @@
<picture> <picture>
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp"
media="(max-width: 575px)" /> media="(max-width: 575px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp"
media="(max-width: 767px)" /> media="(max-width: 767px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp"
media="(max-width: 991px)" /> media="(max-width: 991px)" />
<source <source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp"
/> />
<img <img
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg"
class=" w-full rounded img" class=" w-full rounded img"
alt="Fediversity Tech Session" alt="Nordunet Conference 2024"
width="500" width="4032"
height="378" /> height="3024" />
</picture> </picture>
@ -803,7 +803,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -824,8 +824,8 @@
</li> </li>
</ul> </ul>
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p> <p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
Read More Read More
</a> </a>
</div> </div>
@ -913,31 +913,31 @@
<picture> <picture>
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" /> media="(max-width: 575px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" /> media="(max-width: 767px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" /> media="(max-width: 991px)" />
<source <source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp" srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
/> />
<img <img
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg" src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
class=" w-full rounded img" class=" w-full rounded img"
alt="Nordunet Conference 2024" alt="Fediversity Tech Session"
width="4032" width="500"
height="3024" /> height="378" />
</picture> </picture>
@ -950,7 +950,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -971,8 +971,8 @@
</li> </li>
</ul> </ul>
<p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> <p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
Read More Read More
</a> </a>
</div> </div>

View file

@ -6,8 +6,15 @@
<description>Recent content in News on Fediversity</description> <description>Recent content in News on Fediversity</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate> <lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/news/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="//localhost:1313/categories/news/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Nordunet Conference 2024</title>
<link>//localhost:1313/blog/nordunet-conference-2024/</link>
<pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/blog/nordunet-conference-2024/</guid>
<description>Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description>
</item>
<item> <item>
<title>Fediversity Tech Session</title> <title>Fediversity Tech Session</title>
<link>//localhost:1313/blog/fediversity-tech-session/</link> <link>//localhost:1313/blog/fediversity-tech-session/</link>
@ -15,13 +22,6 @@
<guid>//localhost:1313/blog/fediversity-tech-session/</guid> <guid>//localhost:1313/blog/fediversity-tech-session/</guid>
<description>Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</description> <description>Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</description>
</item> </item>
<item>
<title>Nordunet Conference 2024</title>
<link>//localhost:1313/blog/nordunet-conference-2024/</link>
<pubDate>Tue, 30 Jul 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/blog/nordunet-conference-2024/</guid>
<description>Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description>
</item>
<item> <item>
<title>PublicSpaces Conference 2024</title> <title>PublicSpaces Conference 2024</title>
<link>//localhost:1313/blog/publicspaces-conference/</link> <link>//localhost:1313/blog/publicspaces-conference/</link>

View file

@ -675,6 +675,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -720,54 +720,6 @@ If you have questions about the funding rounds that are part of the Fediversity
<section class="section-sm">
<div class="container">
<div class="row">
<div class="md:col-10 lg:col-6 mx-auto">
<form action="#" method="POST">
<div class="mb-6">
<label for="name" class="form-label">
Name <span class="text-red-500">*</span>
</label>
<input
id="name"
name="name"
class="form-input"
placeholder=""
type="text"
/>
</div>
<div class="mb-6">
<label for="email" class="form-label">
Email address <span class="text-red-500">*</span>
</label>
<input
id="email"
name="email"
class="form-input"
placeholder=""
type="email"
/>
</div>
<div class="mb-6">
<label for="message" class="form-label">
Send us a message! <span class="text-red-500">*</span>
</label>
<textarea
id="message"
name="message"
class="form-input"
placeholder=""
rows="8"
></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</section>
</main> </main>

View file

@ -757,12 +757,6 @@ select {
padding-right: 2rem; padding-right: 2rem;
padding-left: 2rem; padding-left: 2rem;
} }
@media (min-width: 540px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) { @media (min-width: 768px) {
.container { .container {
@ -787,50 +781,6 @@ select {
max-width: 1536px; max-width: 1536px;
} }
} }
.form-input,.form-textarea,.form-select,.form-multiselect {
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}
.form-input::placeholder,.form-textarea::placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-input::-webkit-date-and-time-value {
min-height: 1.5em;
text-align: inherit;
}
.form-input::-webkit-datetime-edit {
display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
.row { .row {
--bs-gutter-x: 2rem; --bs-gutter-x: 2rem;
--bs-gutter-y: 0; --bs-gutter-y: 0;
@ -901,39 +851,6 @@ main {
max-width: 1320px; max-width: 1320px;
} }
} }
.form-input {
width: 100%;
border-radius: 0.25rem;
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-text-opacity: 1;
color: rgb(4 4 4 / var(--tw-text-opacity));
border-radius: 6px;
}
.form-input::placeholder {
--tw-text-opacity: 1;
color: rgb(255 110 0 / var(--tw-text-opacity));
}
.form-input:focus {
--tw-border-opacity: 1;
border-color: rgb(255 110 0 / var(--tw-border-opacity));
--tw-ring-color: transparent;
}
.form-label {
margin-bottom: 1rem;
display: block;
font-family: Signika, sans-serif;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(4 4 4 / var(--tw-text-opacity));
}
.social-icons > :not([hidden]) ~ :not([hidden]) { .social-icons > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0; --tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-right: calc(1rem * var(--tw-space-x-reverse));
@ -2008,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 110 0 / var(--tw-text-opacity)); color: rgb(255 110 0 / var(--tw-text-opacity));
} }
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.bg-gradient { .bg-gradient {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position); --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
@ -3042,15 +2955,26 @@ input#nav-toggle:checked ~ #nav-menu {
margin: 10px 0; margin: 10px 0;
/* Adjust spacing between the line and the divs */ } /* Adjust spacing between the line and the divs */ }
@media (min-width: 540px) { @media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 4px;
height: 4px;
margin: 0 0 8px 0; } }
@media (min-width: 768px) {
.sm\:col-10 { .sm\:col-10 {
flex: 0 0 auto; flex: 0 0 auto;
width: 83.33333333333334%; width: 83.33333333333334%;
} }
}
@media (min-width: 768px) {
.md\:col-5 { .md\:col-5 {
flex: 0 0 auto; flex: 0 0 auto;
@ -3077,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu {
width: 75%; width: 75%;
} }
.md\:col-10 {
flex: 0 0 auto;
width: 83.33333333333334%;
}
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;
} }
@ -3124,7 +3043,7 @@ input#nav-toggle:checked ~ #nav-menu {
} }
} }
@media (min-width: 540px) { @media (min-width: 768px) {
.sm\:block { .sm\:block {
display: block; display: block;
@ -3138,9 +3057,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity)); background-color: rgb(254 202 202 / var(--tw-bg-opacity));
} }
}
@media (min-width: 768px) {
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -675,6 +675,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -675,6 +675,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

BIN
public/images/code.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 769 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 B

BIN
public/images/globe.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 682 B

BIN
public/images/user.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 852 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

BIN
public/images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

1
public/images/users.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24" fill="none" stroke="#ff6e00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>

After

Width:  |  Height:  |  Size: 397 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 552 B

View file

@ -725,7 +725,7 @@
<img <img
src="/images/home.svg" src="/images/users.svg"
loading="eager" loading="eager"
decoding="async" decoding="async"
alt="Banner image" alt="Banner image"
@ -751,7 +751,7 @@
<center><h2> Consortium</h2></center> <center><h2> Consortium</h2></center>
<div class="container"> <div class="container pt-14 pb-14">
<div class="grid-container"> <div class="grid-container">
@ -1001,7 +1001,7 @@
<center><h2> Fediverse Explained</h2></center> <center><h2> Fediverse Explained</h2></center>
<div class="container"> <div class="container pt-14 pb-14">
<div class="grid-container"> <div class="grid-container">
<div class="grid-item"> <div class="grid-item">
@ -1068,7 +1068,7 @@
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.svg" alt="Image">
<h4 class="mb-4">Events</h4> <h4 class="mb-4">Events</h4>
</div> </div>
<ul class="list"> <ul class="list">
@ -1115,7 +1115,7 @@
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.svg" alt="Image">
<h4 class="mb-4">Latest News</h4> <h4 class="mb-4">Latest News</h4>
</div> </div>
<ul class="list"> <ul class="list">

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -674,6 +674,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -3,22 +3,22 @@
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url> <url>
<loc>//localhost:1313/</loc> <loc>//localhost:1313/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod> <lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url> </url><url>
<loc>//localhost:1313/categories/</loc> <loc>//localhost:1313/categories/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod> <lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/categories/news/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/nordunet-conference-2024/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url> </url><url>
<loc>//localhost:1313/blog/fediversity-tech-session/</loc> <loc>//localhost:1313/blog/fediversity-tech-session/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod> <lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/categories/news/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/nordunet-conference-2024/</loc>
<lastmod>2024-07-30T05:00:00+00:00</lastmod>
</url><url> </url><url>
<loc>//localhost:1313/blog/publicspaces-conference/</loc> <loc>//localhost:1313/blog/publicspaces-conference/</loc>
<lastmod>2024-07-30T05:00:00+00:00</lastmod> <lastmod>2024-07-30T05:00:00+00:00</lastmod>

View file

@ -676,6 +676,22 @@
</section> </section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm"> <section class="section-sm">
<div class="container"> <div class="container">
<div class="row justify-center"> <div class="row justify-center">

View file

@ -757,12 +757,6 @@ select {
padding-right: 2rem; padding-right: 2rem;
padding-left: 2rem; padding-left: 2rem;
} }
@media (min-width: 540px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) { @media (min-width: 768px) {
.container { .container {
@ -787,50 +781,6 @@ select {
max-width: 1536px; max-width: 1536px;
} }
} }
.form-input,.form-textarea,.form-select,.form-multiselect {
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}
.form-input::placeholder,.form-textarea::placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-input::-webkit-date-and-time-value {
min-height: 1.5em;
text-align: inherit;
}
.form-input::-webkit-datetime-edit {
display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
.row { .row {
--bs-gutter-x: 2rem; --bs-gutter-x: 2rem;
--bs-gutter-y: 0; --bs-gutter-y: 0;
@ -901,39 +851,6 @@ main {
max-width: 1320px; max-width: 1320px;
} }
} }
.form-input {
width: 100%;
border-radius: 0.25rem;
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-text-opacity: 1;
color: rgb(4 4 4 / var(--tw-text-opacity));
border-radius: 6px;
}
.form-input::placeholder {
--tw-text-opacity: 1;
color: rgb(255 110 0 / var(--tw-text-opacity));
}
.form-input:focus {
--tw-border-opacity: 1;
border-color: rgb(255 110 0 / var(--tw-border-opacity));
--tw-ring-color: transparent;
}
.form-label {
margin-bottom: 1rem;
display: block;
font-family: Signika, sans-serif;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(4 4 4 / var(--tw-text-opacity));
}
.social-icons > :not([hidden]) ~ :not([hidden]) { .social-icons > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0; --tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-right: calc(1rem * var(--tw-space-x-reverse));
@ -2008,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 110 0 / var(--tw-text-opacity)); color: rgb(255 110 0 / var(--tw-text-opacity));
} }
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.bg-gradient { .bg-gradient {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position); --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
@ -3042,15 +2955,26 @@ input#nav-toggle:checked ~ #nav-menu {
margin: 10px 0; margin: 10px 0;
/* Adjust spacing between the line and the divs */ } /* Adjust spacing between the line and the divs */ }
@media (min-width: 540px) { @media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 4px;
height: 4px;
margin: 0 0 8px 0; } }
@media (min-width: 768px) {
.sm\:col-10 { .sm\:col-10 {
flex: 0 0 auto; flex: 0 0 auto;
width: 83.33333333333334%; width: 83.33333333333334%;
} }
}
@media (min-width: 768px) {
.md\:col-5 { .md\:col-5 {
flex: 0 0 auto; flex: 0 0 auto;
@ -3077,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu {
width: 75%; width: 75%;
} }
.md\:col-10 {
flex: 0 0 auto;
width: 83.33333333333334%;
}
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;
} }
@ -3124,7 +3043,7 @@ input#nav-toggle:checked ~ #nav-menu {
} }
} }
@media (min-width: 540px) { @media (min-width: 768px) {
.sm\:block { .sm\:block {
display: block; display: block;
@ -3138,9 +3057,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity)); background-color: rgb(254 202 202 / var(--tw-bg-opacity));
} }
}
@media (min-width: 768px) {
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;

View file

@ -1113,3 +1113,17 @@
/* Change color and thickness as needed */ /* Change color and thickness as needed */
margin: 10px 0; margin: 10px 0;
/* Adjust spacing between the line and the divs */ } /* Adjust spacing between the line and the divs */ }
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 4px;
height: 4px;
margin: 0 0 8px 0; } }

View file

@ -33,7 +33,7 @@ module.exports = {
darkMode: "class", darkMode: "class",
theme: { theme: {
screens: { screens: {
sm: "540px", sm: "768px",
md: "768px", md: "768px",
lg: "1024px", lg: "1024px",
xl: "1280px", xl: "1280px",