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

Menu ordering/etc

Browse Source
This commit is contained in:
Devon (tek256)
2024-09-25 15:06:55 -07:00
parent 38d1f2a7c6
commit fe2206646b
4 changed files with 87 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
layouts/index.html
View File

@@ -4,8 +4,38 @@
<section class="section pt-14">
<div class="container">
<div class="row justify-center">
{{ if not .hide_banner_img }}
<div class="col-12">
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
</div>
{{ end }}
{{ with .triple_header }}
{{ if .enable }}
<div class="sm:col-8 md:col-9 lg:col-7">
<div class="row">
<div class="col-4 all:col-12">
<a href="{{ .link_left }}">
{{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
</a>
</div>
<div class="col-4 all:col-12">
<a href="{{ .link_center }}">
{{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
</a>
</div>
<div class="col-4 all:col-12">
<a href="{{ .link_right }}">
{{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
</a>
</div>
</div>
</div>
{{ end }}
{{ end }}
<div class="lg:col-7 md:col-9 mb-8 text-center">
<h1 class="mb-4 text-h3 lg:text-h1">
<h1 class="mb-4 text-h3 lg:-texth1">
{{ .title | markdownify }}
</h1>
<p class="mb-8">
@@ -20,30 +50,53 @@
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
<i class="{{ .icon }}"></i>
</a>
{{ end }}
{{ end }}
</div>
<div class="col-12">
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
<br class="pt-2">
{{ with .button2 }}
{{ if .enable }}
<a
class="btn btn-primary bg-purple-700 hover:bg-purple-800 mt-6"
href="{{ .link | absURL }}"
{{ if strings.HasPrefix .link `http` }}
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="{{ .icon }}"></i>
</a>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ end }}
<!-- /Banner -->
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
<section class="section-sm {{ if and (modBool $i 3) (not (.center_layout)) }}bg-gradient{{ end }}">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 {{ if not (modBool $i 2) }}
{{ if eq .side "center" }}
DEVON RETURN HERE:
TODO:
- USE LOCAL VARIABLE TO TRACK INDEX WHEN NOT SET LAYOUT PATTERN,
- USE IS_LEFT / IS_RIGHT TO SET MOD SIDE????
{{ end }}
{{ if eq .side "left" }}
{{ end }}
{{ if eq .side "right" }}
{{ end }}
{{ if not .side }}
<div
class="mb:md-0 {{ if and (not (modBool $i 2)) (not (.center_layout)) }}
md:order-2
{{ end }} md:col-5 mb-6">
{{ if .image }}
{{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
{{ end }}
</div>
<div
class="{{ if not (modBool $i 2) }}
@@ -72,6 +125,7 @@
{{ end }}
{{ end }}
</div>
{{ end }}
</div>
</div>
</section>