Merge branch 'temp_branch'
This commit is contained in:
commit
71c3d7c8de
GPG key ID:
37591FAF4E6D3462
29 changed files with 802 additions and 169 deletions
|
|
@ -1,5 +1,3 @@
|
||||||
$color: {{ .Param "color" }};
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 1.5rem 0rem;
|
padding: 1.5rem 0rem;
|
||||||
|
|
@ -16,7 +14,11 @@ $color: {{ .Param "color" }};
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
color: $color;
|
color: {{ .Site.Params.color.primary }};
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-media-footer a {
|
||||||
|
color: {{ .Site.Params.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
.links {
|
.links {
|
||||||
|
|
@ -36,6 +38,10 @@ $color: {{ .Param "color" }};
|
||||||
padding: 0px 24px;
|
padding: 0px 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.link a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.copyright {
|
.copyright {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -39,16 +39,21 @@
|
||||||
.menu-icon {
|
.menu-icon {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: larger;
|
font-size: larger;
|
||||||
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-items {
|
.header-items {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-left: 0px;
|
margin-right: 0px;
|
||||||
|
padding-right: 24px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-item {
|
.header-item {
|
||||||
margin-left: 2.5rem
|
margin: auto;
|
||||||
|
margin-left: 2.5rem;
|
||||||
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
|
|
@ -73,6 +78,7 @@
|
||||||
.dropdown-content a {
|
.dropdown-content a {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
display: block;
|
display: block;
|
||||||
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-content a:hover {
|
.dropdown-content a:hover {
|
||||||
|
|
@ -83,7 +89,24 @@
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-contact-button {
|
||||||
|
background-color: {{ .Site.Params.color.primary }};
|
||||||
|
color: white;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-left: 2.5rem
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
|
.header {
|
||||||
|
padding: 0.5rem;
|
||||||
|
padding-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.header-container {
|
.header-container {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
@ -117,6 +140,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
|
padding-right: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-items.responsive .header-item {
|
.header-items.responsive .header-item {
|
||||||
|
|
@ -126,6 +150,11 @@
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-items.responsive .header-contact-button {
|
||||||
|
display: block;
|
||||||
|
margin-left: 0rem;
|
||||||
|
}
|
||||||
|
|
||||||
.header-items.responsive .icon {
|
.header-items.responsive .icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
24
assets/scss/hero.scss
Normal file
24
assets/scss/hero.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
.hero {
|
||||||
|
height: 700px;
|
||||||
|
background-image: url({{ .hero.background }}) !important;
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-icon-container {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-button {
|
||||||
|
background-color: {{ .color.primary }};
|
||||||
|
color: white;
|
||||||
|
border: 2px solid {{ .color.primary }};
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
$color: {{ .Param "color" }};
|
|
||||||
$font: {{ .Param "font" }};
|
$font: {{ .Param "font" }};
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
@ -8,6 +7,10 @@ $font: {{ .Param "font" }};
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
@ -39,7 +42,7 @@ p {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit;
|
color: {{ .Site.Params.color.secondary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
@ -66,14 +69,6 @@ button {
|
||||||
|
|
||||||
[class*="col-"] {
|
[class*="col-"] {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 1.5rem 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
|
||||||
[class*="col-"] {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
|
|
@ -89,10 +84,15 @@ button {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content p img {
|
||||||
|
width: 100%;
|
||||||
|
// height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
height: 3px;
|
height: 3px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
background: $color;
|
background: {{ .Site.Params.color.primary }};
|
||||||
width: 60px;
|
width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -111,7 +111,7 @@ button {
|
||||||
.video {
|
.video {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border: 5px dotted $color;
|
border: 5px dotted {{ .Site.Params.color.primary }};
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -134,25 +134,43 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-highlight {
|
.section-highlight {
|
||||||
background-color: $color;
|
background-color: {{ .Site.Params.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-content {
|
.section-content {
|
||||||
/* width: 100%; */
|
width: 100%;
|
||||||
max-width: 1152px;
|
max-width: 1152px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article {
|
.content {
|
||||||
padding-top: 9rem;
|
padding-top: 9rem;
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
// padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
// padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
max-width: 1152px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 1152px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notfound {
|
||||||
|
display: flex;
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1152px;
|
||||||
|
margin: 0;
|
||||||
|
align-self: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notfoundimage {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 912px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Team */
|
/* Team */
|
||||||
|
|
@ -162,19 +180,38 @@ button {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.team-list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-list a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.teammember {
|
.teammember {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1.5rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 15rem;
|
width: 15rem;
|
||||||
height: 15rem;
|
height: 15rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 2px solid $color;
|
border: 2px solid {{ .Site.Params.color.primary }};
|
||||||
|
object-fit: cover;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-small {
|
||||||
|
width: 10rem;
|
||||||
|
height: 10rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2px solid {{ .Site.Params.color.primary }};
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
@ -184,31 +221,79 @@ button {
|
||||||
padding-bottom: 0.1rem;
|
padding-bottom: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-media {
|
.teammember-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: left;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teammember-header-avatar {
|
||||||
|
width: 10rem;
|
||||||
|
height: 10rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2px solid {{ .Site.Params.color.primary }};
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teammember-header-title {
|
||||||
|
font-size: x-large;
|
||||||
|
padding-bottom: 0.1rem;
|
||||||
|
margin: auto 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teammember-header-social-media {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
font-size: 1.5em;
|
|
||||||
padding-top: 1rem;
|
|
||||||
color: #333;
|
color: #333;
|
||||||
min-height: 2em;
|
margin-top: -0.5rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.teammember-header-social-media a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teammember-posts {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-media {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-title {
|
||||||
|
font-size: x-large;
|
||||||
|
padding-bottom: 0.1rem;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Funding */
|
/* Funding */
|
||||||
|
|
||||||
.funding-logo {
|
.funding-logo {
|
||||||
width: 14rem;
|
width: 9rem;
|
||||||
padding: 1.5rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.services {
|
.services {
|
||||||
|
display: inherit;
|
||||||
padding: 1.5rem 0rem;
|
padding: 1.5rem 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-icon-container {
|
.service-icon-container {
|
||||||
/* min-width: 300px; */
|
padding: 1.5rem;
|
||||||
/* margin: 0 auto;
|
margin: auto;
|
||||||
align-self: center; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-icon {
|
.service-icon {
|
||||||
|
|
@ -218,8 +303,8 @@ button {
|
||||||
|
|
||||||
.service-button {
|
.service-button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: $color;
|
color: {{ .Site.Params.color.primary }};
|
||||||
border: 2px solid $color;
|
border: 2px solid {{ .Site.Params.color.primary }};
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -230,7 +315,7 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-button:hover {
|
.service-button:hover {
|
||||||
background-color: $color;
|
background-color: {{ .Site.Params.color.primary }};
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -247,7 +332,7 @@ button {
|
||||||
|
|
||||||
.contact-button {
|
.contact-button {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: $color;
|
color: {{ .Site.Params.color.primary }};
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -261,3 +346,119 @@ button {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cardList {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardList a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smallCard {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
width: 360px;
|
||||||
|
height: 100px;
|
||||||
|
margin: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mediumCard {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
width: 360px;
|
||||||
|
height: 200px;
|
||||||
|
margin: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
max-width: 350px;
|
||||||
|
height: 400px;
|
||||||
|
margin: 5px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.cardImage {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
border-radius: 5px 5px 0px 0px;
|
||||||
|
object-fit: cover;
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardIcon {
|
||||||
|
margin: auto;
|
||||||
|
font-size: 8em;
|
||||||
|
color: {{ .Site.Params.color.secondary }};
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardTitle {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.cardDescription {
|
||||||
|
flex-grow: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
padding: 6px;
|
||||||
|
padding-top: 0px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
//white-space: -moz-pre-wrap;
|
||||||
|
//white-space: pre-wrap;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardDetail {
|
||||||
|
padding: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-detail {
|
||||||
|
margin-top: -6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coverimage {
|
||||||
|
height: 60vh;
|
||||||
|
min-width: 100%;
|
||||||
|
padding-top: 68px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.more-button {
|
||||||
|
padding-top: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
color: {{ .Site.Params.color.primary }};
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
[class*="col-"] {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.services {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
$color: {{ .Param "color" }};
|
|
||||||
.progress {
|
.progress {
|
||||||
background: linear-gradient(to right, $color var(--scroll), transparent 0);
|
background: linear-gradient(to right, {{ .Site.Params.color.primary }} var(--scroll), transparent 0);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
$color: {{ .Param "color" }};
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -67,7 +65,7 @@ $color: {{ .Param "color" }};
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
background: $color;
|
background: {{ .color.primary }};
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -100,7 +98,7 @@ $color: {{ .Param "color" }};
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
color: $color;
|
color: {{ .color.primary }};
|
||||||
font-size: 3.5em;
|
font-size: 3.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -119,7 +117,7 @@ $color: {{ .Param "color" }};
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
color: $color;
|
color: {{ .color.primary }};
|
||||||
font-size: 3.5em;
|
font-size: 3.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
$color: {{ .Param "color" }};
|
|
||||||
.totop {
|
.totop {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
background-color: $color;
|
background-color: {{ .Site.Params.color.primary }};
|
||||||
color: #f2f2f2;
|
color: #f2f2f2;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<html>
|
{{ define "main" }}
|
||||||
<body>
|
<div class="notfound">
|
||||||
<img src="/images/undraw_page_not_found_su7k.svg">
|
<img class="notfoundimage" src="/images/undraw_page_not_found_su7k.svg">
|
||||||
</body>
|
</div>
|
||||||
</html>
|
{{ end }}
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ .Site.LanguageCode }}">
|
||||||
|
<head>
|
||||||
|
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Hardcoded description; the author should update :){{ end }}" />
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
{{- $favIcon := .Site.Params.favIcon }}
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ if $favIcon.small }}{{ $favIcon.small }}{{ else }}/favIcon16x16.png{{ end }}">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ if $favIcon.big }}{{ $favIcon.big }}{{ else }}/favIcon32x32.png{{ end }}">
|
||||||
|
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="/Font-Awesome/css/all.min.css">
|
||||||
|
{{ $template := resources.Get "scss/index.scss" }}
|
||||||
|
{{ if $template }}
|
||||||
|
{{ $index := $template | resources.ExecuteAsTemplate "css/index.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
|
||||||
|
{{ end }}
|
||||||
|
{{ block "styling" . }}
|
||||||
|
{{ end }}
|
||||||
|
{{ $template := resources.Get "scss/totop.scss" }}
|
||||||
|
{{ if $template }}
|
||||||
|
{{ $totop := $template | resources.ExecuteAsTemplate "css/totop.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ $totop.RelPermalink }}">
|
||||||
|
{{ end }}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ block "header" . }}
|
||||||
|
{{- partial "header.html" . -}}
|
||||||
|
{{ end }}
|
||||||
|
{{ block "main" . }}
|
||||||
|
<!-- The part of the page that begins to differ between templates -->
|
||||||
|
{{ end }}
|
||||||
|
{{ block "footer" . }}
|
||||||
|
{{- partial "footer.html" . -}}
|
||||||
|
{{ end }}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ if .Params.id }}
|
||||||
|
{{- partial "hero.html" (dict "hero" .Params "color" .Site.Params.color "odd" 0) -}}
|
||||||
|
{{ end }}
|
||||||
|
{{.Content}}
|
||||||
|
<div>
|
||||||
|
{{- range $index, $page := .Pages }}
|
||||||
|
{{ $odd := mod (add $index 1) 2 }}
|
||||||
|
{{ if eq .Params.type "slider" }}
|
||||||
|
{{- partial "slider.html" (dict "id" $page.File.ContentBaseName "slider" .Params "color" $.Site.Params.color "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "hero" }}
|
||||||
|
{{- partial "hero.html" (dict "id" $page.File.ContentBaseName "hero" .Params "color" $.Site.Params.color "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "video" }}
|
||||||
|
{{- partial "video.html" (dict "id" $page.File.ContentBaseName "video" .Params "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "service" }}
|
||||||
|
{{- partial "service.html" (dict "id" $page.File.ContentBaseName "service" .Params "content" .Content "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "contact" }}
|
||||||
|
{{- partial "contact.html" (dict "id" $page.File.ContentBaseName "contact" .Params "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "logos" }}
|
||||||
|
{{- partial "logos.html" (dict "id" $page.File.ContentBaseName "logos" .Params "odd" $odd) -}}
|
||||||
|
{{ else if eq .Params.type "links" }}
|
||||||
|
{{- partial "links.html" (dict "id" $page.File.ContentBaseName "links" .Params "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
@ -1,18 +1,15 @@
|
||||||
<!DOCTYPE html>
|
{{ define "main" }}
|
||||||
<html lang="{{ .Site.LanguageCode }}">
|
{{ with .Params.image }}
|
||||||
{{- partial "head.html" . -}}
|
<img class="coverimage" src="{{ . }}" />
|
||||||
<body>
|
{{ end }}
|
||||||
{{- partial "header.html" . -}}
|
<div class="content">
|
||||||
{{ block "main" . }}
|
{{ with .Title }}
|
||||||
<div class="article">
|
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<h1 class="content-title">{{ .Title }}</h1>
|
<h1 class="content-title">{{ . }}</h1>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
|
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{- partial "footer.html" . -}}
|
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
|
||||||
</body>
|
{{ .Content }}
|
||||||
</html>
|
</div>
|
||||||
|
{{ end }}
|
||||||
20
layouts/_default/terms.html
Normal file
20
layouts/_default/terms.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<div class="content">
|
||||||
|
<article>
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ .Title }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<!-- Ranges through content/posts/*.md -->
|
||||||
|
<div class="cardList">
|
||||||
|
{{ range .Pages }}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="smallCard">
|
||||||
|
<div class="cardTitle">{{.Title}}</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
@ -1,24 +1,24 @@
|
||||||
<!DOCTYPE html>
|
{{ define "main" }}
|
||||||
<html lang="{{ .Site.LanguageCode }}">
|
{{- range $index, $section := .Site.Params.sections }}
|
||||||
{{- partial "head.html" . -}}
|
{{ $odd := mod $index 2 }}
|
||||||
<body>
|
{{ if eq .type "slider" }}
|
||||||
{{- partial "header.html" . -}}
|
{{- partial "slider.html" (dict "slider" $section "color" $.Site.Params.color "odd" $odd) -}}
|
||||||
{{- range $index, $section := .Site.Params.sections }}
|
{{ else if eq .type "hero" }}
|
||||||
{{ $odd := mod $index 2 }}
|
{{- partial "hero.html" (dict "hero" $section "color" $.Site.Params.color "odd" $odd) -}}
|
||||||
{{if eq .type "slider" }}
|
{{ else if eq .type "video" }}
|
||||||
{{- partial "slider.html" (dict "slider" $section "odd" $odd) -}}
|
{{- partial "video.html" (dict "video" $section "odd" $odd) -}}
|
||||||
{{ else if eq .type "video" }}
|
{{ else if eq .type "service" }}
|
||||||
{{- partial "video.html" (dict "video" $section "odd" $odd) -}}
|
{{- partial "service.html" (dict "service" $section "content" $section.description "odd" $odd) -}}
|
||||||
{{ else if eq .type "service" }}
|
{{ else if eq .type "team" }}
|
||||||
{{- partial "service.html" (dict "service" $section "odd" $odd) -}}
|
{{ $pages := where $.Site.RegularPages "Section" $section.id }}
|
||||||
{{ else if eq .type "team" }}
|
{{- partial "team.html" (dict "team" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
|
||||||
{{- partial "team.html" (dict "team" $section "odd" $odd) -}}
|
{{ else if eq .type "contact" }}
|
||||||
{{ else if eq .type "contact" }}
|
{{- partial "contact.html" (dict "contact" $section "odd" $odd) -}}
|
||||||
{{- partial "contact.html" (dict "contact" $section "odd" $odd) -}}
|
{{ else if eq .type "logos" }}
|
||||||
{{ else if eq .type "logos" }}
|
{{- partial "logos.html" (dict "logos" $section "odd" $odd) -}}
|
||||||
{{- partial "logos.html" (dict "logos" $section "odd" $odd) -}}
|
{{ else if eq .type "posts" }}
|
||||||
{{end}}
|
{{ $pages := where $.Site.RegularPages "Section" $section.id }}
|
||||||
{{- end }}
|
{{- partial "posts.html" (dict "posts" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
|
||||||
{{- partial "footer.html" . -}}
|
{{ end }}
|
||||||
</body>
|
{{- end }}
|
||||||
</html>
|
{{ end }}
|
||||||
|
|
@ -1,5 +1,11 @@
|
||||||
{{- $contact := .contact }}
|
{{- $contact := .contact }}
|
||||||
<div id="{{ $contact.id }}" class="section section-highlight">
|
{{- $id := "contact"}}
|
||||||
|
{{if $contact.id}}
|
||||||
|
{{- $id := $contact.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section section-highlight">
|
||||||
<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>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
{{ $template := resources.Get "scss/footer.scss" }}
|
{{ $template := resources.Get "scss/footer.scss" }}
|
||||||
{{ if $template }}
|
{{ if $template }}
|
||||||
{{ $footer := $template | resources.ExecuteAsTemplate "css/footer.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
{{ $footer := $template | resources.ExecuteAsTemplate "css/footer.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
<link rel="stylesheet" type="text/css" href="{{ $footer.Permalink }}">
|
<link rel="stylesheet" type="text/css" href="{{ $footer.RelPermalink }}">
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="social-media-footer">
|
<div class="social-media-footer">
|
||||||
|
|
@ -12,6 +12,7 @@
|
||||||
{{- range $social}}
|
{{- range $social}}
|
||||||
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
|
<a href="/posts/index.xml"><i class="fas fa-rss"></i></a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -22,7 +23,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
© 2021 <a href="https://nutfactory.org">Nutfactory</a>
|
© {{ dateFormat "2006" now }} {{ $footer.copyright }}</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<a class="totop hide" id="totop" href="#"><i class="fas fa-chevron-up"></i></a>
|
<a class="totop hide" id="totop" href="#"><i class="fas fa-chevron-up"></i></a>
|
||||||
|
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
<head>
|
|
||||||
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Hardcoded description; the author should update :){{ end }}" />
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
||||||
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
|
|
||||||
{{- $favIcon := .Site.Params.favIcon }}
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ if $favIcon.small }}{{ $favIcon.small }}{{ else }}/favIcon16x16.png{{ end }}">
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ if $favIcon.big }}{{ $favIcon.big }}{{ else }}/favIcon32x32.png{{ end }}">
|
|
||||||
{{ $template := resources.Get "scss/index.scss" }}
|
|
||||||
{{ if $template }}
|
|
||||||
{{ $index := $template | resources.ExecuteAsTemplate "css/index.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
|
||||||
<link rel="stylesheet" type="text/css" href="{{ $index.Permalink }}">
|
|
||||||
{{ end }}
|
|
||||||
<!-- <link rel="stylesheet" type="text/css" href="/css/index.css"> -->
|
|
||||||
{{ $template := resources.Get "scss/totop.scss" }}
|
|
||||||
{{ if $template }}
|
|
||||||
{{ $totop := $template | resources.ExecuteAsTemplate "css/totop.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
|
||||||
<link rel="stylesheet" type="text/css" href="{{ $totop.Permalink }}">
|
|
||||||
{{ end }}
|
|
||||||
<!-- <link rel="stylesheet" type="text/css" href="/css/totop.css"> -->
|
|
||||||
{{ $template := resources.Get "scss/slider.scss" }}
|
|
||||||
{{ if $template }}
|
|
||||||
{{ $slider := $template | resources.ExecuteAsTemplate "css/slider.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
|
||||||
<link rel="stylesheet" type="text/css" href="{{ $slider.Permalink }}">
|
|
||||||
{{ end }}
|
|
||||||
<link rel="stylesheet" type="text/css" href="/Font-Awesome/css/all.min.css">
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,11 +1,15 @@
|
||||||
{{- $header := .Site.Params.header }}
|
{{- $header := .Site.Params.header }}
|
||||||
{{- $logo := index $header "logo" }}
|
{{- $logo := index $header "logo" }}
|
||||||
{{- $links := index $header "links" }}
|
{{- $links := index $header "links" }}
|
||||||
<link rel="stylesheet" href="/css/header.css">
|
{{ $template := resources.Get "scss/header.scss" }}
|
||||||
|
{{ if $template }}
|
||||||
|
{{ $index := $template | resources.ExecuteAsTemplate "css/header.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
|
||||||
|
{{ end }}
|
||||||
{{ $template := resources.Get "scss/progressbar.scss" }}
|
{{ $template := resources.Get "scss/progressbar.scss" }}
|
||||||
{{ if $template }}
|
{{ if $template }}
|
||||||
{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
<link rel="stylesheet" type="text/css" href="{{ $progressbar.Permalink }}">
|
<link rel="stylesheet" type="text/css" href="{{ $progressbar.RelPermalink }}">
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="progress"></div>
|
<div class="progress"></div>
|
||||||
<header class="header" id="header">
|
<header class="header" id="header">
|
||||||
|
|
@ -13,18 +17,24 @@
|
||||||
<a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a>
|
<a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a>
|
||||||
<div class="header-items" id="header-items">
|
<div class="header-items" id="header-items">
|
||||||
{{- range $links}}
|
{{- range $links}}
|
||||||
<a class="header-item" href="{{ .url }}">{{ .text }}</a>
|
{{ if .links }}
|
||||||
{{- end }}
|
<div class="header-item dropdown">
|
||||||
<!-- <div class="header-item dropdown">
|
<button class="dropbtn">{{ .text }}
|
||||||
<button class="dropbtn">Portfolio
|
<i class="fas fa-caret-down"></i>
|
||||||
<i class="fas fa-caret-down"></i>
|
</button>
|
||||||
</button>
|
<div class="dropdown-content">
|
||||||
<div class="dropdown-content">
|
{{- range .links}}
|
||||||
<a href="#">Tauschmärkte</a>
|
<a href="{{ .url }}">{{ .text }}</a>
|
||||||
<a href="#">Konsumkritischer Stadtrundgang</a>
|
{{- end }}
|
||||||
<a href="#">Workshops</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
{{ else }}
|
||||||
|
<a class="header-item" href="{{ .url }}">{{ .text }}</a>
|
||||||
|
{{ end }}
|
||||||
|
{{- end }}
|
||||||
|
{{ if $header.button }}
|
||||||
|
<a class="header-contact-button" href="{{ $header.button.url }}">{{ $header.button.text }}</a>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">☰</a>
|
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">☰</a>
|
||||||
|
|
|
||||||
31
layouts/partials/hero.html
Normal file
31
layouts/partials/hero.html
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
{{- $hero := .hero }}
|
||||||
|
{{- $color := .color }}
|
||||||
|
{{- $odd := .odd }}
|
||||||
|
{{- $id := "hero"}}
|
||||||
|
{{if $hero.id}}
|
||||||
|
{{- $id := $hero.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
{{ $template := resources.Get "scss/hero.scss" }}
|
||||||
|
{{ if $template }}
|
||||||
|
{{ $index := $template | resources.ExecuteAsTemplate "css/hero.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
|
||||||
|
{{ end }}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}} row hero">
|
||||||
|
<div class="section-content">
|
||||||
|
<div class="hero-description col-5">
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ $hero.title }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
<p>{{ $hero.subtitle }}</p>
|
||||||
|
{{if $hero.button.visible}}
|
||||||
|
<a class="hero-button" href="{{ $hero.button.url }}">{{ $hero.button.text }}</a>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
<div class="hero-icon-container col-7">
|
||||||
|
<img class="service-icon" alt="{{ $hero.image.alt }}" src="{{ $hero.image.url }}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
37
layouts/partials/links.html
Normal file
37
layouts/partials/links.html
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
{{- $links := .links }}
|
||||||
|
{{- $odd := .odd }}
|
||||||
|
{{- $defaultimage := .defaultimage}}
|
||||||
|
{{- $id := "links"}}
|
||||||
|
{{if $links.id}}
|
||||||
|
{{- $id := $links.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||||
|
<div class="section-content links">
|
||||||
|
{{ with $links.title }}
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ . }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
<div class="cardList">
|
||||||
|
{{- range $links.links}}
|
||||||
|
<a href="{{ .url }}">
|
||||||
|
<div class="mediumCard">
|
||||||
|
{{ if .image }}
|
||||||
|
<img class="cardImage" alt="{{ .image.alt }}" src="{{ .image.url }}" />
|
||||||
|
{{ else if .icon }}
|
||||||
|
<div class="cardImage">
|
||||||
|
<i class="fas fa-{{ .icon }} cardIcon"></i>
|
||||||
|
</div>
|
||||||
|
{{ else }}
|
||||||
|
<img class="cardImage" alt="default image" src="{{ $defaultimage }}" />
|
||||||
|
{{ end }}
|
||||||
|
<div class="cardTitle">{{.title}}</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{- end}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -1,6 +1,12 @@
|
||||||
{{- $logos := .logos }}
|
{{- $logos := .logos }}
|
||||||
{{- $odd := .odd }}
|
{{- $odd := .odd }}
|
||||||
<div id="{{ $logos.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
{{- $id := "logos"}}
|
||||||
|
{{if $logos.id}}
|
||||||
|
{{- $id := $logos.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||||
<div class="section-content funding">
|
<div class="section-content funding">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<h1 class="content-title">{{ $logos.title }}</h1>
|
<h1 class="content-title">{{ $logos.title }}</h1>
|
||||||
|
|
|
||||||
35
layouts/partials/posts.html
Normal file
35
layouts/partials/posts.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
{{- $posts := .posts }}
|
||||||
|
{{- $pages := .pages }}
|
||||||
|
{{- $defaultimage := .defaultimage }}
|
||||||
|
{{- $odd := .odd }}
|
||||||
|
{{- $id := "posts"}}
|
||||||
|
{{if $posts.id}}
|
||||||
|
{{- $id := $posts.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||||
|
<div class="section-content posts">
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ $posts.title }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
<div class="cardList">
|
||||||
|
{{ range first 3 $pages }}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="card">
|
||||||
|
{{ if .Params.image }}
|
||||||
|
<img class="cardImage" src="{{ .Params.image }}" />
|
||||||
|
{{ else }}
|
||||||
|
<img class="cardImage" src="{{ $defaultimage }}" />
|
||||||
|
{{ end }}
|
||||||
|
<div class="cardTitle">{{.Title}}</div>
|
||||||
|
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
|
||||||
|
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
<div class="more-button"><a href="{{ $posts.id }}"> {{ $posts.moretext }} </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -1,24 +1,31 @@
|
||||||
{{- $service := .service }}
|
{{- $service := .service }}
|
||||||
|
{{- $content := .content }}
|
||||||
{{- $odd := .odd }}
|
{{- $odd := .odd }}
|
||||||
<div id="{{ $service.id }}" class="section {{if eq $odd 0}} section-even {{end}} row">
|
{{- $id := "service"}}
|
||||||
|
{{if $service.id}}
|
||||||
|
{{- $id := $service.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
|
||||||
<div class="section-content services">
|
<div class="section-content services">
|
||||||
{{if eq $service.image.direction "left"}}
|
{{if and ($service.image) (eq $service.image.direction "left")}}
|
||||||
<div class="service-icon-container col-5">
|
<div class="service-icon-container col-4">
|
||||||
<img class="service-icon" src="{{ $service.image.url }}">
|
<img class="service-icon" src="{{ $service.image.url }}">
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
<div class="service-description col-7">
|
<div class="service-description {{if $service.image}} col-8 {{end}}">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<h1 class="content-title">{{ $service.title }}</h1>
|
<h1 class="content-title">{{ $service.title }}</h1>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</div>
|
</div>
|
||||||
<p>{{ $service.description }}</p>
|
<p>{{ $content }}</p>
|
||||||
{{if $service.button.visible}}
|
{{if and ($service.button) ($service.button.visible)}}
|
||||||
<a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a>
|
<a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
{{if eq $service.image.direction "right"}}
|
{{if and ($service.image) (eq $service.image.direction "right")}}
|
||||||
<div class="service-icon-container col-5">
|
<div class="service-icon-container col-4">
|
||||||
<img class="service-icon" src="{{ $service.image.url }}">
|
<img class="service-icon" src="{{ $service.image.url }}">
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,18 @@
|
||||||
{{- $slider := .slider }}
|
{{- $slider := .slider }}
|
||||||
|
{{- $color := .color }}
|
||||||
{{ $length := len $slider.images }}
|
{{ $length := len $slider.images }}
|
||||||
|
{{- $id := "slider"}}
|
||||||
|
{{if $slider.id}}
|
||||||
|
{{- $id := $slider.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
{{ $template := resources.Get "scss/slider.scss" }}
|
{{ $template := resources.Get "scss/slider.scss" }}
|
||||||
<div id="{{ $slider.id }}" class="slider">
|
{{ if $template }}
|
||||||
|
{{ $index := $template | resources.ExecuteAsTemplate "css/slider.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
|
||||||
|
{{ end }}
|
||||||
|
<div id="{{ $id }}" class="slider">
|
||||||
{{ if gt $length 1}}
|
{{ if gt $length 1}}
|
||||||
<div class=slide-links>
|
<div class=slide-links>
|
||||||
{{- range $index, $slide := $slider.images}}
|
{{- range $index, $slide := $slider.images}}
|
||||||
|
|
|
||||||
|
|
@ -1,33 +1,46 @@
|
||||||
{{- $team := .team }}
|
{{- $team := .team }}
|
||||||
{{ $length := len $team.members }}
|
{{- $pages := .pages}}
|
||||||
|
{{- $defaultimage := .defaultimage}}
|
||||||
{{- $odd := .odd }}
|
{{- $odd := .odd }}
|
||||||
<div id="{{ $team.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
{{- $id := "team"}}
|
||||||
|
{{if $team.id}}
|
||||||
|
{{- $id := $team.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||||
<div class="section-content team">
|
<div class="section-content team">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<h1 class="content-title">{{ $team.title }}</h1>
|
<h1 class="content-title">{{ $team.title }}</h1>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</div>
|
</div>
|
||||||
{{- range first 3 $team.members }}
|
<div class="team-list">
|
||||||
<div class="teammember">
|
{{- range first 4 $pages.ByDate }}
|
||||||
<img class="avatar" src="{{ .image }}" alt="Avatar">
|
<a href="{{.Permalink}}">
|
||||||
<h1 class="teammember-title">{{ .name }}</h1>
|
<div class="teammember">
|
||||||
{{- range .jobs }}
|
{{ if .Params.image }}
|
||||||
<p>{{ . }}</p>
|
<img class="avatar" src="{{ .Params.image }}" alt="Avatar">
|
||||||
|
{{ else }}
|
||||||
|
<img class="avatar" src="{{ $defaultimage }}" alt="Avatar">
|
||||||
|
{{ end }}
|
||||||
|
<h1 class="teammember-title">{{ .Params.name }}</h1>
|
||||||
|
{{- range .Params.jobs }}
|
||||||
|
<p>{{ . }}</p>
|
||||||
|
{{- end }}
|
||||||
|
<div class="social-media">
|
||||||
|
<span>
|
||||||
|
{{- range .Params.social}}
|
||||||
|
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
||||||
|
{{- end}}
|
||||||
|
{{if .Params.mail}}
|
||||||
|
<a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
|
||||||
|
{{end}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
<div class="social-media">
|
|
||||||
<span>
|
|
||||||
{{- range .social}}
|
|
||||||
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
|
||||||
{{- end}}
|
|
||||||
{{if .mail}}
|
|
||||||
<a href="mailto:{{ .mail }}"><i class="fas fa-at"></i></a>
|
|
||||||
{{end}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{{- end }}
|
<div class="more-button"><a href="{{ $team.id }}"> {{ $team.moretext }} </a></div>
|
||||||
{{if gt $length 3}}
|
|
||||||
<div><a href="#"> > Weitere Teammitglieder < </a></div>
|
|
||||||
{{end}}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,6 +1,12 @@
|
||||||
{{- $video := .video }}
|
{{- $video := .video }}
|
||||||
{{- $odd := .odd }}
|
{{- $odd := .odd }}
|
||||||
<div id="{{ $video.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
{{- $id := "video"}}
|
||||||
|
{{if $video.id}}
|
||||||
|
{{- $id := $video.id}}
|
||||||
|
{{else if .id}}
|
||||||
|
{{- $id := .id }}
|
||||||
|
{{end}}
|
||||||
|
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||||
<div class="section-content">
|
<div class="section-content">
|
||||||
<div class="videoWrapper">
|
<div class="videoWrapper">
|
||||||
{{ if eq $video.video.type "mp4"}}
|
{{ if eq $video.video.type "mp4"}}
|
||||||
|
|
|
||||||
29
layouts/posts/list.html
Normal file
29
layouts/posts/list.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<div class="content">
|
||||||
|
<article>
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ .Title }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
|
||||||
|
{{.Content}}
|
||||||
|
</article>
|
||||||
|
<!-- Ranges through content/posts/*.md -->
|
||||||
|
<div class="cardList">
|
||||||
|
{{ range .Pages }}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="card">
|
||||||
|
{{ if .Params.image }}
|
||||||
|
<img class="cardImage" src="{{ .Params.image }}" />
|
||||||
|
{{ else }}
|
||||||
|
<img class="cardImage" src="{{ $.Site.Params.defaultimage }}" />
|
||||||
|
{{ end }}
|
||||||
|
<div class="cardTitle">{{.Title}}</div>
|
||||||
|
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
|
||||||
|
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
47
layouts/posts/single.html
Normal file
47
layouts/posts/single.html
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ with .Params.image }}
|
||||||
|
<img class="coverimage" src="{{ . }}" />
|
||||||
|
{{ end }}
|
||||||
|
<div class="content">
|
||||||
|
{{ with .Params.tags }}
|
||||||
|
<div id="tags">
|
||||||
|
{{ range . }}
|
||||||
|
<a href="{{ "tags" | absURL }}/{{ . | urlize }}/">#{{ . }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ .Title }}</h1>
|
||||||
|
<div class="post-detail">{{.Date.Format "02.01.2006"}} - ⏱ {{.ReadingTime}} Minuten</div>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
{{ .Content }}
|
||||||
|
{{- $author := .Params.author }}
|
||||||
|
{{ with .Site.GetPage "/team" }}
|
||||||
|
{{- range .RegularPages -}}
|
||||||
|
{{if eq .Params.name $author}}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="author">
|
||||||
|
{{ if .Params.image }}
|
||||||
|
<img class="avatar-small" src="{{ .Params.image }}" alt="Avatar">
|
||||||
|
{{ else }}
|
||||||
|
<img class="avatar-small" src="{{ $.Site.Params.defaultimage }}" alt="Avatar">
|
||||||
|
{{ end }}
|
||||||
|
<h4 class="author-title">{{ .Params.name }}</h4>
|
||||||
|
<div class="social-media">
|
||||||
|
<span>
|
||||||
|
{{- range .Params.social}}
|
||||||
|
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
||||||
|
{{- end}}
|
||||||
|
{{if .Params.mail}}
|
||||||
|
<a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
|
||||||
|
{{end}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{end}}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
38
layouts/team/list.html
Normal file
38
layouts/team/list.html
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<div class="content">
|
||||||
|
<article>
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="content-title">{{ .Title }}</h1>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
{{.Content}}
|
||||||
|
</article>
|
||||||
|
<div class="team-list">
|
||||||
|
{{ range .Pages.ByDate }}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="teammember">
|
||||||
|
{{ if .Params.image }}
|
||||||
|
<img class="avatar" src="{{ .Params.image }}" alt="Avatar">
|
||||||
|
{{ else }}
|
||||||
|
<img class="avatar" src="{{ $.Site.Params.defaultimage }}" alt="Avatar">
|
||||||
|
{{ end }}
|
||||||
|
<h1 class="teammember-title">{{ .Params.name }}</h1>
|
||||||
|
{{- range .Params.jobs }}
|
||||||
|
<p>{{ . }}</p>
|
||||||
|
{{- end }}
|
||||||
|
<div class="social-media">
|
||||||
|
<span>
|
||||||
|
{{- range .Params.social}}
|
||||||
|
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
||||||
|
{{- end}}
|
||||||
|
{{if .Params.mail}}
|
||||||
|
<a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
|
||||||
|
{{end}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
46
layouts/team/single.html
Normal file
46
layouts/team/single.html
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<div class="content">
|
||||||
|
<div class="teammember-header">
|
||||||
|
{{ with .Params.image }}
|
||||||
|
<img class="teammember-header-avatar" src="{{ . }}" alt="Avatar">
|
||||||
|
{{ end }}
|
||||||
|
<div class="teammember-header-title">
|
||||||
|
<h1 class="content-title">{{ .Params.name }}</h1>
|
||||||
|
<div class="teammember-header-social-media">
|
||||||
|
<span>
|
||||||
|
{{- range .Params.social}}
|
||||||
|
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
|
||||||
|
{{- end}}
|
||||||
|
{{if .Params.mail}}
|
||||||
|
<a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
|
||||||
|
{{end}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="divider"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ .Content }}
|
||||||
|
{{- $name := .Params.name }}
|
||||||
|
{{- $defaultimage := .Site.Params.defaultimage }}
|
||||||
|
<div class="cardList teammember-posts">
|
||||||
|
{{ with .Site.GetPage "/posts" }}
|
||||||
|
{{- range .RegularPages -}}
|
||||||
|
{{if eq .Params.author $name}}
|
||||||
|
<a href="{{.Permalink}}">
|
||||||
|
<div class="card">
|
||||||
|
{{ if .Params.image }}
|
||||||
|
<img class="cardImage" src="{{ .Params.image }}" />
|
||||||
|
{{ else }}
|
||||||
|
<img class="cardImage" src="{{ $defaultimage }}" />
|
||||||
|
{{ end }}
|
||||||
|
<div class="cardTitle">{{.Title}}</div>
|
||||||
|
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
|
||||||
|
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{{end}}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
Loading…
Reference in a new issue