HMC/hmc_site_source
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Seattle page

Browse Source 
Adds in more content/sections for seattle page, enough that I'd consider it usable now.
This commit is contained in:
Devon
2024-10-28 19:27:13 -07:00
parent 3d8aa9e608
commit 7966e73851
19 changed files with 155 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
layouts/partials/components/card_grid.html Normal file
View File

@@ -0,0 +1,26 @@
{{ with .card_grid }}
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
{{ $card_class := .card_class }}
{{ $card_title_class := .card_title_class }}
{{ $card_subtitle_class := .card_subtitle_class }}
{{ $card_bottom_text_class := .card_bottom_text_class }}
{{ range $i, $option := .cards }}
<div class="{{ $card_class }}"
{{ if $option.modal_target }}
data-modal-show="{{ $option.modal_target }}"
{{ end }}>
<img src="{{ $option.img }}" alt="$option.alt" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="{{ $card_title_class }} {{ $option.title_class }}">{{ $option.title }}</h3>
<p class="{{ $card_subtitle_class }} {{ $option.subtitle_class }}">{{ $option.subtitle | markdownify }}</p>
{{ if $option.bottom_text }}
<p class="{{ $card_bottom_text_class}} {{ $option.bottom_text_class }}">{{ $option.bottom_text }}</p>
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
{{ end }}

5
layouts/partials/components/features.html
View File

@@ -73,6 +73,11 @@
{{ if .img_grid }}
{{ partial "components/img_grid.html" . }}
{{ end }}
{{ if .card_grid }}
{{ partial "components/card_grid.html" . }}
{{ end }}
<!-- img_grid -->
<p class="mb-8 text-lg about-content">

41
layouts/partials/components/triple_section.html Normal file
View File

@@ -0,0 +1,41 @@
{{ with .triple_section }}
{{ if .enable }}
<div class="col-10">
<div class="row flex items-end">
<a class="col-12 py-4 flex justify-center items-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_left }} href="{{ .link_left }}" {{ end }}{{ if .modal_left }} data-modal-show="{{ .modal_left }}" {{ end }}>
{{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .left_text }}
<p class="{{ .left_text_class }}">{{ .left_text | markdownify }}</p>
{{ end }}
{{ if .left_button }}
<a class="btn {{ .left_button_class }}">{{ .left_button | markdownify }}</a>
{{ end }}
</a>
<a class="col-12 py-4 flex justify-center items-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_center }} href="{{ .link_center }}" {{ end }}{{ if .modal_center }} data-modal-show="{{ .modal_center }}" {{ end }}>
{{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .center_text }}
<p class="{{ .center_text_class }}">{{ .center_text | markdownify }}</p>
{{ end }}
{{ if .center_button }}
<a class="btn {{ .center_button_class }}">{{ .center_button | markdownify }}</a>
{{ end }}
</a>
<a class="col-12 py-4 flex justify-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_right }} href="{{ .link_right }}" {{ end }}{{ if .modal_right }} data-modal-show="{{ .modal_right }}" {{ end }}>
{{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .right_text }}
<p class="{{ .right_text_class }}">{{ .right_text | markdownify }}</p>
{{ end }}
{{ if .right_button }}
<a class="btn {{ .right_button_class }}">{{ .right_button | markdownify }}</a>
{{ end }}
</a>
</div>
</div>
{{ end }}
{{ end }}