Code
/
lmmi_journal_theme
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Merge branch 'master' of https://github.com/rdrew/lmmi_journal_theme

dependabot/npm_and_yarn/acorn-5.7.4
rdrew 6 years ago
parent
4d8e478fa1 f8f6982275
commit
a9ad6605c3
23 changed files with 2316 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      lmmi_journal.theme
  2. 33
      templates/article_pages/article--hero.html.twig
  3. 1
      templates/article_pages/field--node--body--journal-article.html.twig
  4. 1
      templates/article_pages/field--node--field-journal-article-abstract.html.twig
  5. 62
      templates/article_pages/node--journal-article.html.twig
  6. 68
      templates/article_pages/node--journal-article.html.twig.xx
  7. 796
      templates/article_pages/page--journal-article.html.twig
  8. 56
      templates/block--lmmi-journal-page-title.html.twig
  9. 28
      templates/dummy_content/article-mockup.html.twig
  10. 19
      templates/dummy_content/article-title-mockup.html.twig
  11. 65
      templates/field--entity-reference.html.twig
  12. 32
      templates/field--node--title.html.twig.xxx
  13. 29
      templates/media--image--hero.html.twig
  14. 55
      templates/menu--author_tasks.html.twig
  15. 16
      templates/page-title.html.twig
  16. 781
      templates/page.html.twig
  17. 69
      templates/toc/block--tableofcontents-2.html.twig
  18. 62
      templates/toc/block--tableofcontents.html.twig
  19. 18
      templates/toc/toc-back-to-top.html.twig
  20. 17
      templates/toc/toc-header.html.twig
  21. 26
      templates/toc/toc-menu.html.twig
  22. 20
      templates/toc/toc-responsive.html.twig
  23. 60
      templates/toc/toc-tree.html.twig

29
lmmi_journal.theme
Unescape View File

@ -0,0 +1,29 @@
<?php
/**
* Implements hook_theme_suggestions_page_alter().
*/
function lmmi_journal_theme_suggestions_page_alter(array &$suggestions, array $variables) {
if ($node = \Drupal::routeMatch()->getParameter('node')) {
$suggestions[] = 'page__' . $node->bundle();
}
}
/**
* Implements hook_preprocess_node().
* @param $variables
*/
function lmmi_journal_preprocess_node(&$variables) {
$node = $variables['elements']['#node'];
$bundle = $node->bundle();
if ($bundle == 'journal_article' && $variables['elements']['#view_mode'] == 'hero') {
$hero_image = $node->get('field_article_highlight_image')->getValue();
if (!empty($hero_image)) {
$entity = Media::load($hero_image[0]['target_id']);
$variables['hero_image'] = ImageStyle::load('article_hero')->buildUrl($entity->field_image->entity->getFileUri());
}
}
}

33
templates/article_pages/article--hero.html.twig
Unescape View File

@ -0,0 +1,33 @@
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
<div class="bg-image">
{{ content.field_article_highlight_image}}
</div>
<div class="container article-info--wrapper">
{% block title_area %}
{{ title_prefix }}
<h1{{ title_attributes.addClass('article--title title') }}>
{{ label }}
</h1>
<h1{{ title_attributes.addClass('article--title title sr-only') }}>
{{ label }}
</h1>
{{ title_suffix }}
{% endblock %}
<section class="article-header--metadata">
<div class="left">
<div class="article--contributor">
Robert N. Drew
</div>
<div class="article--contributor__affiliation">University of Prince Edward Island</div>
</div>
<div class="right">
<div class="article--type">Article</div>
<div class="article--date-published">
Published September 20, 2018
</div>
</div>
</section>
</div>
</header>

1
templates/article_pages/field--node--body--journal-article.html.twig
Unescape View File

@ -0,0 +1 @@
{% extends "field--text.html.twig" %}

1
templates/article_pages/field--node--field-journal-article-abstract.html.twig
Unescape View File

@ -0,0 +1 @@
{% extends "field--text.html.twig" %}

62
templates/article_pages/node--journal-article.html.twig
Unescape View File

@ -0,0 +1,62 @@
{#{{ dump() }}#}
{#{{ kint(node) }}#}
{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %}
{% set tabs = drupal_block('local_tasks_block') %}
{%
set classes = [
'node',
'node--type-' ~ node.bundle|clean_class,
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
'clearfix',
]
%}
{{ attach_library('classy/node') }}
{{ attach_library('magazineplus/node') }}
{#main banner#}
{% include '@lmmi_journal/article_pages/article--hero.html.twig' %}
<div class="container">
<div class="clearfix">
<div class="row">
<div class="col-md-12">
<article{{ attributes.addClass(classes) }}>
{#admin tabs#}
<div class="node__container">
{% block node_side %}
{% endblock %}
{{ toc }}
{#start of article #}
<div{{ content_attributes.addClass( 'node__main-content', 'clearfix') }}>
{{ tabs }}
{% block header_top %}
{% endblock %}
{#main content#}
{% block content %}
{{ content|without( 'field_article_highlight_image' )}}
{% endblock %}
{% block content_bottom %}
{% endblock %}
</div>
</div>
</article>
</div>
</div>
</div>
</div>

68
templates/node--journal-article.html.twig → templates/article_pages/node--journal-article.html.twig.xx
Unescape View File

@ -82,6 +82,9 @@
%} %}
{{ attach_library('classy/node') }} {{ attach_library('classy/node') }}
{{ attach_library('magazineplus/node') }} {{ attach_library('magazineplus/node') }}
<article{{ attributes.addClass(classes) }}> <article{{ attributes.addClass(classes) }}>
<div class="node__container"> <div class="node__container">
{% block node_side %} {% block node_side %}
@ -89,39 +92,50 @@
<div{{ content_attributes.addClass('node__main-content', 'clearfix') }}> <div{{ content_attributes.addClass('node__main-content', 'clearfix') }}>
{% block header_top %} {% block header_top %}
{% endblock %} {% endblock %}
<header class="node__header">
{#main banner#}
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
<div class="bg-image">
{{ content.field_article_highlight_image}}
</div>
<div class="article-info--wrapper">
{% block title_area %} {% block title_area %}
{{ title_prefix }} {{ title_prefix }}
{% if not page %} <h1{{ title_attributes.addClass('article--title title') }}>
<h2{{ title_attributes.addClass('node__title') }}> {{ label }}
<a href="{{ url }}" rel="bookmark">{{ label }}</a> </h1>
</h2> <h1{{ title_attributes.addClass('article--title title sr-only') }}>
{% else %}
<h2{{ title_attributes.addClass('node__title title sr-only') }}>
{{ label }} {{ label }}
</h2> </h1>
{% endif %}
{{ title_suffix }} {{ title_suffix }}
{% endblock %} {% endblock %}
{% block meta_area %} <section class="article-header--metadata">
{% if display_submitted %} <div class="left">
<div class="node__meta"> <div class="article--contributor">
{{ author_picture }} Robert N. Drew
<span{{ author_attributes.addClass('node__submitted-info') }}> </div>
{% trans %} <div class="article--contributor__affiliation">University of Prince Edward Island</div>
<span class="node__submitted-info-text">By</span> {{ author_name }} on </div>
<span class="node__submitted-date"> <div class="right">
{{ date }} <div class="article--type">Article</div>
</span> <div class="article--date-published">
{% endtrans %} Published September 20, 2018
</span> </div>
{{ metadata }} </div>
</div> </section>
{% endif %} </div>
{% endblock %}
</header> </header>
{#admin tabs#}
{{ drupal_block('local_tasks_block') }}
{#toc#}
{{ drupal_region('hidden_blocks_collection') }}
{#main content#}
{% block content %} {% block content %}
{{ content }} {{ content|without( 'field_article_highlight_image' )}}
{% endblock %} {% endblock %}
{% block content_bottom %} {% block content_bottom %}
{% endblock %} {% endblock %}

796
templates/article_pages/page--journal-article.html.twig
Unescape View File

@ -0,0 +1,796 @@
{#
/**
* @file
* Magazine+'s theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template normally located in the
* core/modules/system directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
* - logo: The url of the logo image, as defined in theme settings.
* - site_name: The name of the site. This is empty when displaying the site
* name has been disabled in the theme settings.
* - site_slogan: The slogan of the site. This is empty when displaying the site
* slogan has been disabled in theme settings.
* Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.slideout: Items for the Slideout region.
* - page.pre_header: Items for the Pre Header region.
* - page.header_top_highlighted_first: Items for the Header Top Highlighted First region.
* - page.header_top_highlighted_second: Items for the Header Top Highlighted Second region.
* - page.header_top_first: Items for the Header Top First region.
* - page.header_top_second: Items for the Header Top Second region.
* - page.header_first: Items for the Header First region.
* - page.header: Items for the Header Second region.
* - page.header_third: Items for the Header Third region.
* - page.banner: Items for the Banner region.
* - page.content_top: Items for the Content Top region.
* - page.content_top_highlighted: Items for the Content Top Highlighted region.
* - page.content: Items for the Content region.
* - page.sidebar_first: Items for the First Sidebar region.
* - page.sidebar_second: Items for the Second Sidebar region.
* - page.content_bottom_first: Items for the Content Bottom First region.
* - page.content_bottom_second: Items for the Content Bottom Second region.
* - page.featured_top: Items for the Featured Top region.
* - page.featured: Items for the Featured region.
* - page.featured_bottom: Items for the Featured Bottom region.
* - page.sub_featured: Items for the Sub Featured region.
* - page.breadcrumb: Items for the Breadcrumb region.
* - page.highlighted: Items for the Highlighted region.
* - page.pre_content_first: Items for the Pre Content First region.
* - page.pre_content_second: Items for the Pre Content Second region.
* - page.footer_top_first: Items for the Footer Top First region.
* - page.footer_top_second: Items for the Footer Top Second region.
* - page.footer_first: Items for the Footer First region.
* - page.footer_second: Items for the Footer Second region.
* - page.footer_third: Items for the Footer Third region.
* - page.footer_fourth: Items for the Footer Fourth region.
* - page.footer_fifth: Items for the Footer Fifth region.
* - page.footer_bottom_first: Items for the Footer Bottom First region.
* - page.footer_bottom_second: Items for the Footer Bottom Second region.
* - page.sub_footer_first: Items for the Subfooter First region.
* - page.footer: Items for the Subfooter Second region.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{#{{dump()}}#}
{% if page.slideout %}
{# slideout #}
<div class="clearfix slideout {{ slideout_background_color }}{{ (slideout_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (slideout_region_paddings) ? ' region--no-paddings' : '' }}">
{# slideout__container #}
<div class="clearfix slideout__container">
<div class="slideout__section">
{{ page.slideout }}
</div>
</div>
{# EOF:slideout__container #}
</div>
{# EOF: slideout #}
{# EOF: slideout-toggle #}
<button class="slideout-toggle slideout-toggle--fixed"><i class="fa fa-align-justify"></i></button>
{# EOF: slideout-toggle #}
{% endif %}
{# page-container #}
<div class="page-container">
{% if page.pre_header %}
{# pre-header #}
<div class="clearfix pre-header {{ pre_header_background_color }} {{ pre_header_separator }}{{ (pre_header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_header_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ pre_header_layout_container }}">
{# pre-header__container #}
<div class="clearfix pre-header__container">
<div class="row">
<div class="col-md-12">
<div class="clearfix pre-header__section">
{{ page.pre_header }}
</div>
</div>
</div>
</div>
{# EOF:pre-header__container #}
</div>
</div>
{# EOF: pre-header #}
{% endif %}
{% if page.header_top_first or page.header_top_second or page.header_first or page.header or page.header_third or page.header_top_highlighted_first or page.header_top_highlighted_second %}
{# header-container #}
<div class="header-container">
{% if page.header_top_highlighted_first or page.header_top_highlighted_second %}
{# header_top_highlighted #}
<div class="clearfix header-top-highlighted {{ header_top_highlighted_background_color }}{{ (header_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ header_top_highlighted_layout_container }}">
{# header_top_highlighted__container #}
<div class="clearfix header-top-highlighted__container{{ (header_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if header_top_highlighted_animations == "enabled" %}
data-animate-effect="{{ header_top_highlighted_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.header_top_highlighted_first %}
<div class="{{ header_top_highlighted_first_grid_class }}">
{# header-top-highlighted-first #}
<div class="clearfix header-top-highlighted__section header-top-highlighted-first">
{{ page.header_top_highlighted_first }}
</div>
{# EOF:header-top-highlighted-first #}
</div>
{% endif %}
{% if page.header_top_highlighted_second %}
<div class="{{ header_top_highlighted_second_grid_class }}">
{# header-top-highlighted-second #}
<div class="clearfix header-top-highlighted__section header-top-highlighted-second">
{{ page.header_top_highlighted_second }}
</div>
{# EOF:header-top-highlighted-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:header-top-highlighted__container #}
</div>
</div>
{# EOF: header-top-highlighted #}
{% endif %}
{% if page.header_top_first or page.header_top_second %}
{# header-top #}
<div class="hero clearfix header-top {{ header_top_background_color }}{{ (header_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ header_top_layout_container }}">
{# header-top__container #}
<div class="clearfix header-top__container{{ (header_top_animations == "enabled") ? ' fade' : '' }}"
{% if header_top_animations == "enabled" %}
data-animate-effect="{{ header_top_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.header_top_first %}
<div class="{{ header_top_first_grid_class }}">
{# header-top-first #}
<div class="clearfix header-top__section header-top-first">
{{ page.header_top_first }}
</div>
{# EOF:header-top-first #}
</div>
{% endif %}
{% if page.header_top_second %}
<div class="{{ header_top_second_grid_class }}">
{# header-top-second #}
<div class="clearfix header-top__section header-top-second">
{{ page.header_top_second }}
</div>
{# EOF:header-top-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: header-top__container #}
</div>
</div>
{# EOF: header-top #}
{% endif %}
{% if page.header_first or page.header or page.header_third %}
{# header #}
<header role="banner" class="clearfix header {{ header_background_color }} {{ header_layout_container_class }} {{ header_layout_columns_class }}{{ (header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_region_paddings) ? ' region--no-paddings' : '' }}">
{% if mt_site_name or mt_logo %}
<div class="onscroll-site-name-site-logo-container">
{% if mt_logo %}
<div class="onscroll-logo">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home"><img class="img-responsive" src="{{ mt_logo }}" /></a>
</div>
{% endif %}
{% if mt_site_name %}
<div class="onscroll-site-name site-name">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ mt_site_name }}</a>
</div>
{% endif %}
</div>
{% endif %}
<div class="{{ header_layout_container }}">
{# header__container #}
<div class="clearfix header__container">
<div class="row">
{% if page.header_third %}
<div class="{{ header_third_grid_class }}">
{# header-third #}
<div class="clearfix header__section header-third">
{{ page.header_third }}
</div>
{# EOF:header-third #}
</div>
{% endif %}
{% if page.header_first %}
<div class="{{ header_first_grid_class }}">
{# header-first #}
<div class="clearfix header__section header-first">
{{ page.header_first }}
</div>
{# EOF:header-first #}
</div>
{% endif %}
{% if page.header %}
<div class="{{ header_second_grid_class }}">
{# header-second #}
<div class="clearfix header__section header-second">
{{ page.header }}
</div>
{# EOF:header-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: header__container #}
</div>
</header>
{# EOF: header #}
{% endif %}
</div>
{# EOF: header-container #}
{% endif %}
{% if page.banner %}
{# banner #}
<div class="clearfix banner {{ banner_background_color }}{{ (banner_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (banner_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ banner_layout_container }}">
{# banner__container #}
<div class="clearfix banner__container">
<div class="row">
<div class="col-md-12">
<div class="banner__section">
{{ page.banner }}
</div>
</div>
</div>
</div>
{# EOF: banner__container #}
</div>
</div>
{# EOF:banner #}
{% endif %}
{# page-start #}
<div id="page-start" class="clearfix page-start"></div>
{#{% if page.system_messages %}#}
{#<div class="system-messages clearfix">#}
{#<div class="container">#}
{#<div class="row">#}
{#<div class="col-md-12">#}
{#{{ page.system_messages }}#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#{% endif %}#}
{% if page.highlighted_top %}
{# highlighted-top #}
<div class="clearfix highlighted-top {{ highlighted_top_background_color }} {{ highlighted_top_separator }}{{ (highlighted_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ highlighted_top_layout_container }}">
{# highlighted-top__container #}
<div class="clearfix highlighted-top__container{{ (highlighted_top_animations == "enabled") ? ' fade' : '' }}"
{% if highlighted_top_animations == "enabled" %}
data-animate-effect="{{ highlighted_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix highlighted-top__section">
{{ page.highlighted_top }}
</div>
</div>
</div>
</div>
{# EOF:highlighted-top__container #}
</div>
</div>
{# EOF: highlighted-top #}
{% endif %}
{% if page.highlighted %}
{# highlighted #}
<div class="clearfix highlighted {{ highlighted_background_color }} {{ highlighted_separator }}{{ (highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ highlighted_layout_container }}">
{# highlighted__container #}
<div class="clearfix highlighted__container{{ (highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if highlighted_animations == "enabled" %}
data-animate-effect="{{ highlighted_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix highlighted__section">
{{ page.highlighted }}
</div>
</div>
</div>
</div>
{# EOF:highlighted__container #}
</div>
</div>
{# EOF: highlighted #}
{% endif %}
{% if page.content_top %}
{# content-top #}
<div class="clearfix content-top {{ content_top_background_color }}{{ (content_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_top_layout_container }}">
{# content-top__container #}
<div class="clearfix content-top__container{{ (content_top_animations == "enabled") ? ' fade' : '' }}"
{% if content_top_animations == "enabled" %}
data-animate-effect="{{ content_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="content-top__section">
{{ page.content_top }}
</div>
</div>
</div>
</div>
{# EOF:content-top__container #}
</div>
</div>
{# EOF: content-top #}
{% endif %}
{% if page.content_top_highlighted %}
{# content-top-highlighted #}
<div class="clearfix content-top-highlighted {{ content_top_highlighted_background_color }} {{ content_top_highlighted_separator }}{{ (content_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_top_highlighted_layout_container }}">
{# content-top-highlighted__container #}
<div class="clearfix content-top-highlighted__container{{ (content_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if content_top_highlighted_animations == "enabled" %}
data-animate-effect="{{ content_top_highlighted_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="content-top-highlighted__section">
{{ page.content_top_highlighted }}
</div>
</div>
</div>
</div>
{# EOF:content-top-highlighted__container #}
</div>
</div>
{# EOF: content-top-highlighted #}
{% endif %}
{% if page.pre_content_first or page.pre_content_second %}
{# pre-content #}
<div class="clearfix pre-content {{ pre_content_background_color }} {{ pre_content_separator }}{{ (pre_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_content_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ pre_content_layout_container }}">
{# pre-content__container #}
<div class="clearfix pre-content__container{{ (pre_content_animations == "enabled") ? ' fade' : '' }}"
{% if pre_content_animations == "enabled" %}
data-animate-effect="{{ pre_content_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.pre_content_first %}
<div class="{{ pre_content_first_grid_class }}">
{# pre-content-first #}
<div class="clearfix pre-content__section pre-content-first">
{{ page.pre_content_first }}
</div>
{# EOF:pre-content-first #}
</div>
{% endif %}
{% if page.pre_content_second %}
<div class="{{ pre_content_second_grid_class }}">
{# pre-content-second #}
<div class="clearfix pre-content__section pre-content-second">
{{ page.pre_content_second }}
</div>
{# EOF:pre-content-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:pre-content__container #}
</div>
</div>
{# EOF: pre-content #}
{% endif %}
{# main-content #}
<div class="clearfix main-content region--dark-typography region--white-background {{ main_content_separator }}">
{#<div class="container">#}
{#<div class="clearfix main-content__container">#}
{#<div class="row">#}
{#<section class="{{ main_grid_class }}">#}
<div >
<div>
<div>
<section>
{# main #}
<div class="clearfix main-content__section{{ (main_content_animations == "enabled") ? ' fade' : '' }}{{ (main_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (main_content_region_paddings) ? ' region--no-paddings' : '' }}"
{% if main_content_animations == "enabled" %}
data-animate-effect="{{ main_content_animation_effect }}"
{% endif %}>
{% if page.content %}
{{ page.content }}
{% endif %}
</div>
{# EOF:main #}
</section>
{#sidebars#}
{% if page.sidebar_first %}
<aside class="{{ sidebar_first_grid_class }}">
{# sidebar-first #}
<section class="sidebar__section sidebar-first clearfix{{ (sidebar_first_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_first_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_first_region_paddings) ? ' region--no-paddings' : '' }}"
{% if sidebar_first_animations == "enabled" %}
data-animate-effect="{{ sidebar_first_animation_effect }}"
{% endif %}>
{{ page.sidebar_first }}
</section>
{# EOF:sidebar-first #}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="{{ sidebar_second_grid_class }}">
{# sidebar-second #}
<section class="sidebar__section sidebar-second clearfix{{ (sidebar_second_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_second_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_second_region_paddings) ? ' region--no-paddings' : '' }}"
{% if sidebar_second_animations == "enabled" %}
data-animate-effect="{{ sidebar_second_animation_effect }}"
{% endif %}>
{{ page.sidebar_second }}
</section>
{# EOF:sidebar-second #}
</aside>
{% endif %}
{#end of sidebars#}
</div>
</div>
</div>
</div>
{# EOF:main-content #}
{% if page.content_bottom_first or page.content_bottom_second %}
{# content-bottom #}
<div class="clearfix content-bottom {{ content_bottom_background_color }} {{ content_bottom_separator }}{{ (content_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_bottom_layout_container }}">
{# content-bottom__container #}
<div class="clearfix content-bottom__container{{ (content_bottom_animations == "enabled") ? ' fade' : '' }}"
{% if content_bottom_animations == "enabled" %}
data-animate-effect="{{ content_bottom_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.content_bottom_first %}
<div class="{{ content_bottom_first_grid_class }}">
{# content-bottom-first #}
<div class="clearfix content-bottom__section content-bottom-first">
{{ page.content_bottom_first }}
</div>
{# EOF:content-bottom-first #}
</div>
{% endif %}
{% if page.content_bottom_second %}
<div class="{{ content_bottom_second_grid_class }}">
{# content-bottom-second #}
<div class="clearfix content-bottom__section content-bottom-second">
{{ page.content_bottom_second }}
</div>
{# EOF:content-bottom-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:content-bottom__container #}
</div>
</div>
{# EOF: content-bottom #}
{% endif %}
{% if page.featured_top %}
{# featured-top #}
<div class="clearfix featured-top {{ featured_top_background_color }} {{ featured_top_separator }}{{ (featured_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_top_layout_container }}">
{# featured-top__container #}
<div class="clearfix featured-top__container{{ (featured_top_animations == "enabled") ? ' fade' : '' }}"
{% if featured_top_animations == "enabled" %}
data-animate-effect="{{ featured_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured-top__section">
{{ page.featured_top }}
</div>
</div>
</div>
</div>
{# EOF:featured-top__container #}
</div>
</div>
{# EOF: featured-top #}
{% endif %}
{% if page.featured %}
{# featured #}
<div class="clearfix featured {{ featured_background_color }} {{ featured_separator }}{{ (featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_layout_container }}">
{# featured__container #}
<div class="clearfix featured__container{{ (featured_animations == "enabled") ? ' fade' : '' }}"
{% if featured_animations == "enabled" %}
data-animate-effect="{{ featured_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured__section">
{{ page.featured }}
</div>
</div>
</div>
</div>
{# EOF:featured__container #}
</div>
</div>
{# EOF: featured #}
{% endif %}
{% if page.featured_bottom %}
{# featured-bottom #}
<div class="clearfix featured-bottom {{ featured_bottom_background_color }} {{ featured_bottom_separator }}{{ (featured_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_bottom_layout_container }}">
{# featured-bottom__container #}
<div class="clearfix featured-bottom__container{{ (featured_bottom_animations == "enabled") ? ' fade' : '' }}"
{% if featured_bottom_animations == "enabled" %}
data-animate-effect="{{ featured_bottom_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured-bottom__section">
{{ page.featured_bottom }}
</div>
</div>
</div>
</div>
{# EOF:featured-bottom__container #}
</div>
</div>
{# EOF: featured-bottom #}
{% endif %}
{% if page.sub_featured %}
{# sub_featured #}
<div class="clearfix sub-featured {{ sub_featured_background_color }} {{ sub_featured_separator }}{{ (sub_featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sub_featured_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ sub_featured_layout_container }}">
{# sub_featured__container #}
<div class="clearfix sub-featured__container{{ (sub_featured_animations == "enabled") ? ' fade' : '' }}"
{% if sub_featured_animations == "enabled" %}
data-animate-effect="{{ sub_featured_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix sub-featured__section">
{{ page.sub_featured }}
</div>
</div>
</div>
</div>
{# EOF:sub_featured__container #}
</div>
</div>
{# EOF: sub_featured #}
{% endif %}
{% if page.footer_top_first or page.footer_top_second %}
{# footer-top #}
<div class="clearfix footer-top {{ footer_top_regions }} {{ footer_top_background_color }} {{ footer_top_separator }}{{ (footer_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ footer_top_layout_container }}">
{# footer-top__container #}
<div class="clearfix footer-top__container{{ (footer_top_animations == "enabled") ? ' fade' : '' }}"
{% if footer_top_animations == "enabled" %}
data-animate-effect="{{ footer_top_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.footer_top_first %}
<div class="{{ footer_top_first_grid_class }}">
{# footer-top-first #}
<div class="clearfix footer-top__section footer-top-first">
{{ page.footer_top_first }}
</div>
{# EOF:footer-top-first #}
</div>
{% endif %}
{% if page.footer_top_second %}
<div class="{{ footer_top_second_grid_class }}">
{# footer-top-second #}
<div class="clearfix footer-top__section footer-top-second">
{{ page.footer_top_second }}
</div>
{# EOF:footer-top-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: footer-top__container #}
</div>
</div>
{# EOF: footer-top #}
{% endif %}
{% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth or page.footer_fifth %}
{# footer #}
<footer class="clearfix footer {{ footer_background_color }} {{ footer_separator }} {{ scroll_to_top_region }}{{ (footer_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "footer-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ footer_layout_container }}">
<div class="clearfix footer__container">
<div class="row">
{% if page.footer_first %}
<div class="{{ footer_first_grid_class }}">
{# footer-first #}
<div class="clearfix footer__section footer-first{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_first }}
</div>
{# EOF:footer-first #}
</div>
{% endif %}
{% if page.footer_second %}
<div class="{{ footer_second_grid_class }}">
{# footer-second #}
<div class="clearfix footer__section footer-second{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_second }}
</div>
{# EOF:footer-second #}
</div>
{% endif %}
<div class="clearfix {{ footer_4_columns_clearfix_first }}"></div>
{% if page.footer_third %}
<div class="{{ footer_third_grid_class }}">
{# footer-third #}
<div class="clearfix footer__section footer-third{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_third }}
</div>
{# EOF:footer-third #}
</div>
{% endif %}
<div class="clearfix {{ footer_4_columns_clearfix_second }} {{ footer_5_columns_clearfix }}"></div>
{% if page.footer_fourth %}
<div class="{{ footer_fourth_grid_class }}">
{# footer-fourth #}
<div class="clearfix footer__section footer-fourth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_fourth }}
</div>
{# EOF:footer-fourth #}
</div>
{% endif %}
{% if page.footer_fifth %}
<div class="{{ footer_fifth_grid_class }}">
{# footer-fifth #}
<div class="clearfix footer__section footer-fifth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_fifth }}
</div>
{# EOF:footer-fifth #}
</div>
{% endif %}
</div>
</div>
</div>
</footer>
{# EOF footer #}
{% endif %}
{% if page.footer_bottom_first or page.footer_bottom_second %}
{# footer-bottom #}
<div class="clearfix footer-bottom {{ footer_bottom_background_color }} {{ footer_bottom_separator }} {{ scroll_to_top_region }}{{ (footer_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "footer-bottom-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ footer_bottom_layout_container }}">
{# footer-bottom__container #}
<div class="clearfix footer-bottom__container">
<div class="row">
{% if page.footer_bottom_first %}
<div class="{{ footer_bottom_first_grid_class }}">
{# footer-bottom-first #}
<div class="clearfix footer-bottom__section footer-bottom-first">
{{ page.footer_bottom_first }}
</div>
{# EOF:footer-bottom-first #}
</div>
{% endif %}
{% if page.footer_bottom_second %}
<div class="{{ footer_bottom_second_grid_class }}">
{# footer-bottom-first #}
<div class="clearfix footer-bottom__section footer-bottom-first">
{{ page.footer_bottom_second }}
</div>
{# EOF:footer-bottom-first #}
</div>
{% endif %}
</div>
</div>
{# EOF:footer-bottom__container #}
</div>
</div>
{# EOF: footer-bottom #}
{% endif %}
{% if page.sub_footer_first or page.footer %}
{# subfooter #}
<div class="clearfix subfooter {{ subfooter_background_color }} {{ subfooter_separator }} {{ scroll_to_top_region }}{{ (subfooter_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (subfooter_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "subfooter-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ subfooter_layout_container }}">
{# subfooter__container #}
<div class="clearfix subfooter__container">
<div class="row">
{% if page.sub_footer_first %}
<div class="{{ subfooter_first_grid_class }}">
{# subfooter-first #}
<div class="clearfix subfooter__section subfooter-first">
{{ page.sub_footer_first }}
</div>
{# EOF: subfooter-first #}
</div>
{% endif %}
{% if page.footer %}
<div class="{{ subfooter_second_grid_class }}">
{# subfooter-second #}
<div class="clearfix subfooter__section subfooter-second">
{{ page.footer }}
</div>
{# EOF: subfooter-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: subfooter__container #}
</div>
</div>
{# EOF:subfooter #}
{% endif %}
</div>
{# EOF: page-container #}

56
templates/block--lmmi-journal-page-title.html.twig
Unescape View File

@ -0,0 +1,56 @@
{#
/**
* @file
* Magazine+'s theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - module: The module that provided this block plugin.
* - cache: The cache settings.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main content
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
{%
set title_classes = [
'title'
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes.addClass(title_classes) }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
<div{{ content_attributes.addClass('content') }}>
{{ content }}
</div>
{% endblock %}
</div>

28
templates/dummy_content/article-mockup.html.twig
Unescape View File

@ -0,0 +1,28 @@
<div class="paragraph-responsive-typography-enabled node__main-content article-layout">
<section class="abstract">
<h3>Abstract</h3>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
</section>
<section class="introduction">
<h2>Introduction</h2>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
<p>Elit consectetur odio illo accusamus omnis, perferendis necessitatibus! Neque minus obcaecati nostrum quos ut perferendis. Sit aut sit recusandae libero possimus ratione esse? Quibusdam nihil recusandae neque tenetur saepe! Quaerat?
Sit iste facere dolorem delectus ut et aperiam. Itaque delectus odio nemo itaque ea dicta? Assumenda veritatis vel tempora praesentium laboriosam. Porro tempora sint fugit quas elit. Id expedita voluptates.
</p>
</section>
</div>

19
templates/dummy_content/article-title-mockup.html.twig
Unescape View File

@ -0,0 +1,19 @@
<header class="paragraph-responsive-typography-enabled article-header">
<h1 class="article--title">Example of an Fairly Long Article Title, One that is Likely Multi-line </h1>
<section class="article-header--metadata">
<div class="left">
<div class="article--contributor">
Robert N. Drew
</div>
<div class="article--contributor__affiliation">University of Prince Edward Island</div>
</div>
<div class="right">
<div class="article--type">Article</div>
<div class="article--date-published">
Published September 20, 2018
</div>
</div>
</section>
</header>

65
templates/field--entity-reference.html.twig
Unescape View File

@ -0,0 +1,65 @@
{#
/**
* @file
* Magazine+'s theme override for taxonomy term fields.
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the label.
* - label: The label for the field.
* - content_attributes: HTML attributes for the content.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
* @see bartik_preprocess_field()
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
'field--entity-reference-target-type-' ~ entity_reference_target_type|clean_class,
'clearfix',
]
%}
{%
set title_classes = [
'field__label',
label_display == 'inline' ? 'inline',
]
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes.addClass(classes, 'field__items') }}>
{% for item in items %}
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes.addClass(classes) }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}

32
templates/field--node--title.html.twig.xxx
Unescape View File

@ -0,0 +1,32 @@
{#
/**
* @file
* Theme override for the node title field.
*
* This is an override of field.html.twig for the node title field. See that
* template for documentation about its details and overrides.
*
* Available variables:
* - attributes: HTML attributes for the containing span element.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see field.html.twig
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
]
%}
<h1 {{ attributes.addClass(classes) }}>
{{ item.content }}
</h1>

29
templates/media--image--hero.html.twig
Unescape View File

@ -0,0 +1,29 @@
{#
/**
* @file
* Theme override to display a media item.
*
* Available variables:
* - name: Name of the media.
* - content: Media content.
*
* @see template_preprocess_media()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'media',
'media--type-' ~ media.bundle()|clean_class,
not media.isPublished() ? 'media--unpublished',
view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
]
%}
<article{{ attributes.addClass(classes) }}>
{{ title_suffix.contextual_links }}
{% if content %}
{{ content }}
{% endif %}
</article>

55
templates/menu--author_tasks.html.twig
Unescape View File

@ -0,0 +1,55 @@
{#
/**
* @file
* Theme override to display a menu.
*
* Available variables:
* - menu_name: The machine name of the menu.
* - items: A nested list of menu items. Each menu item contains:
* - attributes: HTML attributes for the menu item.
* - below: The menu item child items.
* - title: The menu link title.
* - url: The menu link url, instance of \Drupal\Core\Url
* - localized_options: Menu link localized options.
* - is_expanded: TRUE if the link has visible children within the current
* menu tree.
* - is_collapsed: TRUE if the link has children within the current menu tree
* that are not currently visible.
* - in_active_trail: TRUE if the link is in the active trail.
*/
#}
{% import _self as menus %}
{#
We call a macro which calls itself to render the full tree.
@see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes.addClass('menu menu__author-tasks') }}>
{% else %}
<ul class="menu">
{% endif %}
{% for item in items %}
{%
set classes = [
'menu-item',
item.is_expanded ? 'menu-item--expanded',
item.is_collapsed ? 'menu-item--collapsed',
item.in_active_trail ? 'menu-item--active-trail',
]
%}
<li{{ item.attributes.addClass(classes) }}>
{{ link(item.title, item.url) }}
{% if item.below %}
{{ menus.menu_links(item.below, attributes, menu_level + 1) }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{% endmacro %}

16
templates/page-title.html.twig
Unescape View File

@ -0,0 +1,16 @@
{% extends "@classy/content/page-title.html.twig" %}
{#
/**
* @file
* Magazine+'s theme implementation for a page title.
*
* Available variables:
* - title_attributes: HTML attributes for the page title element.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title: The page title, for use in the actual content.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*/
#}
{% set title_attributes = title_attributes.addClass('title') %}

781
templates/page.html.twig
Unescape View File

@ -0,0 +1,781 @@
{#
/**
* @file
* Magazine+'s theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template normally located in the
* core/modules/system directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
* - logo: The url of the logo image, as defined in theme settings.
* - site_name: The name of the site. This is empty when displaying the site
* name has been disabled in the theme settings.
* - site_slogan: The slogan of the site. This is empty when displaying the site
* slogan has been disabled in theme settings.
* Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.slideout: Items for the Slideout region.
* - page.pre_header: Items for the Pre Header region.
* - page.header_top_highlighted_first: Items for the Header Top Highlighted First region.
* - page.header_top_highlighted_second: Items for the Header Top Highlighted Second region.
* - page.header_top_first: Items for the Header Top First region.
* - page.header_top_second: Items for the Header Top Second region.
* - page.header_first: Items for the Header First region.
* - page.header: Items for the Header Second region.
* - page.header_third: Items for the Header Third region.
* - page.banner: Items for the Banner region.
* - page.content_top: Items for the Content Top region.
* - page.content_top_highlighted: Items for the Content Top Highlighted region.
* - page.content: Items for the Content region.
* - page.sidebar_first: Items for the First Sidebar region.
* - page.sidebar_second: Items for the Second Sidebar region.
* - page.content_bottom_first: Items for the Content Bottom First region.
* - page.content_bottom_second: Items for the Content Bottom Second region.
* - page.featured_top: Items for the Featured Top region.
* - page.featured: Items for the Featured region.
* - page.featured_bottom: Items for the Featured Bottom region.
* - page.sub_featured: Items for the Sub Featured region.
* - page.breadcrumb: Items for the Breadcrumb region.
* - page.highlighted: Items for the Highlighted region.
* - page.pre_content_first: Items for the Pre Content First region.
* - page.pre_content_second: Items for the Pre Content Second region.
* - page.footer_top_first: Items for the Footer Top First region.
* - page.footer_top_second: Items for the Footer Top Second region.
* - page.footer_first: Items for the Footer First region.
* - page.footer_second: Items for the Footer Second region.
* - page.footer_third: Items for the Footer Third region.
* - page.footer_fourth: Items for the Footer Fourth region.
* - page.footer_fifth: Items for the Footer Fifth region.
* - page.footer_bottom_first: Items for the Footer Bottom First region.
* - page.footer_bottom_second: Items for the Footer Bottom Second region.
* - page.sub_footer_first: Items for the Subfooter First region.
* - page.footer: Items for the Subfooter Second region.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{% if page.slideout %}
{# slideout #}
<div class="clearfix slideout {{ slideout_background_color }}{{ (slideout_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (slideout_region_paddings) ? ' region--no-paddings' : '' }}">
{# slideout__container #}
<div class="clearfix slideout__container">
<div class="slideout__section">
{{ page.slideout }}
</div>
</div>
{# EOF:slideout__container #}
</div>
{# EOF: slideout #}
{# EOF: slideout-toggle #}
<button class="slideout-toggle slideout-toggle--fixed"><i class="fa fa-align-justify"></i></button>
{# EOF: slideout-toggle #}
{% endif %}
{# page-container #}
<div class="page-container">
{% if page.pre_header %}
{# pre-header #}
<div class="clearfix pre-header {{ pre_header_background_color }} {{ pre_header_separator }}{{ (pre_header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_header_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ pre_header_layout_container }}">
{# pre-header__container #}
<div class="clearfix pre-header__container">
<div class="row">
<div class="col-md-12">
<div class="clearfix pre-header__section">
{{ page.pre_header }}
</div>
</div>
</div>
</div>
{# EOF:pre-header__container #}
</div>
</div>
{# EOF: pre-header #}
{% endif %}
{% if page.header_top_first or page.header_top_second or page.header_first or page.header or page.header_third or page.header_top_highlighted_first or page.header_top_highlighted_second %}
{# header-container #}
<div class="header-container">
{% if page.header_top_highlighted_first or page.header_top_highlighted_second %}
{# header_top_highlighted #}
<div class="clearfix header-top-highlighted {{ header_top_highlighted_background_color }}{{ (header_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ header_top_highlighted_layout_container }}">
{# header_top_highlighted__container #}
<div class="clearfix header-top-highlighted__container{{ (header_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if header_top_highlighted_animations == "enabled" %}
data-animate-effect="{{ header_top_highlighted_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.header_top_highlighted_first %}
<div class="{{ header_top_highlighted_first_grid_class }}">
{# header-top-highlighted-first #}
<div class="clearfix header-top-highlighted__section header-top-highlighted-first">
{{ page.header_top_highlighted_first }}
</div>
{# EOF:header-top-highlighted-first #}
</div>
{% endif %}
{% if page.header_top_highlighted_second %}
<div class="{{ header_top_highlighted_second_grid_class }}">
{# header-top-highlighted-second #}
<div class="clearfix header-top-highlighted__section header-top-highlighted-second">
{{ page.header_top_highlighted_second }}
</div>
{# EOF:header-top-highlighted-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:header-top-highlighted__container #}
</div>
</div>
{# EOF: header-top-highlighted #}
{% endif %}
{% if page.header_top_first or page.header_top_second %}
{# header-top #}
<div class="hero clearfix header-top {{ header_top_background_color }}{{ (header_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ header_top_layout_container }}">
{# header-top__container #}
<div class="clearfix header-top__container{{ (header_top_animations == "enabled") ? ' fade' : '' }}"
{% if header_top_animations == "enabled" %}
data-animate-effect="{{ header_top_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.header_top_first %}
<div class="{{ header_top_first_grid_class }}">
{# header-top-first #}
<div class="clearfix header-top__section header-top-first">
{{ page.header_top_first }}
</div>
{# EOF:header-top-first #}
</div>
{% endif %}
{% if page.header_top_second %}
<div class="{{ header_top_second_grid_class }}">
{# header-top-second #}
<div class="clearfix header-top__section header-top-second">
{{ page.header_top_second }}
</div>
{# EOF:header-top-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: header-top__container #}
</div>
</div>
{# EOF: header-top #}
{% endif %}
{% if page.header_first or page.header or page.header_third %}
{# header #}
<header role="banner" class="clearfix header {{ header_background_color }} {{ header_layout_container_class }} {{ header_layout_columns_class }}{{ (header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_region_paddings) ? ' region--no-paddings' : '' }}">
{% if mt_site_name or mt_logo %}
<div class="onscroll-site-name-site-logo-container">
{% if mt_logo %}
<div class="onscroll-logo">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home"><img class="img-responsive" src="{{ mt_logo }}" /></a>
</div>
{% endif %}
{% if mt_site_name %}
<div class="onscroll-site-name site-name">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ mt_site_name }}</a>
</div>
{% endif %}
</div>
{% endif %}
<div class="{{ header_layout_container }}">
{# header__container #}
<div class="clearfix header__container">
<div class="row">
{% if page.header_third %}
<div class="{{ header_third_grid_class }}">
{# header-third #}
<div class="clearfix header__section header-third">
{{ page.header_third }}
</div>
{# EOF:header-third #}
</div>
{% endif %}
{% if page.header_first %}
<div class="{{ header_first_grid_class }}">
{# header-first #}
<div class="clearfix header__section header-first">
{{ page.header_first }}
</div>
{# EOF:header-first #}
</div>
{% endif %}
{% if page.header %}
<div class="{{ header_second_grid_class }}">
{# header-second #}
<div class="clearfix header__section header-second">
{{ page.header }}
</div>
{# EOF:header-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: header__container #}
</div>
</header>
{# EOF: header #}
{% endif %}
</div>
{# EOF: header-container #}
{% endif %}
{% if page.banner %}
{# banner #}
<div class="clearfix banner {{ banner_background_color }}{{ (banner_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (banner_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ banner_layout_container }}">
{# banner__container #}
<div class="clearfix banner__container">
<div class="row">
<div class="col-md-12">
<div class="banner__section">
{{ page.banner }}
</div>
</div>
</div>
</div>
{# EOF: banner__container #}
</div>
</div>
{# EOF:banner #}
{% endif %}
{# page-start #}
<div id="page-start" class="clearfix page-start"></div>
{% if page.system_messages %}
<div class="system-messages clearfix">
<div class="container">
<div class="row">
<div class="col-md-12">
{{ page.system_messages }}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.highlighted_top %}
{# highlighted-top #}
<div class="clearfix highlighted-top {{ highlighted_top_background_color }} {{ highlighted_top_separator }}{{ (highlighted_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ highlighted_top_layout_container }}">
{# highlighted-top__container #}
<div class="clearfix highlighted-top__container{{ (highlighted_top_animations == "enabled") ? ' fade' : '' }}"
{% if highlighted_top_animations == "enabled" %}
data-animate-effect="{{ highlighted_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix highlighted-top__section">
{{ page.highlighted_top }}
</div>
</div>
</div>
</div>
{# EOF:highlighted-top__container #}
</div>
</div>
{# EOF: highlighted-top #}
{% endif %}
{% if page.highlighted %}
{# highlighted #}
<div class="clearfix highlighted {{ highlighted_background_color }} {{ highlighted_separator }}{{ (highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ highlighted_layout_container }}">
{# highlighted__container #}
<div class="clearfix highlighted__container{{ (highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if highlighted_animations == "enabled" %}
data-animate-effect="{{ highlighted_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix highlighted__section">
{{ page.highlighted }}
</div>
</div>
</div>
</div>
{# EOF:highlighted__container #}
</div>
</div>
{# EOF: highlighted #}
{% endif %}
{% if page.content_top %}
{# content-top #}
<div class="clearfix content-top {{ content_top_background_color }}{{ (content_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_top_layout_container }}">
{# content-top__container #}
<div class="clearfix content-top__container{{ (content_top_animations == "enabled") ? ' fade' : '' }}"
{% if content_top_animations == "enabled" %}
data-animate-effect="{{ content_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="content-top__section">
{{ page.content_top }}
</div>
</div>
</div>
</div>
{# EOF:content-top__container #}
</div>
</div>
{# EOF: content-top #}
{% endif %}
{% if page.content_top_highlighted %}
{# content-top-highlighted #}
<div class="clearfix content-top-highlighted {{ content_top_highlighted_background_color }} {{ content_top_highlighted_separator }}{{ (content_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_top_highlighted_layout_container }}">
{# content-top-highlighted__container #}
<div class="clearfix content-top-highlighted__container{{ (content_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
{% if content_top_highlighted_animations == "enabled" %}
data-animate-effect="{{ content_top_highlighted_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="content-top-highlighted__section">
{{ page.content_top_highlighted }}
</div>
</div>
</div>
</div>
{# EOF:content-top-highlighted__container #}
</div>
</div>
{# EOF: content-top-highlighted #}
{% endif %}
{% if page.pre_content_first or page.pre_content_second %}
{# pre-content #}
<div class="clearfix pre-content {{ pre_content_background_color }} {{ pre_content_separator }}{{ (pre_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_content_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ pre_content_layout_container }}">
{# pre-content__container #}
<div class="clearfix pre-content__container{{ (pre_content_animations == "enabled") ? ' fade' : '' }}"
{% if pre_content_animations == "enabled" %}
data-animate-effect="{{ pre_content_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.pre_content_first %}
<div class="{{ pre_content_first_grid_class }}">
{# pre-content-first #}
<div class="clearfix pre-content__section pre-content-first">
{{ page.pre_content_first }}
</div>
{# EOF:pre-content-first #}
</div>
{% endif %}
{% if page.pre_content_second %}
<div class="{{ pre_content_second_grid_class }}">
{# pre-content-second #}
<div class="clearfix pre-content__section pre-content-second">
{{ page.pre_content_second }}
</div>
{# EOF:pre-content-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:pre-content__container #}
</div>
</div>
{# EOF: pre-content #}
{% endif %}
{# main-content #}
<div class="clearfix main-content region--dark-typography region--white-background {{ main_content_separator }}">
<div class="container">
<div class="clearfix main-content__container">
<div class="row">
<section class="{{ main_grid_class }}">
{# main #}
<div class="clearfix main-content__section{{ (main_content_animations == "enabled") ? ' fade' : '' }}{{ (main_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (main_content_region_paddings) ? ' region--no-paddings' : '' }}"
{% if main_content_animations == "enabled" %}
data-animate-effect="{{ main_content_animation_effect }}"
{% endif %}>
{% if page.content %}
{{ page.content }}
{% endif %}
</div>
{# EOF:main #}
</section>
{% if page.sidebar_first %}
<aside class="{{ sidebar_first_grid_class }}">
{# sidebar-first #}
<section class="sidebar__section sidebar-first clearfix{{ (sidebar_first_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_first_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_first_region_paddings) ? ' region--no-paddings' : '' }}"
{% if sidebar_first_animations == "enabled" %}
data-animate-effect="{{ sidebar_first_animation_effect }}"
{% endif %}>
{{ page.sidebar_first }}
</section>
{# EOF:sidebar-first #}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="{{ sidebar_second_grid_class }}">
{# sidebar-second #}
<section class="sidebar__section sidebar-second clearfix{{ (sidebar_second_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_second_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_second_region_paddings) ? ' region--no-paddings' : '' }}"
{% if sidebar_second_animations == "enabled" %}
data-animate-effect="{{ sidebar_second_animation_effect }}"
{% endif %}>
{{ page.sidebar_second }}
</section>
{# EOF:sidebar-second #}
</aside>
{% endif %}
</div>
</div>
</div>
</div>
{# EOF:main-content #}
{% if page.content_bottom_first or page.content_bottom_second %}
{# content-bottom #}
<div class="clearfix content-bottom {{ content_bottom_background_color }} {{ content_bottom_separator }}{{ (content_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ content_bottom_layout_container }}">
{# content-bottom__container #}
<div class="clearfix content-bottom__container{{ (content_bottom_animations == "enabled") ? ' fade' : '' }}"
{% if content_bottom_animations == "enabled" %}
data-animate-effect="{{ content_bottom_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.content_bottom_first %}
<div class="{{ content_bottom_first_grid_class }}">
{# content-bottom-first #}
<div class="clearfix content-bottom__section content-bottom-first">
{{ page.content_bottom_first }}
</div>
{# EOF:content-bottom-first #}
</div>
{% endif %}
{% if page.content_bottom_second %}
<div class="{{ content_bottom_second_grid_class }}">
{# content-bottom-second #}
<div class="clearfix content-bottom__section content-bottom-second">
{{ page.content_bottom_second }}
</div>
{# EOF:content-bottom-second #}
</div>
{% endif %}
</div>
</div>
{# EOF:content-bottom__container #}
</div>
</div>
{# EOF: content-bottom #}
{% endif %}
{% if page.featured_top %}
{# featured-top #}
<div class="clearfix featured-top {{ featured_top_background_color }} {{ featured_top_separator }}{{ (featured_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_top_layout_container }}">
{# featured-top__container #}
<div class="clearfix featured-top__container{{ (featured_top_animations == "enabled") ? ' fade' : '' }}"
{% if featured_top_animations == "enabled" %}
data-animate-effect="{{ featured_top_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured-top__section">
{{ page.featured_top }}
</div>
</div>
</div>
</div>
{# EOF:featured-top__container #}
</div>
</div>
{# EOF: featured-top #}
{% endif %}
{% if page.featured %}
{# featured #}
<div class="clearfix featured {{ featured_background_color }} {{ featured_separator }}{{ (featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_layout_container }}">
{# featured__container #}
<div class="clearfix featured__container{{ (featured_animations == "enabled") ? ' fade' : '' }}"
{% if featured_animations == "enabled" %}
data-animate-effect="{{ featured_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured__section">
{{ page.featured }}
</div>
</div>
</div>
</div>
{# EOF:featured__container #}
</div>
</div>
{# EOF: featured #}
{% endif %}
{% if page.featured_bottom %}
{# featured-bottom #}
<div class="clearfix featured-bottom {{ featured_bottom_background_color }} {{ featured_bottom_separator }}{{ (featured_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ featured_bottom_layout_container }}">
{# featured-bottom__container #}
<div class="clearfix featured-bottom__container{{ (featured_bottom_animations == "enabled") ? ' fade' : '' }}"
{% if featured_bottom_animations == "enabled" %}
data-animate-effect="{{ featured_bottom_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix featured-bottom__section">
{{ page.featured_bottom }}
</div>
</div>
</div>
</div>
{# EOF:featured-bottom__container #}
</div>
</div>
{# EOF: featured-bottom #}
{% endif %}
{% if page.sub_featured %}
{# sub_featured #}
<div class="clearfix sub-featured {{ sub_featured_background_color }} {{ sub_featured_separator }}{{ (sub_featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sub_featured_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ sub_featured_layout_container }}">
{# sub_featured__container #}
<div class="clearfix sub-featured__container{{ (sub_featured_animations == "enabled") ? ' fade' : '' }}"
{% if sub_featured_animations == "enabled" %}
data-animate-effect="{{ sub_featured_animation_effect }}"
{% endif %}>
<div class="row">
<div class="col-md-12">
<div class="clearfix sub-featured__section">
{{ page.sub_featured }}
</div>
</div>
</div>
</div>
{# EOF:sub_featured__container #}
</div>
</div>
{# EOF: sub_featured #}
{% endif %}
{% if page.footer_top_first or page.footer_top_second %}
{# footer-top #}
<div class="clearfix footer-top {{ footer_top_regions }} {{ footer_top_background_color }} {{ footer_top_separator }}{{ (footer_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_top_region_paddings) ? ' region--no-paddings' : '' }}">
<div class="{{ footer_top_layout_container }}">
{# footer-top__container #}
<div class="clearfix footer-top__container{{ (footer_top_animations == "enabled") ? ' fade' : '' }}"
{% if footer_top_animations == "enabled" %}
data-animate-effect="{{ footer_top_animation_effect }}"
{% endif %}>
<div class="row">
{% if page.footer_top_first %}
<div class="{{ footer_top_first_grid_class }}">
{# footer-top-first #}
<div class="clearfix footer-top__section footer-top-first">
{{ page.footer_top_first }}
</div>
{# EOF:footer-top-first #}
</div>
{% endif %}
{% if page.footer_top_second %}
<div class="{{ footer_top_second_grid_class }}">
{# footer-top-second #}
<div class="clearfix footer-top__section footer-top-second">
{{ page.footer_top_second }}
</div>
{# EOF:footer-top-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: footer-top__container #}
</div>
</div>
{# EOF: footer-top #}
{% endif %}
{% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth or page.footer_fifth %}
{# footer #}
<footer class="clearfix footer {{ footer_background_color }} {{ footer_separator }} {{ scroll_to_top_region }}{{ (footer_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "footer-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ footer_layout_container }}">
<div class="clearfix footer__container">
<div class="row">
{% if page.footer_first %}
<div class="{{ footer_first_grid_class }}">
{# footer-first #}
<div class="clearfix footer__section footer-first{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_first }}
</div>
{# EOF:footer-first #}
</div>
{% endif %}
{% if page.footer_second %}
<div class="{{ footer_second_grid_class }}">
{# footer-second #}
<div class="clearfix footer__section footer-second{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_second }}
</div>
{# EOF:footer-second #}
</div>
{% endif %}
<div class="clearfix {{ footer_4_columns_clearfix_first }}"></div>
{% if page.footer_third %}
<div class="{{ footer_third_grid_class }}">
{# footer-third #}
<div class="clearfix footer__section footer-third{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_third }}
</div>
{# EOF:footer-third #}
</div>
{% endif %}
<div class="clearfix {{ footer_4_columns_clearfix_second }} {{ footer_5_columns_clearfix }}"></div>
{% if page.footer_fourth %}
<div class="{{ footer_fourth_grid_class }}">
{# footer-fourth #}
<div class="clearfix footer__section footer-fourth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_fourth }}
</div>
{# EOF:footer-fourth #}
</div>
{% endif %}
{% if page.footer_fifth %}
<div class="{{ footer_fifth_grid_class }}">
{# footer-fifth #}
<div class="clearfix footer__section footer-fifth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
{% if footer_animations == "enabled" %}
data-animate-effect="{{ footer_animation_effect }}"
{% endif %}>
{{ page.footer_fifth }}
</div>
{# EOF:footer-fifth #}
</div>
{% endif %}
</div>
</div>
</div>
</footer>
{# EOF footer #}
{% endif %}
{% if page.footer_bottom_first or page.footer_bottom_second %}
{# footer-bottom #}
<div class="clearfix footer-bottom {{ footer_bottom_background_color }} {{ footer_bottom_separator }} {{ scroll_to_top_region }}{{ (footer_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "footer-bottom-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ footer_bottom_layout_container }}">
{# footer-bottom__container #}
<div class="clearfix footer-bottom__container">
<div class="row">
{% if page.footer_bottom_first %}
<div class="{{ footer_bottom_first_grid_class }}">
{# footer-bottom-first #}
<div class="clearfix footer-bottom__section footer-bottom-first">
{{ page.footer_bottom_first }}
</div>
{# EOF:footer-bottom-first #}
</div>
{% endif %}
{% if page.footer_bottom_second %}
<div class="{{ footer_bottom_second_grid_class }}">
{# footer-bottom-first #}
<div class="clearfix footer-bottom__section footer-bottom-first">
{{ page.footer_bottom_second }}
</div>
{# EOF:footer-bottom-first #}
</div>
{% endif %}
</div>
</div>
{# EOF:footer-bottom__container #}
</div>
</div>
{# EOF: footer-bottom #}
{% endif %}
{% if page.sub_footer_first or page.footer %}
{# subfooter #}
<div class="clearfix subfooter {{ subfooter_background_color }} {{ subfooter_separator }} {{ scroll_to_top_region }}{{ (subfooter_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (subfooter_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
{% if scroll_to_top_display and scroll_to_top_region == "subfooter-to-top-enabled" %}
<div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
{% endif %}
<div class="{{ subfooter_layout_container }}">
{# subfooter__container #}
<div class="clearfix subfooter__container">
<div class="row">
{% if page.sub_footer_first %}
<div class="{{ subfooter_first_grid_class }}">
{# subfooter-first #}
<div class="clearfix subfooter__section subfooter-first">
{{ page.sub_footer_first }}
</div>
{# EOF: subfooter-first #}
</div>
{% endif %}
{% if page.footer %}
<div class="{{ subfooter_second_grid_class }}">
{# subfooter-second #}
<div class="clearfix subfooter__section subfooter-second">
{{ page.footer }}
</div>
{# EOF: subfooter-second #}
</div>
{% endif %}
</div>
</div>
{# EOF: subfooter__container #}
</div>
</div>
{# EOF:subfooter #}
{% endif %}
</div>
{# EOF: page-container #}

69
templates/toc/block--tableofcontents-2.html.twig
Unescape View File

@ -0,0 +1,69 @@
{#
/**
* @file
* Magazine+'s theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - module: The module that provided this block plugin.
* - cache: The cache settings.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main content
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'toc-block--mobile',
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
{%
set title_classes = [
'title'
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes.addClass(title_classes) }}>Sections</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
<div{{ content_attributes.addClass('content') }}>
{{ content }}
</div>
{% endblock %}
</div>
{#<a class="toc--title toc--dropdown-trigger" data-toggle="collapse" href="#toc-sections" role="button" aria-expanded="false" aria-controls="toc-sections">#}
{#<h2{{ title_attributes.addClass(title_classes) }}>Sections</h2>#}
{#</a>#}
{#<div class="toc--list collapse" id="toc-sections">#}
{#<div class="card card-body">#}
{#{% block content %}#}
{#<div{{ content_attributes.addClass('content') }}>#}
{#{{ content }}#}
{#</div>#}
{#{% endblock %}#}
{#</div>#}
{#</div>#}

62
templates/toc/block--tableofcontents.html.twig
Unescape View File

@ -0,0 +1,62 @@
{#
/**
* @file
* Magazine+'s theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - module: The module that provided this block plugin.
* - cache: The cache settings.
* - Block plugin specific settings will also be stored here.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main content
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'toc-block--wide',
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
]
%}
{%
set title_classes = [
'title'
]
%}
<div class="toc-sticky-wrapper">
<div{{ attributes.addClass(classes) }}>
<a class="toc--title toc--dropdown-trigger" data-toggle="collapse" href="#toc-sections" role="button" aria-expanded="false" aria-controls="toc-sections">
<h2{{ title_attributes.addClass(title_classes) }}>Sections</h2>
</a>
<div class="toc--list collapse" id="toc-sections">
<div class="card card-body">
{% block content %}
<div{{ content_attributes.addClass('content') }}>
{{ content }}
</div>
{% endblock %}
</div>
</div>
</div>
</div>

18
templates/toc/toc-back-to-top.html.twig
Unescape View File

@ -0,0 +1,18 @@
{#
/**
* @file
* Default theme implementation to display a back to top link.
*
* Returns HTML for a back to top link.
*
* Available variables:
* - item: A table of contents header item.
* - options: Options associated with the current header item.
*
* @ingroup themeable
*/
#}
{% set classes = ['back-to-top'] %}
<a{{ attributes.addClass(classes) }}>{{ label }}</a>

17
templates/toc/toc-header.html.twig
Unescape View File

@ -0,0 +1,17 @@
{#
/**
* @file
* Default theme implementation to display a Table of contents header.
*
* Returns HTML for a Table of contents header.
*
* Available variables:
* - item: A table of contents header item.
* - options: Table of contents options.
* - header_options: Options associated with the current header item.
*
* @ingroup themeable
*/
#}
<{{ tag }}{{ attributes }}>{% if header_options.display_number %}<span>{{ header_options.number_prefix }}{% if options.number_path and path %}{{ path }}{% else %}{{ value }}{% endif %}{{ header_options.number_suffix }}</span>{% endif %}{{ html }}</{{ tag }}>

26
templates/toc/toc-menu.html.twig
Unescape View File

@ -0,0 +1,26 @@
{#
/**
* @file
* Default theme implementation to display a table of contents as a select menu.
*
* Returns HTML for a Table of contents select menu.
*
* Available variables:
* - index: List of header items. Each header item contains:
* - prefix: The header option prefix. Either indentation or the complete path.
* - title: The header title.
* - url: The header fragrment (ie hash) URL, instance of \Drupal\Core\Url.
*
* @ingroup themeable
*/
#}
{% set classes = ['toc', 'toc-menu'] %}
<form {{ attributes.addClass(classes) }}>
<select>
<option value="">{{ title }}</option>
{% for item in index %}
<option value="{{ item.url }}">{{ item.prefix }}{{ item.title }}</option>
{% endfor %}
</select>
</form>

20
templates/toc/toc-responsive.html.twig
Unescape View File

@ -0,0 +1,20 @@
{#
/**
* @file
* Default theme implementation to display a responsive table of contents.
*
* Returns HTML for a responsive table of contents.
*
* Available variables:
* - desktop: A render array represent a table of content for desktop.
* - mobile: A render array represent a table of content for mobile.
*
* @ingroup themeable
*/
#}
{% set classes = ['toc', 'toc-responsive'] %}
<div {{ attributes.addClass(classes) }}>
{{ desktop }}
{{ mobile }}
</div>

60
templates/toc/toc-tree.html.twig
Unescape View File

@ -0,0 +1,60 @@
{#
/**
* @file
* Default theme implementation to display a Table of contents as a tree.
*
* Returns HTML for a nested list representation of a Table of contents..
*
* Available variables:
* - tree: A nested list of header items. Each header item contains:
* - list_tag: HTML tag for the list.
* - list_attributes: HTML attributes for the list.
* - attributes: HTML attributes for the table of contents or list item.
* - below: The table of contents child items.
* - title: The table of contents or header title.
* - url: The header fragrment (ie hash) URL, instance of \Drupal\Core\Url.
*
* @ingroup themeable
*/
#}
{#
We call a macro which calls itself to render the full tree.
@see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{% import _self as toc_api_tree %}
{% set classes = ['toc', 'toc-tree'] %}
<div{{ attributes.addClass(classes) }}>
{% if tree.title and not options.block %}
<h3>{{ tree.title }}</h3>
{% endif %}
{{ toc_api_tree.tree_links(tree) }}
</div>
{% macro tree_links(item) %}
{% import _self as toc_api_tree %}
{% if item.below_type %}
<ol class="{{ item.below_type }}">
{% else %}
<ul>
{% endif %}
{% for child_item in item.below %}
<li{{ child_item.attributes.setAttribute('value', child_item.value) }}>
{{ link(child_item.html, child_item.url) }}
{% if child_item.below %}
{{ toc_api_tree.tree_links(child_item) }}
{% endif %}
</li>
{% endfor %}
{% if item.below_type %}
</ol>
{% else %}
</ul>
{% endif %}
{% endmacro %}
Write Preview
Loading…
Cancel
Save