Commit 2f71122d authored by ancoats's avatar ancoats
Browse files

Refactor blocks for versatile use

parent ded691b2
......@@ -8,16 +8,24 @@
<footer class="r-page-footer" id="page-footer">
{% block prefooter %}
{% include '_partials/components/page-footer/block-open-collective.twig' %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'extinction'
} %}
{% set page = craft.entries.section('pageAbout').one() %}
{% include '_partials/components/shared/tile.twig' with {
tileButtonURL: page.url,
tileButtonLabel: 'Our values'|t,
tileTheme: 'orchid'
} %}
{% block a %}
{% include '_partials/components/shared/block-open-collective.twig' with {
class: 'c-box--center u-background-color-yellow'
} %}
{% endblock %}
{% block b %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'extinction'
} %}
{% endblock %}
{% block c %}
{% set page = craft.entries.section('pageAbout').one() %}
{% include '_partials/components/shared/tile.twig' with {
tileButtonURL: page.url,
tileButtonLabel: 'Our values'|t,
tileTheme: 'orchid'
} %}
{% endblock %}
{% endblock %}
</footer>
......
......@@ -33,7 +33,9 @@
{% endblock %}
{% block prefooter %}
{% include '_partials/components/page-footer/block-newsletter.twig' %}
{% include '_partials/components/shared/block-newsletter.twig' with {
class: 'c-box--center u-background-color-pink'
} %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'eyes'
} %}
......
......@@ -31,7 +31,9 @@
{% endblock %}
{% block prefooter %}
{% include '_partials/components/page-footer/block-newsletter.twig' %}
{% include '_partials/components/shared/block-newsletter.twig' with {
class: 'c-box--center u-background-color-pink'
} %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'eyes'
} %}
......
......@@ -7,11 +7,15 @@
} %}
<section class="c-panel" id="section-values">
<div class="container stack">
{% include '_partials/components/template-page-about/list-values.twig' with { heading: true } %}
{% include '_partials/components/template-page-about/list-values.twig' with {
heading: true
} %}
</div>
</section>
<div class="rebel-for-life">
{% include '_partials/components/template-page-about/block-structure.twig' %}
{% include '_partials/components/template-page-about/block-structure.twig' with {
class: 'c-box--center u-background-color-purple u-color-white'
} %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'tree-of-life-circle'
} %}
......@@ -22,11 +26,16 @@
{% endblock %}
{% block prefooter %}
{% include '_partials/components/page-footer/block-discourse.twig' %}
{% include '_partials/components/shared/block-discourse.twig' with {
class: 'c-box--center u-background-color-blue-lazuli u-color-white'
} %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'shockface'
} %}
{% set page = craft.entries.section('pageDemands').one() %}
{% include '_partials/components/shared/tile.twig' with {
tileButtonURL: page.url,
tileButtonLabel: 'Our demands'|t,
tileTheme: 'extinction'
} %}
{% endblock %}
......@@ -20,7 +20,9 @@
{% endblock %}
{% block prefooter %}
{% include '_partials/components/page-footer/block-gitbook.twig' %}
{% include '_partials/components/shared/block-gitbook.twig' with {
class: 'c-box--center u-background-color-red u-color-white'
} %}
{% include '_partials/components/shared/tile.twig' with {
tileTheme: 'tree-of-life-circle'
} %}
......
......@@ -67,8 +67,8 @@
<section class="c-panel u-background-color-pink" id="section-forms">
<h2 class="c-heading">{{ 'Join the Rebellion'|t }}</h2>
<div class="act-now">
{% include '_partials/components/template-page-home/block-newsletter.twig' %}
{% include '_partials/components/template-page-home/block-rebels-manager.twig' %}
{% include '_partials/components/shared/block-newsletter.twig' %}
{% include '_partials/components/shared/block-rebels-manager.twig' %}
</div>
{% if prompts.promptStarterPack %}
{% include '_partials/components/shared/prompt.twig' with {
......
......@@ -38,7 +38,8 @@
tileTheme: 'tree-of-life-circle'
} %}
{% include '_partials/components/template-user-local-group/block-social-media.twig' with {
user: user
user: user,
class: 'c-box--center u-background-color-black u-color-white'
} %}
</div>
{% if user.body %}
......
<div class="c-box c-box--center u-background-color-blue-lazuli u-color-white">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ blocks.blockHeadingDiscourse }}</h2>
<p>{{ blocks.blockDescriptionDiscourse }}</p>
<a class="c-button" href="{{ services.serviceURLDiscourse }}">
......
<div class="c-box c-box--center u-background-color-yellow">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ blocks.blockHeadingGitbook }}</h2>
<p>{{ blocks.blockDescriptionGitbook }}</p>
<a class="c-button" href="{{ services.serviceURLGitbook }}">
......
<div class="c-box c-box--center u-background-color-pink">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ blocks.blockHeadingNewsletter }}</h2>
<p>{{ blocks.blockDescriptionNewsletter }}</p>
<a class="c-button" href="{{ services.serviceURLNewsletter }}">
......
......@@ -12,7 +12,7 @@
{% set blockButtonURL = services.serviceURLOpenCollective %}
{% endif %}
<div class="c-box c-box--center u-background-color-yellow">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ blockHeading }}</h2>
<p class="lead">{{ blockDescription }}</p>
<a class="c-button" href="{{ blockButtonURL }}">
......
<div class="c-box">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ blocks.blockHeadingRebelsManager }}</h2>
<p>{{ blocks.blockDescriptionRebelsManager }}</p>
<a class="c-button" href="{{ services.serviceURLRebelsManager }}">
<span class="c-button__label">{{ blocks.blockButtonLabelRebelsManager }}</a>
<span class="c-button__label">{{ blocks.blockButtonLabelRebelsManager }}</span>
</a>
</div>
<div class="c-box c-box--center u-background-color-purple u-color-white">
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ entry.blockHeadingStructure }}</h2>
{{ entry.blockDescriptionStructure }}
<div class="c-button-group">
......
<div class="c-box">
<h2 class="c-box__heading">{{ blocks.blockHeadingNewsletter }}</h2>
<p>{{ blocks.blockDescriptionNewsletter }}</p>
<a class="c-button" href="{{ services.serviceURLNewsletter }}">
<span class="c-button__label">{{ blocks.blockButtonLabelNewsletter }}</span>
</a>
</div>
{% if user|length %}
<div class="c-box c-box--center u-background-color-black u-color-white">
<h2 class="h3">{{ 'Follow {user}'|t({
<div class="c-box{% if (class is defined and class) %} {{ class }}{% endif %}">
<h2 class="c-box__heading">{{ 'Follow {user}'|t({
user: user.userNamePublic | default(user.name)
}) }}</h2>
{% include '_partials/components/shared/icon-group.twig' with {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment