fediversity.eu/layouts/index.html

201 lines
5.3 KiB
HTML
Raw Normal View History

2024-03-27 12:24:18 +01:00
{{ define "main" }}
<!-- Banner -->
{{ with .Params.banner }}
<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">{{ .title | markdownify }}</h1>
<p class="mb-8">{{ .content | markdownify }}</p>
{{ with .button }} {{ if .enable }}
<a
class="btn btn-primary"
href="{{ .link | absURL }}"
{{
if
strings.HasPrefix
.link
`http`
}}
target="_blank"
rel="noopener"
{{
end
}}
>
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }} {{ end }}
</div>
<div class="col-12">
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading"
"eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
</div>
</div>
</div>
</section>
{{ end }}
<!-- /Banner -->
2024-05-01 16:45:28 +02:00
<!-- Consortium -->
2024-05-01 15:22:32 +02:00
<center><h2> Consortium</h2></center>
<div class="container">
<div class="grid-container">
{{ range $i, $e := .Params.features3 }}
2024-05-01 15:22:32 +02:00
<div class="grid-item">
<div class="header-with-image2">
2024-05-01 15:22:32 +02:00
<img src="{{ .image }}" alt="Image">
<h5 class="mb-4">{{ .title | markdownify }}</h4>
2024-05-01 15:22:32 +02:00
</div>
2024-05-01 16:45:28 +02:00
<p class="mb-8 text-lg">{{ .content | markdownify }}
{{ with .button }} {{ if .enable }}
<a class="mt-6" href="{{ .link | absURL }}" style="color:#FF6E00">
Read more
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }} {{ end }}
</p>
2024-05-01 15:22:32 +02:00
</div>
{{ end }}
</div>
</div>
2024-05-01 16:45:28 +02:00
<!-- /Consortium -->
2024-04-02 11:12:11 +02:00
2024-03-27 12:24:18 +01:00
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
<div class="container">
<div class="row 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>
2024-04-23 11:07:01 +02:00
<ul>
2024-03-27 12:24:18 +01:00
{{ 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>
{{ with .button }} {{ if .enable }}
<a class="btn btn-primary mt-6" href="{{ .link | absURL }}">
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }} {{ end }}
</div>
</div>
</div>
</section>
{{ end }}
<!-- /Features -->
2024-04-30 16:54:13 +02:00
2024-05-01 13:06:43 +02:00
<!-- features2test-->
2024-05-01 13:12:55 +02:00
<center><h2> Fediverse Explained</h2></center>
2024-04-30 16:54:13 +02:00
2024-05-01 13:06:43 +02:00
<div class="container">
<div class="grid-container">
{{ range $i, $e := .Params.features2 }}
<div class="grid-item">
2024-05-01 13:12:55 +02:00
<div class="header-with-image">
<img src="{{ .image }}" alt="Image">
<h4 class="mb-4">{{ .title | markdownify }}</h4>
</div>
2024-05-01 13:06:43 +02:00
<p class="mb-8 text-lg">{{ .content | markdownify }}</p>
{{ with .button }} {{ if .enable }}
<a class="btn btn-primary mt-6" href="{{ .link | absURL }}">
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }} {{ end }}
</div>
{{ end }}
</div>
</div>
2024-04-30 16:54:13 +02:00
2024-04-15 17:49:50 +02:00
2024-05-08 09:46:15 +02:00
<br>
<br>
<br>
2024-05-01 13:06:43 +02:00
<!-- features2test-->
2024-04-23 16:11:39 +02:00
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
<section>
2024-05-06 17:53:11 +02:00
<div class="center-wrapper">
<div class="grid-container-small">
2024-04-23 16:11:39 +02:00
<div class="column">
<ul class="list">
2024-05-01 15:22:32 +02:00
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
2024-04-23 16:11:39 +02:00
<section>
2024-05-01 15:22:32 +02:00
<h2>Upcoming Events</h2>
2024-04-23 16:11:39 +02:00
<ul class="list">
2024-05-01 15:22:32 +02:00
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
2024-04-24 11:31:07 +02:00
<li class="list-item">
<div class="content">
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
<hr class="hr-list">
</li>
{{ end }}
2024-04-23 16:11:39 +02:00
</ul>
</section>
{{ end }}
</ul>
</div>
<div class="column">
<ul class="list">
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
<section>
2024-05-01 15:22:32 +02:00
<h2>Latest News</h2>
2024-04-23 16:11:39 +02:00
<ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }}
2024-04-24 11:31:07 +02:00
<li class="list-item">
<div class="content">
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
<hr class="hr-list">
</li>
{{ end }}
2024-04-23 16:11:39 +02:00
</ul>
</section>
{{ end }}
</ul>
</div>
</div>
2024-05-06 17:53:11 +02:00
</div>
2024-04-23 16:11:39 +02:00
</section>
{{ end }}
2024-04-15 17:49:50 +02:00
2024-03-27 12:24:18 +01:00
{{ end }}