(Grav GitSync) Automatic Commit from c47
This commit is contained in:
parent
683dbde084
commit
0d25d076fe
4
pages/02.blog/blog.md
Normal file
4
pages/02.blog/blog.md
Normal file
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
content:
|
||||
items: '@self.children'
|
||||
---
|
1
pages/02.blog/hello-world/blog.md
Normal file
1
pages/02.blog/hello-world/blog.md
Normal file
|
@ -0,0 +1 @@
|
|||
# Test
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
title: Typography
|
||||
visible: false
|
||||
---
|
||||
|
||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
@ -0,0 +1,35 @@
|
|||
header nav ul li {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
div.notices {
|
||||
background-color: #2b2b2b !important;
|
||||
}
|
||||
|
||||
div.notices p {
|
||||
font-weight: bold;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
* scrollbars
|
||||
*/
|
||||
body::-webkit-scrollbar {
|
||||
width: 8px; /* width of the entire scrollbar */
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background: #a2372f00; /* color of the tracking area */
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: #3e096469; /* color of the scroll thumb */
|
||||
border-radius: 12px; /* roundness of the scroll thumb */
|
||||
border: 1px solid grey;
|
||||
}
|
||||
|
||||
/* end scrollbars */
|
Binary file not shown.
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 1.1 KiB |
40
themes/landed/templates/blog.html.twig
Normal file
40
themes/landed/templates/blog.html.twig
Normal file
|
@ -0,0 +1,40 @@
|
|||
{% embed 'partials/base.html.twig' %}
|
||||
|
||||
{% set collection = page.collection() %}
|
||||
|
||||
{% block content %}
|
||||
{% set blog_image = page.media.images|first.grayscale().contrast(20).brightness(-100).colorize(-35,81,122) %}
|
||||
|
||||
{% if blog_image %}
|
||||
<div class="flush-top blog-header blog-header-image" style="background-image: url({{ blog_image.url }});">
|
||||
{% else %}
|
||||
<div class="blog-header">
|
||||
{% endif %}
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
{% if config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
<div class="content-wrapper blog-content-list grid pure-g">
|
||||
<div id="listing" class="block pure-u-2-3 h-feed">
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog_item.html.twig' with {'blog':page, 'page':child, 'truncate':true} %}
|
||||
{% endfor %}
|
||||
|
||||
{% if config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {'base_url':page.url, 'pagination':collection.params.pagination} %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{#
|
||||
<div id="sidebar" class="block size-1-3 pure-u-1-3">
|
||||
{% include 'partials/sidebar.html.twig' with {'blog':page} %}
|
||||
</div>
|
||||
#}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% endembed %}
|
||||
|
||||
|
18
themes/landed/templates/item.html.twig
Normal file
18
themes/landed/templates/item.html.twig
Normal file
|
@ -0,0 +1,18 @@
|
|||
{% embed 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% if config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
<div class="blog-content-item grid pure-g-r">
|
||||
<div id="item" class="block pure-u-2-3 h-entry">
|
||||
{% include 'partials/blog_item.html.twig' with {'blog':page.parent, 'truncate':false} %}
|
||||
</div>
|
||||
<div id="sidebar" class="block size-1-3 pure-u-1-3">
|
||||
{% include 'partials/sidebar.html.twig' with {'blog':page.parent}%}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% endembed %}
|
89
themes/landed/templates/partials/blog_item.html.twig
Normal file
89
themes/landed/templates/partials/blog_item.html.twig
Normal file
|
@ -0,0 +1,89 @@
|
|||
<div class="list-item h-entry">
|
||||
|
||||
{% set header_image = page.header.header_image|defined(true) %}
|
||||
{% set header_image_width = page.header.header_image_width|defined(900) %}
|
||||
{% set header_image_height = page.header.header_image_height|defined(300) %}
|
||||
{% set header_image_file = page.header.header_image_file %}
|
||||
|
||||
<div class="list-blog-header">
|
||||
<span class="list-blog-date">
|
||||
<time class="dt-published" datetime="{{ page.date|date("c") }}">
|
||||
<span>{{ page.date|date("d") }}</span>
|
||||
<em>{{ page.date|date("M") }}</em>
|
||||
</time>
|
||||
</span>
|
||||
{% if page.header.link %}
|
||||
<h4 class="p-name">
|
||||
{% if page.header.continue_link is not same as(false) %}
|
||||
<a href="{{ page.url }}"><i class="fa fa-angle-double-right u-url"></i></a>
|
||||
{% endif %}
|
||||
<a href="{{ page.header.link }}" class="u-url">{{ page.title }}</a>
|
||||
</h4>
|
||||
{% else %}
|
||||
<h4 class="p-name"><a href="{{ page.url }}" class="u-url">{{ page.title }}</a></h4>
|
||||
{% endif %}
|
||||
|
||||
{% if page.taxonomy.tag %}
|
||||
<span class="tags">
|
||||
{% for tag in page.taxonomy.tag %}
|
||||
<a href="{{ blog.url|rtrim('/') }}/tag{{ config.system.param_sep }}{{ tag }}" class="p-category">{{ tag }}</a>
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if header_image %}
|
||||
{% if header_image_file %}
|
||||
{% set header_image_media = page.media.images[header_image_file] %}
|
||||
{% else %}
|
||||
{% set header_image_media = page.media.images|first %}
|
||||
{% endif %}
|
||||
{{ header_image_media.cropZoom(header_image_width, header_image_height).html|raw }}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="list-blog-padding">
|
||||
|
||||
{% if page.header.continue_link is same as(false) %}
|
||||
<div class="e-content">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
{% if not truncate %}
|
||||
{% set show_prev_next = true %}
|
||||
{% endif %}
|
||||
{% elseif truncate and page.summary != page.content %}
|
||||
<div class="p-summary e-content">
|
||||
{{ page.summary|raw }}
|
||||
<p><a href="{{ page.url }}">{{ 'Continue reading'|t }}</a></p>
|
||||
</div>
|
||||
{% elseif truncate %}
|
||||
<div class="p-summary e-content">
|
||||
{{ page.content|raw }}
|
||||
<p><a href="{{ page.url }}">{{ 'Continue reading'|t }}</a></p>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="e-content">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
{% if config.plugins.comments.enabled %}
|
||||
{% include 'partials/comments.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% set show_prev_next = true %}
|
||||
{% endif %}
|
||||
|
||||
{% if show_prev_next %}
|
||||
|
||||
<p class="prev-next">
|
||||
{% if not page.isFirst %}
|
||||
<a class="button" href="{{ page.nextSibling.url }}"><i class="fa fa-chevron-left"></i> {{ 'Next post'|t }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% if not page.isLast %}
|
||||
<a class="button" href="{{ page.prevSibling.url }}">{{ 'Previous post'|t }} <i class="fa fa-chevron-right"></i></a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
|
@ -2,7 +2,8 @@
|
|||
<footer id="footer">
|
||||
{% include 'partials/components/social_linkgroup.html.twig' %}
|
||||
<ul class="copyright">
|
||||
<li>© {{ 'now'|date('Y') }}, {{ config.site.author.name }}. {{ site.metadata.rights|default('All rights reserved.') }}</li>
|
||||
<li>© {{ 'now'|date('Y') }}, <a href="/about/">{{ config.site.author.name }}</a>. {{ site.metadata.rights|default('All rights reserved.') }}</li>
|
||||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||
<li><a href="/impressum/">Impressum</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
|
Loading…
Reference in a new issue