chrosey/homepage-picocms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Layout-Anpassungen

Browse Source
This commit is contained in:
Christian Seyfferth
2020-05-20 17:39:42 +02:00
parent f5f43b2173
commit 275ac1d8cc
8 changed files with 96 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Packages/chrosey_materialize/templates/blog.twig
+13 -27
View File
@@ -1,33 +1,19 @@
{% extends "templates/layout/base.twig" %}
{% import "partials/macros.twig" as macros %}
{% block content %}
{{parent()}}
{{parent()}}
{% block blogroll %}
<div class="row">
{% for page in pages("blog", depth=2) | sort_by( 'time' ) | reverse %}
<div class="col s12 m3">
<div class="card hoverable">
<div class="card-image">
{{ macros.variants(images.0.url, images.0.url, images.0.alt, 200, 50 ) }}
<a href="{{ page.url }}"
class="btn-floating halfway-fab waves-effect waves-light deep-orange"><i
class="material-icons">chevron_right</i></a>
</div>
<div class="card-content">
<p class="grey-text">{{ page.date }}</p>
<h5> {{ page.title }}</h5>
<p class="grey-text text-darken-2"> {{ page.description }}</p>
</div>
<div class="card-action">
<a class="deep-orange-text"
href="{{ page.url }}">Zum Artikel</a>
</div>
<section class="{% if not config.theme_config.widescreen %} container{% endif %}">
<div class="row">
<div class="col s12">
{% include "partials/blogroll.twig" %}
</div>
</div>
</section>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
<section class="{% if not config.theme_config.widescreen %} container{% endif %}">
<div class="row">
<div class="col s12"></div>
</div>
</section>
{% endblock %}
Packages/chrosey_materialize/templates/blogitem.twig
+14 -10
View File
@@ -1,14 +1,18 @@
{% extends "templates/blog.twig" %}
{% block content %}
<div class="col s12 m6">
{{content}}
</div>
<div class="col s12 m6">
{% include "partials/images.twig" %}
</div>
<div class="col s12">
<a href="{{ "blog"|link }}"
class="btn">Zurück</a>
</div>
<section class="{% if not config.theme_config.widescreen %} container{% endif %}">
<div class="row">
<div class="col s12 m6">
{{content}}
</div>
<div class="col s12 m6">
{% include "partials/images.twig" %}
</div>
<div class="col s12">
<a href="{{ "blog"|link }}" class="btn {{ config.theme_config.secondary_color }}">Zurück</a>
</div>
</div>
</section>
{% endblock %}
Packages/chrosey_materialize/templates/home.twig
+6 -11
View File
@@ -1,18 +1,13 @@
{% extends "templates/layout/base.twig" %}
{% block content %}
<div class="parallax-container" style="height: 50vh;">
<div class="parallax-container" style="height: 60vh;">
<div class="parallax"><img src="{{ assets_url }}/welcome.jpg"></div>
</div>
{{parent()}}
{% for section in meta.sections %}
<div class="parallax-container">
<div class="parallax"><img src="images/{{section.image}}"></div>
</div>
<div class="container">
<h2>{{section.title}}</h2>
{{ section.text }}
</div>
{% endfor %}
<div class="{% if not config.theme_config.widescreen %} container{% endif %}">
{% include "partials/blogroll.twig" with { amount: 4 } %}
</div>
{% endblock %}
Packages/chrosey_materialize/templates/layout/base.twig
+12
View File
@@ -42,6 +42,18 @@
</div>
</section>
{% endblock %}
{% block sections %}
{% for section in meta.sections %}
<div class="parallax-container">
<div class="parallax"><img src="{{assets_url}}/{{section.image}}"></div>
</div>
<div class="{% if not config.theme_config.widescreen %} container{% endif %}">
<h2>{{section.title}}</h2>
{{ section.text }}
</div>
{% endfor %}
{% endblock %}
</main>
{% include "templates/layout/footer.twig" %}
{% block js %}