Add checks deep-dive section with dangling-records case study
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Introduce a new #checks section presenting domain, zone and service checkers in three columns linking to the documentation, plus a dangling-records case study spotlight. Rework discover copy toward peace-of-mind framing and adjust section backgrounds and CTA layout. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
parent
b3830ab7c4
commit
4dff3fdaac
11 changed files with 526 additions and 25 deletions
|
|
@ -15,6 +15,8 @@
|
|||
|
||||
{{ partial "carousel.html" . }}
|
||||
|
||||
{{ partial "checks.html" . }}
|
||||
|
||||
{{ partial "features.html" . }}
|
||||
|
||||
{{ partial "discover.html" . }}
|
||||
|
|
|
|||
136
layouts/partials/checks.html
Normal file
136
layouts/partials/checks.html
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
<section id="checks" class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<span class="eyebrow"
|
||||
><span class="dot"></span>{{ i18n "checks-eyebrow" }}</span
|
||||
>
|
||||
<h2 class="h2">{{ i18n "checks-title" }}</h2>
|
||||
<p class="lede">{{ i18n "checks-lead" }}</p>
|
||||
</div>
|
||||
|
||||
{{ $base := printf "https://help.happydomain.org/%s/reference/checkers" .Site.Language.Lang }}
|
||||
<div class="checks-grid">
|
||||
<div class="checks-col">
|
||||
<div class="idea-tag">{{ i18n "checks-domain-tag" }}</div>
|
||||
<h3>{{ i18n "checks-domain-title" }}</h3>
|
||||
<p>{{ i18n "checks-domain-text" }}</p>
|
||||
<ul class="check-list list-unstyled">
|
||||
<li>
|
||||
<a href="{{ $base }}/domain-expiry/" target="_blank" rel="noopener" data-umami-event="checks-docs-domain-expiry">
|
||||
<span class="check-name">{{ i18n "checks-item-expiration" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/domain-lock/" target="_blank" rel="noopener" data-umami-event="checks-docs-domain-lock">
|
||||
<span class="check-name">{{ i18n "checks-item-transferlock" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/domain-availability/" target="_blank" rel="noopener" data-umami-event="checks-docs-domain-availability">
|
||||
<span class="check-name">{{ i18n "checks-item-registration" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="check-more">
|
||||
<a href="{{ $base }}/" target="_blank" rel="noopener" data-umami-event="checks-docs-more-domain">
|
||||
<span class="check-name">{{ i18n "checks-more" (dict "Count" 3) }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="checks-col">
|
||||
<div class="idea-tag">{{ i18n "checks-zone-tag" }}</div>
|
||||
<h3>{{ i18n "checks-zone-title" }}</h3>
|
||||
<p>{{ i18n "checks-zone-text" }}</p>
|
||||
<ul class="check-list list-unstyled">
|
||||
<li>
|
||||
<a href="{{ $base }}/dnssec/" target="_blank" rel="noopener" data-umami-event="checks-docs-dnssec">
|
||||
<span class="check-name">{{ i18n "checks-item-dnssec" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/delegation/" target="_blank" rel="noopener" data-umami-event="checks-docs-delegation">
|
||||
<span class="check-name">{{ i18n "checks-item-delegation" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/resolver-propagation/" target="_blank" rel="noopener" data-umami-event="checks-docs-resolver-propagation">
|
||||
<span class="check-name">{{ i18n "checks-item-responsetime" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="check-more">
|
||||
<a href="{{ $base }}/" target="_blank" rel="noopener" data-umami-event="checks-docs-more-zone">
|
||||
<span class="check-name">{{ i18n "checks-more" (dict "Count" 10) }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="checks-col">
|
||||
<div class="idea-tag">{{ i18n "checks-services-tag" }}</div>
|
||||
<h3>{{ i18n "checks-services-title" }}</h3>
|
||||
<p>{{ i18n "checks-services-text" }}</p>
|
||||
<ul class="check-list list-unstyled">
|
||||
<li>
|
||||
<a href="{{ $base }}/tls/" target="_blank" rel="noopener" data-umami-event="checks-docs-tls">
|
||||
<span class="check-name">{{ i18n "checks-item-tls" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/http/" target="_blank" rel="noopener" data-umami-event="checks-docs-http">
|
||||
<span class="check-name">{{ i18n "checks-item-http" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ $base }}/ping/" target="_blank" rel="noopener" data-umami-event="checks-docs-ping">
|
||||
<span class="check-name">{{ i18n "checks-item-ping" }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="check-more">
|
||||
<a href="{{ $base }}/" target="_blank" rel="noopener" data-umami-event="checks-docs-more-services">
|
||||
<span class="check-name">{{ i18n "checks-more" (dict "Count" 13) }}</span>
|
||||
<span class="check-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="checks-spotlight" id="dangling-records" style="scroll-margin-top: 5em">
|
||||
<div class="spotlight-copy">
|
||||
<div class="idea-tag idea-tag-danger">{{ i18n "checks-dangling-tag" }}</div>
|
||||
<h3>{{ i18n "checks-dangling-title" }}</h3>
|
||||
<p>{{ i18n "checks-dangling-text" }}</p>
|
||||
<p>{{ i18n "checks-dangling-text2" | safeHTML }}</p>
|
||||
<a class="spotlight-cta" href="{{ $base }}/dangling-records/" target="_blank" rel="noopener" data-umami-event="checks-docs-dangling">
|
||||
{{ i18n "checks-dangling-link" }}
|
||||
<span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
<figure class="spotlight-demo">
|
||||
<img src="/img/screenshots/dangling-record.webp" alt="{{ i18n "checks-dangling-caption" }}" loading="lazy">
|
||||
<figcaption>{{ i18n "checks-dangling-caption" }}</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<p class="checks-footer">
|
||||
{{ i18n "checks-footer" }}
|
||||
<a
|
||||
href="{{ $base }}/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
data-umami-event="checks-docs"
|
||||
>{{ i18n "checks-footer-link" }}</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,24 +1,21 @@
|
|||
<!-- Call to Action Section -->
|
||||
<section id="cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<div class="cta-content" style="text-wrap: balance">
|
||||
<h2 class="display-5 fw-bold mb-4">
|
||||
{{ i18n "cta-account-title" }}
|
||||
</h2>
|
||||
<div class="row mb-4">
|
||||
<p
|
||||
class="offset-sm-1 col-sm-10 offset-md-2 col-md-8 lead text-light"
|
||||
>
|
||||
{{ i18n "cta-account-text" }}
|
||||
</p>
|
||||
<div class="d-flex justify-content-center mb-4">
|
||||
<p class="lead text-light">{{ i18n "cta-account-text" }}</p>
|
||||
</div>
|
||||
<a
|
||||
href="/beta/"
|
||||
href="/{{ .Site.Language.Lang }}/beta/"
|
||||
class="btn btn-lg btn-light px-4"
|
||||
style="border-radius: 2em"
|
||||
data-umami-event="cta-join"
|
||||
>{{ i18n "cta-account-button" }}</a
|
||||
>
|
||||
{{ i18n "cta-account-button" }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<section id="discover" class="section section--paper">
|
||||
<section id="discover" class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<span class="eyebrow"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div id="downloads" class="py-5" style="scroll-margin-top: 2em">
|
||||
<div class="container">
|
||||
<div id="downloads" class="py-5 my-5" style="scroll-margin-top: 2em">
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div
|
||||
class="col-3 d-none d-md-flex flex-column justify-content-center"
|
||||
|
|
@ -12,14 +12,14 @@
|
|||
/>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3 class="fw-bolder">
|
||||
<h3 class="fw-bolder display-6">
|
||||
{{ i18n "downloads-title" }}
|
||||
<span class="text-muted">
|
||||
{{ i18n "downloads-subtitle" }}
|
||||
</span>
|
||||
</h3>
|
||||
<div
|
||||
class="row row-cols-1 row-cols-sm-3 my-4 align-items-center"
|
||||
class="my-5 row row-cols-1 row-cols-sm-3 my-4 align-items-center"
|
||||
>
|
||||
<div class="col text-center my-2">
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<section id="features" class="section" style="scroll-margin-top: 2em">
|
||||
<section id="features" class="section section--paper" style="scroll-margin-top: 2em">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<span class="eyebrow"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<section id="personas" class="section">
|
||||
<section id="personas" class="section section--paper">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<span class="eyebrow"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue