- added blog modular item
- added legal notice to contact page
This commit is contained in:
parent
44ac4475c6
commit
86bc98f1f9
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: 'Latest From The Blog.'
|
||||
published: false
|
||||
menu: Blog
|
||||
content:
|
||||
items:
|
||||
'@page.descendants': /blog
|
||||
limit: 4
|
||||
order:
|
||||
by: date
|
||||
dir: desc
|
||||
pagination: true
|
||||
url_taxonomy_filters: true
|
||||
smallTitle: Journal
|
||||
subtitle: ''
|
||||
hidemenu: true
|
||||
---
|
||||
|
||||
You can find our latest posts over here!
|
4
pages/01.home/06._links/features.md → pages/01.home/07._links/features.md
Executable file → Normal file
4
pages/01.home/06._links/features.md → pages/01.home/07._links/features.md
Executable file → Normal file
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Links
|
||||
menu: Features
|
||||
class: standard
|
||||
class: 'standard bg-gray'
|
||||
features:
|
||||
-
|
||||
iconFa: 'fab fa-gitlab'
|
||||
|
@ -18,6 +18,8 @@ features:
|
|||
header: 'MakerLab Murnau'
|
||||
text: 'This is where our hardware development and production takes place.'
|
||||
url: 'https://makerlab-murnau.de/'
|
||||
header:
|
||||
class: bg-gray
|
||||
---
|
||||
|
||||
# Links
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
title: Blog
|
||||
published: false
|
||||
show_sidebar: false
|
||||
show_breadcrumbs: false
|
||||
show_pagination: true
|
||||
content:
|
||||
items:
|
||||
- '@self.children'
|
||||
limit: 5
|
||||
order:
|
||||
by: date
|
||||
dir: desc
|
||||
pagination: true
|
||||
url_taxonomy_filters: true
|
||||
---
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: Test1
|
||||
---
|
||||
|
||||
This a a test blog entry
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: Test2
|
||||
---
|
||||
|
||||
This is another test blog entry
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: Contact
|
||||
process:
|
||||
markdown: true
|
||||
twig: true
|
||||
cache_enable: false
|
||||
---
|
||||
|
@ -9,3 +10,11 @@ cache_enable: false
|
|||
If you have any question, feel free to contact us here, and we will try to respond as fast as possible.
|
||||
|
||||
{% include "forms/form.html.twig" with {form: forms('contact')} %}
|
||||
|
||||
## Legal notice
|
||||
|
||||
Itsblue Development is neither a legal entity nor a business.
|
||||
|
||||
#### Contact information:
|
||||
- Address: Jens Noack, Hauptstraße 39, 82436 Eglfing, Germany
|
||||
- Email: <contact@itsblue.de>
|
|
@ -90,5 +90,3 @@ form:
|
|||
import@:
|
||||
type: partials/blog-bits
|
||||
context: blueprints://pages
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,91 @@
|
|||
extends@: default
|
||||
|
||||
rules:
|
||||
slug:
|
||||
pattern: "[a-z][a-z0-9_-]+"
|
||||
min: 2
|
||||
max: 80
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
type: tabs
|
||||
active: 1
|
||||
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
overrides:
|
||||
fields:
|
||||
header.child_type:
|
||||
default: item
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Config
|
||||
|
||||
fields:
|
||||
|
||||
content_title:
|
||||
type: spacer
|
||||
title: Content Definition
|
||||
|
||||
header.content.items:
|
||||
type: textarea
|
||||
yaml: true
|
||||
label: Items
|
||||
default: '@self.children'
|
||||
validate:
|
||||
type: yaml
|
||||
|
||||
header.content.limit:
|
||||
type: text
|
||||
label: Max Item Count
|
||||
default: 5
|
||||
validate:
|
||||
required: true
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.content.order.by:
|
||||
type: select
|
||||
label: Order By
|
||||
default: date
|
||||
options:
|
||||
folder: Folder
|
||||
title: Title
|
||||
date: Date
|
||||
default: Default
|
||||
|
||||
header.content.order.dir:
|
||||
type: select
|
||||
label: Order
|
||||
default: desc
|
||||
options:
|
||||
asc: Ascending
|
||||
desc: Descending
|
||||
|
||||
header.content.pagination:
|
||||
type: toggle
|
||||
label: Pagination
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.content.url_taxonomy_filters:
|
||||
type: toggle
|
||||
label: URL Taxonomy Filters
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
import@:
|
||||
type: partials/blog-bits
|
||||
context: blueprints://pages
|
|
@ -10,9 +10,11 @@ form:
|
|||
title: Features
|
||||
fields:
|
||||
header.class:
|
||||
type: select
|
||||
type: text
|
||||
label: Layout
|
||||
default: small
|
||||
markdown: true
|
||||
description: 'There are several Hero class options that can be listed here (space separated):<br />`small`, `standard`, `offset-box`, `bg-grav`'
|
||||
size: medium
|
||||
options:
|
||||
small: Small = 4 / 3 / 2 columns
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -7,6 +7,7 @@
|
|||
@import 'theme/mixins';
|
||||
@import 'theme/framework';
|
||||
@import 'theme/typography';
|
||||
@import 'theme/controls';
|
||||
@import 'theme/forms';
|
||||
@import 'theme/mobile';
|
||||
@import 'theme/animation';
|
||||
|
@ -18,3 +19,4 @@
|
|||
// Extra Skeleton Styling
|
||||
@import 'theme/blog';
|
||||
@import 'theme/onepage';
|
||||
@import 'theme/extensions';
|
|
@ -0,0 +1,95 @@
|
|||
/* Button */
|
||||
|
||||
.btn {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 0 0 2px $border-color;
|
||||
color: $dark-color !important;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
font-weight: _font(weight-bold);
|
||||
height: 3em;
|
||||
letter-spacing: _font(kerning-alt);
|
||||
line-height: 3em;
|
||||
padding: 0 2.5em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
font-size: 12pt;
|
||||
|
||||
@include breakpoint(md) {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $primary-color;
|
||||
background-color: transparent;
|
||||
background-color: transparentize($primary-color, 0.92);
|
||||
|
||||
&:active {
|
||||
box-shadow: inset 0 0 0 2px $primary-color;
|
||||
background-color: transparentize($primary-color, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
&.icon {
|
||||
padding-left: 1.35em;
|
||||
|
||||
&:before {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
&.big {
|
||||
font-size: 1.35em;
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
background-color: $primary-color;
|
||||
box-shadow: none;
|
||||
|
||||
color: $light-color !important;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($primary-color, 10);
|
||||
|
||||
&:active {
|
||||
background-color: lighten($primary-color, 10);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-lg {
|
||||
font-size: 0.9rm;
|
||||
height: 3em;
|
||||
padding: 0 2.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* a */
|
||||
|
||||
a {
|
||||
color: $primary-color;
|
||||
|
||||
&:visited {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: darken($primary-color, 20);
|
||||
}
|
||||
}
|
|
@ -5,3 +5,7 @@
|
|||
.button {
|
||||
@extend .btn;
|
||||
}
|
||||
|
||||
.button.primary {
|
||||
@extend .btn-primary;
|
||||
}
|
|
@ -4,79 +4,6 @@ form {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
.btn {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 0 0 2px $border-color;
|
||||
color: $dark-color !important;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
font-weight: _font(weight-bold);
|
||||
height: 3em;
|
||||
letter-spacing: _font(kerning-alt);
|
||||
line-height: 3em;
|
||||
padding: 0 2.5em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
font-size: 12pt;
|
||||
|
||||
@include breakpoint(md) {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $primary-color;
|
||||
background-color: transparent;
|
||||
|
||||
&:active {
|
||||
background-color: transparentize($primary-color, 0.85);
|
||||
}
|
||||
}
|
||||
|
||||
&.icon {
|
||||
padding-left: 1.35em;
|
||||
|
||||
&:before {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
&.big {
|
||||
font-size: 1.35em;
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
background-color: $primary-color;
|
||||
box-shadow: none;
|
||||
|
||||
color: $light-color !important;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($primary-color, 10);
|
||||
|
||||
&:active {
|
||||
background-color: lighten($primary-color, 10);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Inputs */
|
||||
|
||||
.form-label {
|
||||
|
@ -89,7 +16,7 @@ form {
|
|||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.form-input[type=range] {
|
||||
.form-input[type="range"] {
|
||||
appearance: slider-horizontal;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
|
@ -97,8 +24,9 @@ form {
|
|||
}
|
||||
}
|
||||
|
||||
.form-input[type=text],
|
||||
.form-input[type=email],
|
||||
.form-input[type="text"],
|
||||
.form-input[type="email"],
|
||||
.form-input[type="password"],
|
||||
textarea.form-input {
|
||||
background: lighten($dark-color, 62);
|
||||
border: 0;
|
||||
|
@ -119,20 +47,20 @@ form {
|
|||
|
||||
&::placeholder {
|
||||
color: $dark-color;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:invalid {
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 0 0 2px $primary-color;
|
||||
box-shadow: inset 0 0 0 2px $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
textarea.form-input {
|
||||
padding: .65em 1em;
|
||||
padding: 0.65em 1em;
|
||||
height: 7em;
|
||||
resize: vertical;
|
||||
}
|
||||
|
@ -147,14 +75,14 @@ form {
|
|||
}
|
||||
|
||||
.form-field.half.left {
|
||||
padding: 0 .65em 0 0;
|
||||
padding: 0 0.65em 0 0;
|
||||
@include breakpoint(sm) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.form-field.half.right {
|
||||
padding: 0 0 0 .65em;
|
||||
padding: 0 0 0 0.65em;
|
||||
@include breakpoint(sm) {
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -167,7 +95,8 @@ form {
|
|||
|
||||
label {
|
||||
display: inherit;
|
||||
padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
|
||||
padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2)
|
||||
($control-icon-size + $control-padding-x);
|
||||
margin: inherit;
|
||||
|
||||
&:before {
|
||||
|
@ -180,11 +109,9 @@ form {
|
|||
.form-group:not(:last-child) {
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#grav-login {
|
||||
|
||||
> form {
|
||||
margin: 2rem auto 0;
|
||||
max-width: 350px;
|
||||
|
|
|
@ -22,7 +22,6 @@
|
|||
}
|
||||
|
||||
&.small {
|
||||
|
||||
.columns {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
@ -37,7 +36,6 @@
|
|||
display: block;
|
||||
justify-content: left;
|
||||
|
||||
|
||||
i {
|
||||
position: relative;
|
||||
display: inherit;
|
||||
|
@ -64,6 +62,10 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.columns {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
}
|
||||
|
||||
.column {
|
||||
|
@ -132,4 +134,39 @@
|
|||
.columns.left {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modular-blog {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 4rem;
|
||||
|
||||
.columns.left {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
&.section {
|
||||
padding-top: 0em;
|
||||
padding-bottom: 0em;
|
||||
}
|
||||
|
||||
&.listing {
|
||||
@extend .blog-listing;
|
||||
}
|
||||
|
||||
&.header {
|
||||
text-align: center;
|
||||
&::after {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
||||
width: 80px;
|
||||
height: 1px;
|
||||
background: $primary-color;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
&.footer {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -96,8 +96,6 @@ pre {
|
|||
|
||||
// Icon Tweaks
|
||||
i.fa {
|
||||
|
||||
|
||||
&.fa-heart, &.fa-heart-o {
|
||||
&.pulse {
|
||||
color: #920
|
||||
|
@ -175,4 +173,7 @@ ol {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
// colors
|
||||
.bg-dark-gray {
|
||||
background-color: darken($color: #f7f8f9, $amount: 2);
|
||||
}
|
||||
|
|
|
@ -0,0 +1,62 @@
|
|||
{% set blog_image = page.media.images[page.header.hero_image]?: page.media.images | first %}
|
||||
{% set collection = page.collection() %}
|
||||
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog]) | defined(true) %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/bricklayer.css') %}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.add('theme://js/bricklayer.min.js') %}
|
||||
{% do assets.add('theme://js/scopedQuerySelectorShim.min.js') %}
|
||||
{% endblock %}
|
||||
|
||||
<!-- blog ================================================== -->
|
||||
<section class="section modular-blog {{ page.header.class}}">
|
||||
<section class="container grid-lg">
|
||||
|
||||
<div class="modular-blog header">
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p class="lead">{{ page.content|striptags }}</p>
|
||||
</div>
|
||||
|
||||
<section class="modular-blog section listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
|
||||
<div class="bricklayer">
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
<div id="listing-footer">
|
||||
{% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="modular-blog footer">
|
||||
<a class="btn" href="/blog">View all</a>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
//Bricklayer
|
||||
var bricklayer = new Bricklayer(document.querySelector('.bricklayer'))
|
||||
</script>
|
||||
</section>
|
|
@ -1,4 +1,4 @@
|
|||
<section id="footer" class="section bg-gray">
|
||||
<section id="footer" class="section bg-dark-gray">
|
||||
<section class="container {{ grid_size }}">
|
||||
<p>© 2018-{{"now"|date('Y')}} Itsblue Development</p>
|
||||
</section>
|
||||
|
|
Loading…
Reference in New Issue