ADD quote and default section, ADD cover images to lists, FIX contact section
This commit is contained in:
parent
e6257036b9
commit
57e72154a5
8 changed files with 82 additions and 15 deletions
|
@ -1,5 +1,5 @@
|
||||||
.hero {
|
.hero {
|
||||||
height: 700px;
|
min-height: 700px;
|
||||||
{{ with .hero.background }}
|
{{ with .hero.background }}
|
||||||
background-image: url({{ . }}) !important;
|
background-image: url({{ . }}) !important;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
@ -11,4 +11,4 @@
|
||||||
.hero-icon-container {
|
.hero-icon-container {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -346,6 +346,26 @@ button {
|
||||||
object-fit: contain;
|
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 {
|
.button-filled {
|
||||||
background-color: {{ .Site.Params.color.primary }};
|
background-color: {{ .Site.Params.color.primary }};
|
||||||
color: white;
|
color: white;
|
||||||
|
@ -407,7 +427,7 @@ button {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-start;
|
justify-content: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -536,4 +556,4 @@ button {
|
||||||
.services {
|
.services {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,11 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
|
{{ with .Params.image }}
|
||||||
|
{{ if .url }}
|
||||||
|
<img class="coverimage" src="{{ .url }}" alt="{{ .alt }}" />
|
||||||
|
{{ else }}
|
||||||
|
<img class="coverimage" src="{{ . }}" />
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
{{ if .Content }}
|
{{ if .Content }}
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{{ with .Title }}
|
{{ with .Title }}
|
||||||
|
@ -32,9 +39,13 @@
|
||||||
{{- partial "logos.html" (dict "id" $id "logos" .Params "odd" $odd) -}}
|
{{- partial "logos.html" (dict "id" $id "logos" .Params "odd" $odd) -}}
|
||||||
{{ else if eq .Params.type "links" }}
|
{{ else if eq .Params.type "links" }}
|
||||||
{{- partial "links.html" (dict "id" $id "links" .Params "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
|
{{- 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" }}
|
{{ else if eq .Params.type "posts" }}
|
||||||
{{ $pages := where $.Site.RegularPages "Section" $id }}
|
{{ $pages := where $.Site.RegularPages "Section" $id }}
|
||||||
{{- partial "posts.html" (dict "id" $id "posts" .Params "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
|
{{- 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 }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
@ -13,7 +13,6 @@
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
|
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
@ -10,10 +10,13 @@
|
||||||
<div class="section-content contact">
|
<div class="section-content contact">
|
||||||
<div class="contact-text">
|
<div class="contact-text">
|
||||||
<h1>{{ $contact.title }}</h1>
|
<h1>{{ $contact.title }}</h1>
|
||||||
|
{{ if $contact.subtitle }}
|
||||||
|
<h3>{{ $contact.subtitle }}</h3>
|
||||||
|
{{ end }}
|
||||||
<p>{{ $content }}</p>
|
<p>{{ $content }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-button-container">
|
<div class="contact-button-container">
|
||||||
<a class="contact-button" href="{{ $contact.button.url }}">{{ $contact.button.text }}</a>
|
<a class="contact-button" href="{{ $contact.button.url }}">{{ $contact.button.text }}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
19
layouts/partials/default.html
Normal file
19
layouts/partials/default.html
Normal 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>
|
13
layouts/partials/quote.html
Normal file
13
layouts/partials/quote.html
Normal 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>
|
|
@ -10,15 +10,17 @@
|
||||||
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
|
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
|
||||||
<div class="section-content services">
|
<div class="section-content services">
|
||||||
{{if and ($service.image) (eq $service.image.direction "left")}}
|
{{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 }}">
|
<img class="service-icon" src="{{ $service.image.url }}" alt="{{ $service.image.alt }}">
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
<div class="service-description {{if $service.image}} col-8 {{end}}">
|
<div class="service-description {{if $service.image}} col-7 {{end}}">
|
||||||
<div class="title">
|
{{ with $service.title }}
|
||||||
<h1 class="content-title">{{ $service.title }}</h1>
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ . }}</h1>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
<p>{{ $content }}</p>
|
<p>{{ $content }}</p>
|
||||||
<br />
|
<br />
|
||||||
{{ if $service.button }}
|
{{ if $service.button }}
|
||||||
|
@ -28,9 +30,9 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{if and ($service.image) (eq $service.image.direction "right")}}
|
{{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 }}">
|
<img class="service-icon" src="{{ $service.image.url }}" alt="{{ $service.image.alt }}">
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue