ADD quote and default section, ADD cover images to lists, FIX contact section

This commit is contained in:
Hoernschen 2024-03-15 17:37:03 +01:00
parent e6257036b9
commit 57e72154a5
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
8 changed files with 82 additions and 15 deletions

View file

@ -1,5 +1,5 @@
.hero {
height: 700px;
min-height: 700px;
{{ with .hero.background }}
background-image: url({{ . }}) !important;
background-size: cover;

View file

@ -346,6 +346,26 @@ button {
object-fit: contain;
}
.quote {
display: flex;
flex-direction: column;
text-align: center;
font-size: x-large;
font-style: italic;
}
.quote > .icon-quote-left {
text-align: left;
margin-block-end: -0.5rem;
margin-inline-start: 0.5rem;
}
.quote > .icon-quote-right {
text-align: right;
margin-block-start: -0.5rem;
margin-inline-end: -0.5rem;
}
.button-filled {
background-color: {{ .Site.Params.color.primary }};
color: white;
@ -407,7 +427,7 @@ button {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: center;
width: 100%;
}

View file

@ -1,4 +1,11 @@
{{ define "main" }}
{{ with .Params.image }}
{{ if .url }}
<img class="coverimage" src="{{ .url }}" alt="{{ .alt }}" />
{{ else }}
<img class="coverimage" src="{{ . }}" />
{{ end }}
{{ end }}
{{ if .Content }}
<div class="content">
{{ with .Title }}
@ -32,9 +39,13 @@
{{- partial "logos.html" (dict "id" $id "logos" .Params "odd" $odd) -}}
{{ else if eq .Params.type "links" }}
{{- partial "links.html" (dict "id" $id "links" .Params "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{ else if eq .Params.type "quote" }}
{{- partial "quote.html" (dict "id" $id "quote" .Params "content" .Content "odd" $odd) -}}
{{ else if eq .Params.type "posts" }}
{{ $pages := where $.Site.RegularPages "Section" $id }}
{{- partial "posts.html" (dict "id" $id "posts" .Params "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{ else if .IsPage }}
{{- partial "default.html" (dict "id" $id "params" .Params "content" .Content "odd" $odd) -}}
{{ end }}
{{ end }}
{{ end }}

View file

@ -13,7 +13,6 @@
<div class="divider"></div>
</div>
{{ end }}
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
{{ .Content }}
</div>
{{ end }}

View file

@ -10,6 +10,9 @@
<div class="section-content contact">
<div class="contact-text">
<h1>{{ $contact.title }}</h1>
{{ if $contact.subtitle }}
<h3>{{ $contact.subtitle }}</h3>
{{ end }}
<p>{{ $content }}</p>
</div>
<div class="contact-button-container">

View file

@ -0,0 +1,19 @@
{{- $params := .params }}
{{- $odd := .odd }}
{{- $id := "section"}}
{{if $params.id}}
{{- $id = $params.id}}
{{else if .id}}
{{- $id = .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content funding">
{{ with $params.title }}
<div class="title">
<h1 class="content-title">{{ . }}</h1>
<div class="divider"></div>
</div>
{{ end }}
{{ .content }}
</div>
</div>

View file

@ -0,0 +1,13 @@
{{- $quote := .quote }}
{{- $odd := .odd }}
{{- $id := "quote"}}
{{if .id}}
{{- $id = .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content quote">
<i class="icon-quote-left"></i>
{{ .content }}
<i class="icon-quote-right"></i>
</div>
</div>

View file

@ -10,15 +10,17 @@
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
<div class="section-content services">
{{if and ($service.image) (eq $service.image.direction "left")}}
<div class="service-icon-container col-4">
<div class="service-icon-container col-5">
<img class="service-icon" src="{{ $service.image.url }}" alt="{{ $service.image.alt }}">
</div>
{{end}}
<div class="service-description {{if $service.image}} col-8 {{end}}">
<div class="service-description {{if $service.image}} col-7 {{end}}">
{{ with $service.title }}
<div class="title">
<h1 class="content-title">{{ $service.title }}</h1>
<h1 class="content-title">{{ . }}</h1>
<div class="divider"></div>
</div>
{{ end }}
<p>{{ $content }}</p>
<br />
{{ if $service.button }}
@ -28,7 +30,7 @@
{{ end }}
</div>
{{if and ($service.image) (eq $service.image.direction "right")}}
<div class="service-icon-container col-4">
<div class="service-icon-container col-5">
<img class="service-icon" src="{{ $service.image.url }}" alt="{{ $service.image.alt }}">
</div>
{{end}}