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

Revamp website
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
nemunaire 2026-06-03 19:39:58 +09:00
commit 1a138ddb3b
11 changed files with 382 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/index.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}" style="background-color: #3A0B4D">
<html lang="{{ .Site.LanguageCode }}" style="background-color: var(--bs-dark)">
{{ partial "head.html" . }}

8
layouts/partials/carousel.html
View file

@ -1,8 +1,12 @@
{{ if isset .Site.Params "carousel" }} {{ if gt (len .Site.Params.carousel) 0 }}
<section
id="screenshots"
class="carousel text-light p-4 pt-5 d-flex flex-nowrap align-items-center"
style="gap: 1em 1em; overflow-x: scroll"
class="text-light p-4 pt-5 d-flex flex-nowrap align-items-center"
style="
background-color: var(--hd-plum-600);
gap: 1em 1em;
overflow-x: scroll;
"
>
{{ range sort .Site.Params.carousel "weight" }}
<figure class="my-5 me-5 text-center" style="min-width: 65vw">

2
layouts/partials/discover.html
View file

@ -1,4 +1,4 @@
<section id="discover" class="py-5" style="background: linear-gradient(to right, var(--secondary-ultralight) 0%, white 100%)">
<section id="discover" class="py-5" style="background: var(--hd-green-50)">
<div class="container">
<div class="section-title text-center mb-5">
<h2 class="mb-3 display-4">

86
layouts/partials/features.html
View file

@ -1,48 +1,11 @@
<section id="features" class="bg-light" style="scroll-margin-top: 2em">
<div class="container py-4">
<div class="section-title text-center mt-5 mb-5">
<h2 class="mb-3 display-4">{{ i18n "features-title" }}</h2>
<div class="row">
<p
class="offset-sm-1 col-sm-10 offset-md-2 col-md-8 text-muted"
style="font-size: 1.15rem"
>
{{ i18n "features-lead" }}
</p>
</div>
</div>
<div class="alert alert-warning my-5 d-flex">
<div class="display-2">🏗️</div>
<div class="ms-2 flex-fill">
<p class="lead">{{ i18n "features-wip-lead" }}</p>
<p>
{{ i18n "features-wip-p1-start" }}
<strong
>{{ i18n "features-wip-p1-strong" }}
<a
href="https://github.com/happyDomain/happydomain/"
target="_blank"
rel="noopener"
data-umami-event="goto-issue"
>{{ i18n "features-wip-p1-link" }}</a
>.</strong
>
{{ i18n "features-wip-p1-end" }}
</p>
<p>
<a
href="https://feedback.happydomain.org"
target="_blank"
rel="noopener"
data-umami-event="goto-feedback"
>{{ i18n "features-wip-p2-feedback" }}</a
>
{{ i18n "features-wip-p2-start" }}
<u>{{ i18n "features-wip-p2-emph" }}</u>{{ i18n
"features-wip-p2-end" }}
</p>
</div>
<section id="features" class="section" style="scroll-margin-top: 2em">
<div class="container">
<div class="section-head">
<span class="eyebrow"
><span class="dot"></span>{{ i18n "features-eyebrow" }}</span
>
<h2 class="h2">{{ i18n "features-title" }}</h2>
<p class="lede">{{ i18n "features-lead" }}</p>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
@ -86,5 +49,38 @@
</div>
{{ end }} {{ end }}
</div>
<div class="alert alert-warning mt-5 d-flex">
<div class="display-2">🏗️</div>
<div class="ms-2 flex-fill">
<p class="lead">{{ i18n "features-wip-lead" }}</p>
<p>
{{ i18n "features-wip-p1-start" }}
<strong
>{{ i18n "features-wip-p1-strong" }}
<a
href="https://github.com/happyDomain/happydomain/"
target="_blank"
rel="noopener"
data-umami-event="goto-issue"
>{{ i18n "features-wip-p1-link" }}</a
>.</strong
>
{{ i18n "features-wip-p1-end" }}
</p>
<p>
<a
href="https://feedback.happydomain.org"
target="_blank"
rel="noopener"
data-umami-event="goto-feedback"
>{{ i18n "features-wip-p2-feedback" }}</a
>
{{ i18n "features-wip-p2-start" }}
<u>{{ i18n "features-wip-p2-emph" }}</u>{{ i18n
"features-wip-p2-end" }}
</p>
</div>
</div>
</div>
</section>

5
layouts/partials/jumbo.html
View file

@ -1,7 +1,6 @@
<style>
.jumbo-hero {
padding: 5rem 0 4rem;
margin-top: -1px;
padding: 8rem 0 5rem;
background: linear-gradient(135deg, var(--hd-accent-subtle, #f0fdf4) 0%, var(--hd-bg-canvas, white) 60%);
}
.hero-eyebrow {
@ -35,7 +34,7 @@
}
.hero-meta .check { color: var(--hd-accent, #22c55e); margin-right: .25rem; }
/* Browser mockup */
.hero-stack { position: relative; padding: 0 20px 20px 0; }
.hero-stack { position: relative; }
.hero-stack .browser:last-child {
position: absolute;
bottom: 0; right: 0;

55
layouts/partials/nav.html
View file

@ -1,7 +1,4 @@
<nav
class="navbar navbar-expand-md sticky-top navbar-light bg-light"
id="mainnav"
>
<nav class="navbar navbar-expand-md fixed-top" id="mainnav">
<div class="container">
<a
class="h1 navbar-brand d-flex align-items-top gap-2 mb-0"
@ -55,7 +52,30 @@
</li>
{{ end }}
</ul>
<div class="d-flex">
<div class="d-flex align-items-center">
<div class="nav-item dropdown">
<a
class="btn btn-sm btn-outline-plum dropdown-toggle"
href="#"
id="navbarLangDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i class="bi bi-translate"></i> {{ .Language.Lang |
upper }}
</a>
<div
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarLangDropdown"
>
{{ range .Site.Home.AllTranslations }}
<a href="{{ .Permalink }}" class="dropdown-item">
{{ .Language }}
</a>
{{ end }}
</div>
</div>
<div class="nav-item nav-ext-links">
{{ if .Site.Params.others_links }} {{ range
.Site.Params.others_links }}
@ -65,33 +85,12 @@
class="nav-icon-link {{ .class }}"
data-umami-event="nav-{{ .id }}"
>
{{ if .icon }}
<i class="bi {{ .icon }}"></i>
{{ .text }}
{{ end }} {{ .text }}
</a>
{{ end }} {{ end }}
</div>
<div class="nav-item dropdown">
<a
class="btn btn-outline-secondary dropdown-toggle"
href="#"
id="navbarLangDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i class="bi bi-globe"></i> {{ .Language.Lang | upper }}
</a>
<div
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarLangDropdown"
>
{{ range .Site.Home.AllTranslations }}
<a href="{{ .Permalink }}" class="dropdown-item"
>{{ .Language.LanguageName }}</a
>
{{ end }}
</div>
</div>
</div>
</div>
</div>