happyDomain/website
2
0
Fork 0
Code Issues Pull requests Releases Activity

Big site refresh + add missing DevOps page
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
nemunaire 2023-08-07 17:21:37 +02:00
commit 589ca352f1
39 changed files with 915 additions and 877 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/_default/usage.html
View file

@ -14,6 +14,8 @@
{{ .Content }}
<!-- /.container -->
{{ partial "usage_footer.html" . }}
</div>
<!-- /#all -->

6
layouts/index.html
View file

@ -15,12 +15,18 @@
{{ partial "carousel.html" . }}
{{ partial "discover.html" . }}
{{ partial "features.html" . }}
{{ partial "cta-join.html" . }}
{{ partial "downloads.html" . }}
{{ partial "community.html" . }}
{{ partial "cta-newsletter.html" . }}
</div>
<!-- /#all -->

1
layouts/partials/carousel.html
View file

@ -1,6 +1,5 @@
{{ if isset .Site.Params "carousel" }}
{{ if gt (len .Site.Params.carousel) 0 }}
<div class="anchor" id="features"></div>
<div class="carousel text-light p-4 pt-5 d-flex flex-nowrap" style="gap: 1em 1em; overflow-x: scroll">
{{ range sort .Site.Params.carousel "weight" }}
<figure class="" style="min-width: 40vw">

109
layouts/partials/community.html
View file

@ -1,57 +1,56 @@
<div class="container d-flex flex-wrap justify-content-around mb-5" id="community" style="gap: 2em 0;">
<div style="width: 28%; min-width: 172px" class="text-center">
<h4 class="d-flex justify-content-center">
<div class="circle-head" style="background-color: #20a7c9">
<i class="bi bi-chat-dots-fill"></i>
</div>
<div class="align-self-center ml-1">{{ i18n "community-chat" }}</div>
</h4>
<p>
{{ i18n "community-chat-text" | markdownify }}
</p>
</div>
<div style="width: 28%; min-width: 172px" class="text-center">
<h4 class="d-flex justify-content-center">
<div class="circle-head" style="background-color: #9720c9">
<i class="bi bi-bug-fill"></i>
</div>
<div class="align-self-center ml-1">{{ i18n "community-bugs" }}</div>
</h4>
<p>
{{ i18n "community-bugs-text" | markdownify }}
</p>
</div>
<div style="width: 28%; min-width: 172px" class="text-center">
<h4 class="d-flex justify-content-center">
<div class="circle-head" style="background-color: #c92052">
<i class="bi bi-translate"></i>
</div>
<div class="align-self-center ml-1">{{ i18n "community-translation" }}</div>
</h4>
<p>
{{ i18n "community-translation-text" | markdownify }}
</p>
</div>
<div style="width: 28%; min-width: 172px" class="text-center">
<h4 class="d-flex justify-content-center">
<div class="circle-head" style="background-color: #c99720">
<i class="bi bi-braces-asterisk"></i>
</div>
<div class="align-self-center ml-1">{{ i18n "community-code" }}</div>
</h4>
<p>
{{ i18n "community-code-text" | markdownify }}
</p>
</div>
<div style="width: 28%; min-width: 172px" class="text-center">
<h4 class="d-flex justify-content-center">
<div class="circle-head" style="background-color: #20c943">
<i class="bi bi-envelope-paper-heart"></i>
</div>
<div class="align-self-center ml-1">{{ i18n "community-contact" }}</div>
</h4>
<p>
{{ i18n "community-contact-text" | markdownify }}
</p>
<div class="container mt-5 mb-4 pb-5" id="community" style="gap: 2em 0;">
<div class="d-flex flex-wrap">
<div class="py-4 px-5">
<h3 class="display-4 text-center mb-5">
🙌 <br>{{ i18n "community-contribute" }}
</h3>
<h4>
🧰
{{ i18n "community-bugs" }}
</h4>
<p class="mb-4 text-justify">
{{ i18n "community-bugs-text" | markdownify }}
</p>
<h4>
🧳
{{ i18n "community-translation" }}
</h4>
<p class="mb-4 text-justify">
{{ i18n "community-translation-text" | markdownify }}
</p>
<h4>
💻
{{ i18n "community-code" }}
</h4>
<p class="mb-4 text-justify">
{{ i18n "community-code-text" | markdownify }}
</p>
</div>
<div class="py-4 px-5">
<h3 class="display-4 text-center mb-5">
✉️ <br>{{ i18n "community-discuss" }}
</h3>
<h4>
💬
{{ i18n "community-chat" }}
</h4>
<p class="mb-4 text-justify">
{{ i18n "community-chat-text" | markdownify }}
</p>
<h4>
✍🏼
{{ i18n "community-contact" }}
</h4>
<p class="mb-4 text-justify">
{{ i18n "community-contact-text" | markdownify }}
</p>
</div>
</div>
</div>

28
layouts/partials/cta-join.html Normal file
View file

@ -0,0 +1,28 @@
<div class="bg-light">
<div class="container pb-5">
<div class="card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
<div class="card-body px-5 py-4">
<div class="row">
<div class="col-md-7 d-flex flex-column justify-content-center my-4">
<h2 class="font-weight-bold">
{{ i18n "cta-account-title" }}
</h2>
<p class="lead mb-0">
{{ i18n "cta-account-text" }}
</p>
</div>
<div class="offset-xl-1 col-xl-4 col-md-5 d-flex flex-column justify-content-center">
<a href="/join" class="btn btn-lg btn-primary py-2 mt-2" data-umami-event="cta-account-join">
{{ i18n "cta-account-button1" }}
</a>
<div class="text-center py-2">
&ndash; {{ i18n "cta-account-or" }} &ndash;
</div>
<a href="{{ i18n "cta-account-button2-link" }}" target="_blank" class="btn btn-lg btn-outline-info py-2 mb-2" data-umami-event="cta-account-download">
{{ i18n "cta-account-button2" }}
</a>
</div>
</div>
</div>
</div>
</div>

33
layouts/partials/cta-newsletter.html Normal file
View file

@ -0,0 +1,33 @@
<div class="bg-light">
<div class="container pb-5">
<div class="card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
<div class="card-body p-5">
<div class="row">
<div class="col-lg-7 d-flex flex-column justify-content-center">
<h2 class="font-weight-bold">
{{ i18n "cta-newsletter-title" }}
</h2>
<p class="lead mb-0">
{{ i18n "cta-newsletter-text" }}
</p>
</div>
<form
class="offset-xl-1 col-xl-4 col-lg-5 d-flex flex-column justify-content-center"
method="post"
action="https://lists.happydomain.org/subscription/form"
>
<input type="hidden" name="nonce" />
<input type="hidden" name="l" value="b3297dce-4f02-42a5-9918-54499804323e" />
<input type="hidden" name="lang" value="{{ .Page.File.Lang }}" />
<input type="email" name="email" required placeholder="j.postel@isi.edu" class="form-control my-3">
<button type="submit" class="btn btn-lg btn-primary py-2" data-umami-event="cta-newsletter-join">
{{ i18n "cta-newsletter-button1" }}
</button>
<small class="form-text text-justify my-2">
{{ i18n "cta-newsletter-no-spam" }}
</small>
</form>
</div>
</div>
</div>
</div>

74
layouts/partials/discover.html Normal file
View file

@ -0,0 +1,74 @@
<div class="container">
<div class="row mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5 offset-md-2 col-md-8" style="line-height: 1.5em;">
{{ i18n "features-title" | safeHTML }}
</h3>
</div>
<div class="row mt-4 mb-5 text-justify">
<div class="col-md-4 pt-5">
<p class="font-weight-bold" style="font-size: 1.15rem;">
{{ i18n "features-lead" }}
</p>
</div>
<div class="col-sm-6 col-md-4">
<div class="text-center mb-2">
<hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
<div class="circle-head" style="background-color: #4b1064">
<i class="bi bi-controller"></i>
</div>
</div>
<p>
{{ i18n "features-col1" | markdownify }}
</p>
</div>
<div class="col-sm-6 col-md-4">
<div class="text-center mb-2">
<hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
<div class="circle-head" style="background-color: #4b1064">
<i class="bi bi-rocket-takeoff"></i>
</div>
</div>
<p>
{{ i18n "features-col2" | markdownify }}
</p>
</div>
</div>
</div>
<div class="container my-5">
<h3 class="text-center mb-5">
{{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
</h3>
<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 justify-content-center">
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/freelance" }}" class="card h-100" data-umami-event="learnmore-freelance">
<img src="/img/screenshots/users/freelance.webp" alt="{{ i18n "freelance" }}" class="img-top flex-grow-1">
<h3 class="text-center mt-1">{{ i18n "freelance" }}</h3>
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100" data-umami-event="learnmore-sysadmin">
<img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
<h3 class="text-center mt-1">{{ i18n "sysadmin" }}</h3>
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/devops" }}" class="card h-100" data-umami-event="learnmore-devops">
<img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
<h3 class="text-center mt-1">{{ i18n "devops" }}</h3>
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/cio" }}" class="card h-100" data-umami-event="learnmore-cio">
<img src="/img/screenshots/users/cio.webp" alt="{{ i18n "cio" }}" class="img-top flex-grow-1">
<h3 class="text-center mt-1">{{ i18n "cio" }}</h3>
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/geek" }}" class="card h-100" data-umami-event="learnmore-geek">
<img src="/img/screenshots/users/geek.webp" alt="{{ i18n "geek" }}" class="img-top flex-grow-1">
<h3 class="text-center mt-1">{{ i18n "geek" }}</h3>
</a>
</div>
</div>
</div>

39
layouts/partials/downloads.html
View file

@ -1,11 +1,38 @@
<div class="anchor" id="downloads"></div>
<div class="jumbotron">
<div id="downloads" class="jumbotron" style="scroll-margin-top: 2em;">
<div class="container">
<h3 class="font-weight-bolder">
{{ i18n "downloads-title" }}
</h3>
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="col-3 d-none d-md-flex flex-column justify-content-center">
<img src="/img/screenshots/users/download.webp" alt="Download section" id="download-house" class="position-relative">
</div>
<div class="col">
<h3 class="font-weight-bolder">
{{ i18n "downloads-title" }}
</h3>
<div class="row row-cols-1 row-cols-sm-3 my-4">
<div class="col text-center my-2">
<a href="https://hub.docker.com/r/happydomain/happydomain/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-docker">
<i class="bi bi-box"></i>
{{ i18n "downloads-docker" }}
</a>
</div>
<div class="col text-center my-2">
<a href="https://get.happydomain.org/master/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-binaries">
<i class="bi bi-download"></i>
{{ i18n "downloads-binaries" }}
</a>
</div>
<div class="col text-center my-2">
<a href="https://git.happydomain.org/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-sources">
<i class="bi bi-git"></i>
{{ i18n "downloads-source" }}
</a>
</div>
</div>
{{ i18n "downloads-text" | markdownify }}
</div>
</div>

97
layouts/partials/features.html
View file

@ -1,70 +1,41 @@
<div class="container">
<div class="row mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5 offset-md-2 col-md-8" style="line-height: 1.5em;">
{{ i18n "features-title" | safeHTML }}
</h3>
</div>
<div class="row mt-4 mb-5 text-justify">
<div class="col-md-4 pt-5">
<p class="font-weight-bold" style="font-size: 1.15rem;">
{{ i18n "features-lead" }}
</p>
<div id="features" class="bg-light" style="scroll-margin-top: 2em;">
<div class="container py-3">
<div>
<h2 class="text-center font-weight-bolder mt-4 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-title" }}
</h2>
</div>
<div class="col-sm-6 col-md-4">
<div class="text-center mb-2">
<hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
<div class="circle-head" style="background-color: #4b1064">
<i class="bi bi-controller"></i>
</div>
</div>
<p>
{{ i18n "features-col1" | markdownify }}
</p>
</div>
<div class="col-sm-6 col-md-4">
<div class="text-center mb-2">
<hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
<div class="circle-head" style="background-color: #4b1064">
<i class="bi bi-rocket-takeoff"></i>
</div>
</div>
<p>
{{ i18n "features-col2" | markdownify }}
</p>
</div>
</div>
<div id="features-grid" class="mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-title" }}
</h3>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
{{ range $.Site.Data.features.features }}
{{ if index .title $.Language.Lang }}
<div class="col mb-4">
<div class="card" id="feature-{{ .id }}">
{{ if and .img .img.src }}
<img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
{{ end }}
<div class="card-body">
<h5 class="card-title text-center mb-0">{{ index .title $.Language.Lang }}</h5>
<hr class="mb-1 mt-2 mr-4 ml-4">
<p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
{{ if and .link .link.link }}
<a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
{{ end }}
{{ range $index, $element := $.Site.Data.features.features }}
{{ if index .title $.Language.Lang }}
<div class="mb-5">
<div class="card" id="feature-{{ .id }}">
<div class="card-body row">
{{ if and .img .img.src }}
<div class="col-md {{ if not (modBool $index 2) }}order-md-2{{ end }}">
<img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
</div>
{{ end }}
<div class="col-md d-flex flex-column justify-content-center py-4">
<h4 class="card-title font-weight-bolder">{{ index .title $.Language.Lang }}</h4>
<p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
{{ if and .link .link.link }}
<a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
{{ end }}
{{ if and .link2 .link2.link }}
<br><a href="{{ .link2.link }}" class="card-link mt-2" data-umami-event="features-{{ .id }}-2">{{ index .link2 $.Language.Lang }}</a>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
{{ end }}
</div>
<div class="mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-footer" }}
</h3>
<div class="mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-footer" }}
</h3>
</div>
</div>
</div>

73
layouts/partials/jumbo.html
View file

@ -1,64 +1,21 @@
<div class="jumbotron bg-light mt-n1 mb-0">
<div class="container">
<h2 class="display-5 text-center text-muted">
{{ i18n "slogan" }}
</h2>
<p class="mt-4 lead">
happy<strong>Domain</strong>
{{ i18n "lead" | markdownify }}
</p>
<p class="mt-4">
<a class="btn btn-primary mt-2" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
<a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
</p>
</div>
<hr class="my-5">
<div class="container">
<h4 class="text-center mb-5">
{{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
</h4>
<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5">
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/freelance" }}" class="card h-100">
<img src="/img/screenshots/users/freelance.webp" alt="{{ i18n "freelance" }}" class="img-top flex-grow-1">
<div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-freelance">
<span>{{ i18n "freelance" }}</span>
</div>
</a>
<div class="row">
<div class="col-md-3 d-flex flex-column mb-4">
<img src="/img/screenshots/happydomain-rounded.webp" alt="happyDomain logo">
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100">
<div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-sysadmin">
<span>{{ i18n "sysadmin" }}</span>
</div>
<img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
</a>
</div>
<div class="col mb-4">
<a class="card h-100">
<img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
<div class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column" data-umami-event="learnmore-devops">
<span>{{ i18n "devops" }}</span>
</div>
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/cio" }}" class="card h-100">
<div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-cio">
<span>{{ i18n "cio" }}</span>
</div>
<img src="/img/screenshots/users/cio.webp" alt="{{ i18n "cio" }}" class="img-top flex-grow-1">
</a>
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/geek" }}" class="card h-100">
<img src="/img/screenshots/users/geek.webp" alt="{{ i18n "geek" }}" class="img-top flex-grow-1">
<div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-geek">
<span>{{ i18n "geek" }}</span>
</div>
</a>
<div class="col">
<h2 class="display-5 text-center text-muted">
{{ i18n "slogan" }}
</h2>
<p class="mt-4 lead">
happy<strong>Domain</strong>
{{ i18n "lead" | markdownify }}
</p>
<p class="mt-4">
<a class="btn btn-primary mt-2" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
<a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
</p>
</div>
</div>
</div>

23
layouts/partials/nav.html
View file

@ -32,24 +32,13 @@
</ul>
<div class="d-flex">
<div class="nav-item nav-ext-links">
{{ range .Site.Data.social.social_icons }}
{{- if isset $.Site.Author .id }}
<a class="nav-icon-link link-rounded" data-umami-event="{{ .id }}" href="{{ printf .url (index $.Site.Author .id) }}" title="{{ .title }}"><i class="bi {{ .icon }}"></i></a>
{{- end -}}
{{ end }}
{{ if .Site.Params.rss }}
{{ if .RSSLink }}
<a href="{{ .RSSLink }}" title="RSS" class="nav-icon-link link-rounded">
{{ else }}
<a href="{{ .Site.RSSLink }}" title="RSS" class="nav-icon-link link-rounded">
{{ end }}
<i class="bi bi-rss-fill"></i>
</a>
{{ end }}
{{ if .Site.Params.tryit }}
<a href="{{ .Site.Params.tryit }}" title="{{ i18n "tryhappydns" }}" class="nav-icon-link link-rounded" data-umami-event="nav-tryit">
<i class="bi bi-arrow-right"></i>
{{ if .Site.Params.others_links }}
{{ range .Site.Params.others_links }}
<a href="{{ .href }}" title="{{ .text }}" class="nav-icon-link {{ .class }}" data-umami-event="nav-{{ .id }}">
<i class="bi {{ .icon }}"></i>
{{ .text }}
</a>
{{ end }}
{{ end }}
</div>
<div class="nav-item dropdown">

6
layouts/partials/survey.html
View file

@ -1,7 +1,9 @@
<div id="voxppl">
<a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="d-flex p-3 text-light row" data-umami-event="survey" target="_blank">
<h1 class="col-auto align-self-center">
<i class="bi bi-megaphone-fill"></i>
<h1 class="col-auto align-self-center m-0 p-0">
<div class="circle-head" style="background-color: #430c59; font-size: 1.1em;">
<i class="bi bi-megaphone-fill"></i>
</div>
</h1>
<div class="col align-self-center font-weigth-bolder">
<button type="button" class="close float-right" aria-label="Close" onclick="document.getElementById('voxppl').style.display = 'none'; return false">

79
layouts/partials/usage_footer.html Normal file
View file

@ -0,0 +1,79 @@
<div class="container mt-5 mb-4">
<div class="row py-5">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
<h4 class="font-weight-bold mb-3">
{{ i18n "footer-try-title-line1" }}<br>
{{ i18n "footer-try-title-line2" }}
</h4>
<p>
happy<span class="font-weight-bold">Domain</span> {{ i18n "footer-try-text" }}
</p>
<p>
<a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-tryit" data-umami-event-lang="{{ .Page.File.Lang }}" href="/join">
{{ i18n "tryit" }} &#187;
</a>
<a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-downloads" data-umami-event-lang="{{ .Page.File.Lang }}" href="/#downloads">
{{ i18n "downloadit" }} &#187;
</a>
</p>
<p class="mt-5">
{{ i18n "footer-discuss-text" }}
</p>
<div class="row cols-1 cols-sm-3 mt-4">
<div class="col">
<a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card h-100 pb-2 justify-content-between">
<div class="d-flex flex-fill justify-content-center flex-column">
<img src="/img/screenshots/users/survey.webp" alt="{{ i18n "footer-discuss-feedback" }}" class="w-100 mb-3 flex-grow-1">
</div>
<h5 class="text-center">{{ i18n "footer-discuss-feedback" }}</h5>
</a>
</div>
<div class="col">
<a href="https://matrix.to/#/#happyDNS:matrix.org" class="card h-100 p-2 justify-content-between">
<div class="d-flex flex-fill justify-content-center flex-column">
<img src="https://matrix.org/images/matrix-logo.svg" alt="{{ i18n "footer-discuss-matrix" }}" class="w-100 mb-3">
</div>
<h5 class="text-center">{{ i18n "footer-discuss-matrix" }}</h5>
</a>
</div>
<div class="col">
<a href="https://web.libera.chat/#happydns" class="card h-100 p-2 justify-content-between">
<div class="d-flex flex-fill justify-content-center flex-column">
<img src="https://libera.chat/static/img/libera-color.svg" alt="{{ i18n "footer-discuss-irc" }}" class="w-100 mb-3">
</div>
<h5 class="text-center">{{ i18n "footer-discuss-irc" }}</h5>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-secondary text-light text-center py-5">
<div class="container my-4">
<div class="row">
<div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
<h3 class="font-weight-bolder">{{ i18n "footer-us-title" }}</h3>
</div>
<div class="order-1 col-md-5">
<h4 class="font-weight-bold mb-3">
{{ i18n "footer-us-text-lead" }}
</h4>
<p>
{{ i18n "footer-us-text-1" }}<span class="text-dark text-hilight px-1">{{ i18n "footer-us-text-hilight" }}</span>{{ i18n "footer-us-text-2" }}
</p>
<a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-light">
{{ i18n "footer-us-button" }}
</a>
</div>
</div>
</div>
</div>