rdrew
6 years ago
23 changed files with 2316 additions and 27 deletions
@ -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()); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -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> |
||||
@ -0,0 +1 @@
|
||||
{% extends "field--text.html.twig" %} |
||||
@ -0,0 +1 @@
|
||||
{% extends "field--text.html.twig" %} |
||||
@ -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> |
||||
|
||||
|
||||
@ -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 #} |
||||
@ -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> |
||||
@ -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> |
||||
@ -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> |
||||
|
||||
@ -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 %} |
||||
@ -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> |
||||
@ -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> |
||||
@ -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 %} |
||||
@ -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') %} |
||||
@ -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 #} |
||||
@ -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>#} |
||||
@ -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> |
||||
@ -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> |
||||
@ -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 }}> |
||||
@ -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> |
||||
|
||||
@ -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> |
||||
|
||||
@ -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 %} |
||||
Loading…
Reference in new issue