mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-10-10 22:09:31 +00:00
Nuno CoraçãoandClaude Fable 5
09f0573749
Floating glass header with ⌘K search, landing homepage layout with hero image and GitHub-stars CTA, background canvas with dissolving heroes, burufugu colour scheme, movie-quote 404, taxonomy pills, keyboard/ARIA accessibility across menus, search and tabs, idle- loaded third-party scripts, and dedicated print styles. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<div class="py-12 sm:py-16">
|
|
<div class="mx-auto grid max-w-7xl items-center gap-10 px-4 sm:px-6 lg:grid-cols-2 lg:gap-16 lg:px-8">
|
|
<div class="mx-auto w-full max-w-xl lg:mx-0 lg:max-w-none">
|
|
<article class="max-w-full prose dark:prose-invert">
|
|
{{ with .Title }}
|
|
<header>
|
|
<h1>{{ . | emojify }}</h1>
|
|
</header>
|
|
{{ end }}
|
|
<section class="w-full">{{ .Content }}</section>
|
|
</article>
|
|
</div>
|
|
<div class="mx-auto w-full max-w-xl lg:mx-0 lg:max-w-none">
|
|
{{ $useDefault := true }}
|
|
{{ $homepageImage := "" }}
|
|
{{ with .Site.Params.defaultBackgroundImage }}
|
|
{{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
|
|
{{ $homepageImage = resources.GetRemote . }}
|
|
{{ else }}
|
|
{{ $homepageImage = resources.Get . }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ with .Site.Params.homepage.homepageImage }}
|
|
{{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
|
|
{{ $homepageImage = resources.GetRemote . }}
|
|
{{ $useDefault = false }}
|
|
{{ else }}
|
|
{{ $homepageImage = resources.Get . }}
|
|
{{ $useDefault = false }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ if $homepageImage }}
|
|
{{ $style := "" }}
|
|
{{ $defaultPosition := cond $useDefault site.Params.imagePosition false }}
|
|
{{ with $.Params.imagePosition | default $defaultPosition }}
|
|
{{ $style = printf "object-position: %s;" . }}
|
|
{{ end }}
|
|
<img
|
|
class="nozoom aspect-[4/3] w-full rounded-2xl border border-neutral-200/80 object-cover shadow-lg shadow-neutral-900/5 dark:border-neutral-700/80"
|
|
src="{{ $homepageImage.RelPermalink }}"
|
|
role="presentation"
|
|
{{ if $style }}style="{{ $style | safeCSS }}"{{ end }}>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|