Showing Abner changes

This commit is contained in:
2024-10-25 19:41:18 -07:00
parent abd3cf86b7
commit b3426ec6d8
16 changed files with 460 additions and 115 deletions

View File

@@ -1,26 +1,164 @@
{{ define "main" }}
{{ partial "page-header" . }}
<p>Year Page Layout</p>
<!-- Banner -->
{{ with .Params.banner }}
<section class="section {{ .section_class }}">
{{ with .bg_img }}
{{ $res := resources.Get .img }}
<div class="absolute inset-0 bg-cover bg-center bg-no-repeat {{ .bg_class }} {{ if .parallax }} bg-fixed parallax-bg {{ end }}"
style="background-image: url('{{ $res.RelPermalink }}')"></div>
{{ end }}
<div class="container relative mx-auto" style="z-index: 12;">
<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="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" href="{{ .link_left }}">
{{ 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" ) }}
</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" href="{{ .link_center }}">
{{ 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" ) }}
</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" href="{{ .link_right }}">
{{ 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" ) }}
</a>
</div>
</div>
{{ end }}
{{ end }}
<section class="section-sm">
<div class="container">
<div class="row justify-center">
<div class="lg:col-10">
<p>DEVON WAS HERE</p>
{{/* {{ $subdirs := .GetSubDirs "." }} */}}
{{/* {{ $filteredSubdirs := where $subdirs (regexMatch "^[0-9]+$") }} */}}
{{/* {{ range $subdir := $subdirs }}
<a href="{{ $subdir | relURL }}">{{ $subdir | replaceRE "^/" "" }}</a><br>
{{ end }} */}}
<div class="content">
{{ .Content }}
<div class="lg:col-7 md:col-9 mb-8 text-center">
<h1 class="mb-8 text-h2 lg:-texth2">
{{ .title | markdownify }}
</h1>
<p class="mb-8 text-white">
{{ .content | markdownify }}
</p>
{{ with .button }}
{{ if .enable }}
<a class="{{ .class }}"
href="{{ .link | absURL }}"
{{ if strings.HasPrefix .link `http` }}
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="{{ .icon }}"></i>
</a>
{{ end }}
{{ end }}
{{ with .button2 }}
{{ if .enable }}
<a class="{{ .class }}"
href="{{ .link | absURL }}"
{{ if strings.HasPrefix .link `http` }}
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="{{ .icon }}"></i>
</a>
{{ end }}
{{ end }}
{{ if .content_bottom }}
<p class="{{ .content_bottom_class }}">
{{ .content_bottom | markdownify }}
</p>
{{ end }}
</div>
</div>
</div>
</div>
</section>
{{ with .transition }}
{{ if .end }}
<div class="relative bg-center bg-top bg-cover bg-no-repeat dark:hidden block {{ .end_class }}"
style="height: 100px;z-index:12;mask-image: url('{{ .end }}');background-color: {{ .end_color }};{{ .end_style | safeCSS }}">
</div>
{{ end }}
{{ if .end_dark }}
<div class="relative bg-center bg-top bg-cover bg-no-repeat dark:block hidden {{ .end_class }}"
style="height: 100px;z-index:12;mask-image: url('{{ .end_dark }}');background-color: {{ .end_dark_color }};{{ .end_style | safeCSS }}">
</div>
{{ end }}
{{ end }}
</section>
{{ end }}
<!-- /Banner -->
<!-- Features -->
{{ partial "components/features.html" . }}
<!-- /Features -->
<!-- Testimonials -->
{{ with site.GetPage "sections/testimonial" }}
{{ if .Params.enable }}
<section class="section">
<div class="container">
<div class="row">
<div class="md:col-10 lg:col-8 xl:col-6 mx-auto mb-12 text-center">
<h2 class="mb-4">
{{ .Title | markdownify }}
</h2>
<p>
{{ .Params.description | markdownify }}
</p>
</div>
<div class="col-12">
<div class="swiper testimonial-slider">
<div class="swiper-wrapper">
{{ range .Params.testimonials }}
<div class="swiper-slide">
<div
class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg px-7 py-10">
<div class="text-dark dark:text-white">
<svg
width="33"
height="20"
viewBox="0 0 33 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.28375 19.41L0.79375 18.64C1.21375 17.0067 1.75042 15.07 2.40375 12.83C3.05708 10.5433 3.75708 8.28 4.50375 6.04C5.29708 3.75333 6.06708 1.77 6.81375 0.0899959H15.3538C14.9338 2.09666 14.4904 4.26667 14.0238 6.6C13.5571 8.88666 13.1371 11.15 12.7638 13.39C12.4371 15.5833 12.1571 17.59 11.9238 19.41H1.28375ZM31.69 0.0899959L32.18 0.859998C31.76 2.54 31.2233 4.5 30.57 6.74C29.9167 8.98 29.2167 11.2433 28.47 13.53C27.7233 15.77 26.9533 17.73 26.16 19.41H17.69C18.0167 17.9167 18.3433 16.33 18.67 14.65C18.9967 12.9233 19.3 11.22 19.58 9.54C19.9067 7.81333 20.1867 6.15667 20.42 4.57C20.7 2.93666 20.91 1.44333 21.05 0.0899959H31.69Z"
fill="currentColor" />
</svg>
</div>
<blockquote class="mt-8">
{{ .content | markdownify }}
</blockquote>
<div class="mt-11 flex items-center">
<div class="text-dark dark:text-white">
{{ partial "image" (dict "Src" .avatar "Size" "50x50" "Class" "rounded-full" "Alt" .name) }}
</div>
<div class="ml-4">
<a href="{{ .link }}">
<h3 class="h5 font-primary font-semibold">
{{ .name }}
</h3>
</a>
<p class="text-dark dark:text-white">
{{ .designation | markdownify }}
</p>
</div>
</div>
</div>
</div>
{{ end }}
</div>
<div class="testimonial-slider-pagination mt-9 flex items-center justify-center text-center"></div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /Testimonials -->
{{ end }}

View File

@@ -1,6 +1,5 @@
{{ define "main" }}
{{ partial "page-header" . }}
{{ partial "page-header-rss" . }}
<section class="section">
<div class="container">
@@ -19,6 +18,9 @@
</div>
<!-- sidebar -->
<div class="lg:col-4">
{{ if .Params.newsletter_signup }}
{{ partial "components/newsletter_signup.html" .}}
{{ end }}
<!-- widget -->
{{ $widget:= site.Params.widgets.sidebar }}
{{ partialCached "widgets/widget-wrapper" ( dict "Widgets" $widget "Scope" . ) }}

View File

@@ -69,6 +69,11 @@
{{ partial "components/testimonials.html" . }}
{{ end }}
<!-- testimonials -->
<!-- people_grid -->
{{ if .img_grid }}
{{ partial "components/people_grid.html" . }}
{{ end }}
<!-- people_grid -->
<!-- img_grid -->
{{ if .img_grid }}
{{ partial "components/img_grid.html" . }}
@@ -110,9 +115,15 @@
{{ if .image }}
{{ $res := resources.Get .image }}
{{ if .image_link }}
<a href="{{ .image_link }}">
{{ end }}
<img loading="lazy" decoding="async" src="{{ $res.RelPermalink }}"
class="img w-[384px] h-[384px] object-cover w-full h-auto {{ .image_class }} ">
{{ end }}
{{ if .image_link }}
</a>
{{ end }}
</div>
<div class="{{ if eq $tick 0 }}
md:order-1

View File

@@ -0,0 +1,11 @@
{{ with .Params.newsletter_signup }}
{{ if .active }}
<div class="mb-8 {{ .section_class }}">
<h5 class="{{ .title_class }}">{{ .title }}</h5>
<form action="{{ .action_url }}" method="POST" class="{{ .form_class }}">
<input type="email" class="{{ .input_class}}" id="email" name="email" placeholder="{{ .input_placeholder }}" required="" />
<button type="submit" class="{{ .button_class }}">{{ .button_text }}</button>
</form>
</div>
{{ end }}
{{ end }}

View File

@@ -0,0 +1,17 @@
{{ if .people_grid }}
<div class="container relative mx-auto px-4">
<div class="flex flex-wrap justify-center mx-auto lg:w-full md:w-5/6">
{{ range $i, $option := .people_grid.people }}
<div class="w-1/2 md:w-1/3 p-2">
<div class="flex justify-center items-center w-full">
<a href="{{ $option.link }}" class="relative align-center" target="_blank" rel="noopener noreferrer"
title="{{ $option.name }}">
{{ $imgres := .resources.Get $option.icon }}
<img class="max-w-24 align-center" src="{{ $option.icon }}" alt="{{ .Item.Name }}">
</a>
</div>
</div>
{{ end }}
</div>
</div>
{{ end }}

View File

@@ -7,7 +7,7 @@
<h4 class="text-xl {{ $ticket.subtitle_class }}">{{ $ticket.subtitle }}</h2>
{{/* <div class="columns-3s"> */}}
<div id="pricing"
class="grid grid-cols-1 gap-4 mt-4 leading-7 text-gray-900 border-0 border-gray-200 sm:mt-6 sm:gap-6 md:mt-8 md:gap-4 lg:grid-cols-3 {{ $ticket.section_class }}">
class="grid grid-cols-1 gap-4 mt-4 leading-7 text-gray-900 border-0 border-gray-200 sm:mt-6 sm:gap-6 md:mt-8 md:gap-4 lg:grid-cols-2 {{ $ticket.section_class }}">
{{ range $option_index, $option := $ticket.options }}
<!-- Ticket options -->
@@ -34,7 +34,7 @@
</ul>
</div> */}}
<div class="relative z-10 flex flex-col items-center max-w-md p-4 mx-auto my-0 border border-solid rounded-lg sm:my-0 sm:p-6 md:my-4 md:p-6">
<div class="relative z-10 flex flex-col items-center max-w-md p-4 mx-auto my-0 border border-solid {{ $option.ticket_class }} rounded-lg sm:my-0 sm:p-6 md:my-4 md:p-6">
<p class="m-0 text-lg leading-tight tracking-tight border-0 border-gray-200 {{ $option.name_class }}">
{{ $option.name | markdownify }}
</p>
@@ -55,8 +55,8 @@
</div>
<ul class="flex-1 p-0 mt-4 leading-7 text-gray-900 border-0 border-gray-200 {{ $option.features_class }}">
{{ range $feature_index, $feature := $option.features }}
<li class="inline-flex items-center block w-full mb-2 font-semibold text-left border-solid">
<span class="{{ $feature.text_class }}">{{ $feature.text }}</span>
<li class="inline-flex items-center block w-full mb-2 text-left border-solid">
<span class="{{ $feature.text_class }} text-center w-full">{{ $feature.text }}</span>
</li>
{{ end }}
</ul>

View File

@@ -0,0 +1,8 @@
<section>
<div class="container text-center">
<div
class="px-8 py-14">
<h1>{{ T (printf "%s" (lower .Title)) | default .Title | title }}</h1>
</div>
</div>
</section>