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

[TASK] color from config

Browse Source
This commit is contained in:
Christian Seyfferth 2020-05-20 15:51:34 +02:00
parent 3ede56caf1
commit 9bd1c17396
3 changed files with 76 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
Packages/chrosey_materialize/templates/layout/footer.twig
View File

@ -1,19 +1,19 @@
<footer class="page-footer white">
<div class="{% if not config.theme_config.widescreen %} container{% endif %}">
<div class="row">
<div class="col l6 s12">
</div>
<div class="col l4 offset-12 s12">
</div>
</div>
</div>
<div class="footer-copyright">
<div class="{% if not config.theme_config.widescreen %} container{% endif %} black-text">
<span>&copy; 2013 - {{ now|date("Y") }} by chrosey</span>
<span class="hide-on-large-and-up center">&middot;&nbsp;</span>
<span class="right">powered by <a href="http://picocms.org/">picoCMS</a></span>
</div>
</div>
<footer class="page-footer {{ config.theme_config.color }}">
<div class="{% if not config.theme_config.widescreen %} container{% endif %}">
<div class="row">
<div class="col l6 s12"></div>
<div class="col l4 offset-12 s12"></div>
</div>
</div>
<div class="footer-copyright">
<div class="{% if not config.theme_config.widescreen %} container{% endif %} black-text">
<span>&copy; 2013 -
{{ now|date("Y") }}
by chrosey</span>
<span class="hide-on-large-and-up center">&middot;&nbsp;</span>
<span class="right">powered by
<a href="http://picocms.org/">picoCMS</a>
</span>
</div>
</div>
</footer>

128
Packages/chrosey_materialize/templates/layout/navigationBar.twig
View File

@ -1,77 +1,61 @@
<nav class="white"
role="navigation">
<div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
<a id="logo-container"
href="{{ "index"|link }}"
class="brand-logo">
<img src="{{ assets_url }}/logo.svg "
alt="Logo"
height="64"
width="64" />
</a>
<a data-target="slide-out"
class="sidenav-trigger"><i class="material-icons">menu</i></a>
{% block navigation %}
<ul class="right hide-on-med-and-down">
{% for page in pages("index") if not page.hidden %}
<nav class="{{ config.theme_config.color }}" role="navigation">
<div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
<a id="logo-container" href="{{ "index"|link }}" class="brand-logo">
<img src="{{ assets_url }}/logo.svg " alt="Logo" height="64" width="64"/>
</a>
<a data-target="slide-out" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
{% block navigation %}
<ul class="right hide-on-med-and-down">
{% for page in pages("index") if not page.hidden %}
{% if pages(page.id) | length < 1 %}
<li>
<a class=""
href="{{ page.url }}"
tabindex="0">{{ page.title }}</a>
</li>
{% else %}
<li>
<a class="dropdown-trigger"
data-target="dropdown_{{ page.id }}"
tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i></a>
<ul class="dropdown-content"
id="dropdown_{{ page.id }}">
{% for subpage in pages(page.id) %}
<li>
<a class=""
href="{{ subpage.url }}"
tabindex="0">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% if pages(page.id) | length < 1 %}
<li>
<a class="" href="{{ page.url }}" tabindex="0">{{ page.title }}</a>
</li>
{% else %}
<li>
<a class="dropdown-trigger" data-target="dropdown_{{ page.id }}" tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i>
</a>
<ul class="dropdown-content" id="dropdown_{{ page.id }}">
{% for subpage in pages(page.id) %}
<li>
<a class="" href="{{ subpage.url }}" tabindex="0">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endblock %}
</div>
{% endblock %}
</div>
</nav>
<ul id="slide-out"
class="sidenav collapsible">
{% block sideNavigation %}
{% for page in pages("index") if not page.hidden %}
{% if pages(page.id) | length < 1 %}
<li>
<a class="waves-effect"
href="{{ page.url }}"
tabindex="0">{{ page.title }}</a>
{% else %}
<li>
<a class="collapsible-header waves-effect"
data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i></a>
<div class="collapsible-body"
id="collapse_{{page.id}}">
<ul>
{% for subpage in pages(page.id) %}
<li>
<a class="waves-effect"
href="{{ subpage.url }}">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endif %}
<ul id="slide-out" class="sidenav collapsible">
{% block sideNavigation %}
{% for page in pages("index") if not page.hidden %}
{% if pages(page.id) | length < 1 %}
<li>
<a class="waves-effect" href="{{ page.url }}" tabindex="0">{{ page.title }}</a>
{% else %}
<li>
<a class="collapsible-header waves-effect" data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i>
</a>
<div class="collapsible-body" id="collapse_{{page.id}}">
<ul>
{% for subpage in pages(page.id) %}
<li>
<a class="waves-effect" href="{{ subpage.url }}">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endif %}
</li>
{% endfor %}
{% endblock %}
</ul>
</li>
{% endfor %}
{% endblock %}
</ul>

4
config/config.yml
View File

@ -18,13 +18,13 @@ themes_url:
# If this fails, override it here. Example: https://example.com/pico/themes/
theme_config: # Additional theme-specific config
widescreen: false # Default theme: Use more horizontal space (i.e. make the site container wider)
color: default
color: white
twig_config: # Twig template engine config
autoescape: html # Let Twig escape variables by default
strict_variables: false # If set to true, Twig will bail out when unset variables are being used
charset: utf-8 # The charset used by Twig templates
debug: ~ # Enable Twig's debug mode
cache: false # Enable Twig template caching by specifying a path to a writable directory
cache: cache # Enable Twig template caching by specifying a path to a writable directory
auto_reload: true # Recompile Twig templates whenever the source code changes
##