Browse Source

article templates

dependabot/npm_and_yarn/acorn-5.7.4
Rob Drew 6 years ago
parent
commit
92b63edee7
  1. 30
      \
  2. 11
      lmmi_journal.libraries.yml
  3. 19
      templates/article_pages/article--hero.html.twig
  4. 62
      templates/article_pages/node--journal-article--full.html.twig
  5. 7
      templates/article_pages/node--journal-article--slideshow-slide.html.twig
  6. 12
      templates/article_pages/node--journal-article.html.twig
  7. 21
      templates/landing-page/lp-tile--grid.html.twig
  8. 16
      templates/landing-page/lp-tile.html.twig
  9. 786
      templates/landing-page/page--landing-page.html.twig
  10. 31
      templates/news_articles/news--hero.html.twig
  11. 61
      templates/news_articles/node--news-article.html.twig
  12. 796
      templates/news_articles/page--news-article.html.twig
  13. 783
      templates/page--bibcite--reference.html.twig
  14. 52
      templates/views-view--landing_page_slideshow.html.twig
  15. 48
      templates/views/views-view-fields--recent-articles-masonry.html.twig
  16. 48
      templates/views/views-view-fields--recent-content.html.twig
  17. 53
      templates/views/views-view-fields--recent-content.html.twig.bku
  18. 26
      templates/views/views-view-grid--recent-content.html.twig
  19. 95
      templates/views/views-view.html.twig

30
\

@ -0,0 +1,30 @@
{% if fields.type.content|striptags|trim == "Article" %}
{% set _icon_ = 'fa-file-text-o' %}
{% set _color_ = 'green' %}
{% elseif fields.type.content|striptags|trim == "Audio/visual art" %}
{% set _icon_ = 'fa-file-text-o' %}
{% set _color_ = 'green' %}
{% else %}
{% set _icon_ = '' %}
{% set _color_ = '' %}
{% endif %}
{#{{dump(fields)}}#}
<div class="{{_color_}} teaser-card card mb-4 shadow-sm">
{{ fields.field_article_highlight_image.content }}
<span class="teaser-card__icon">
<i class="fa {{_icon_}}" aria-hidden="true"></i>
</span>
<div class="teaser-card__category">
{{ fields.type.content}}
</div>
<div class="teaser-card__body card-body">
<p class="teaser-card__title"> {{ fields.title.content }} </p>
</div>
{#<i class="fa fa-camera-retro"></i>#}
{#<i class="fa fa-newspaper-o" aria-hidden="true"></i>#}
{#<i class="fa fa-video-camera" aria-hidden="true"></i>#}
{#<i class="fa fa-file-text-o" aria-hidden="true"></i>#}
{#<i class="fa fa-film" aria-hidden="true"></i>#}
</div>

11
lmmi_journal.libraries.yml

@ -23,3 +23,14 @@ fonts:
name: SIL Open Font License, 1.1 name: SIL Open Font License, 1.1
url: //scripts.sil.org/OFL url: //scripts.sil.org/OFL
gpl-compatible: true gpl-compatible: true
slick-slider:
css:
theme:
/libraries/slick/slick/slick.css: {}
/libraries/slick/slick/slick-theme.css: {}
js:
/libraries/slick/slick/slick.min.js: {}
dependencies:
- core/jquery

19
templates/article_pages/article--hero.html.twig

@ -1,8 +1,8 @@
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> {% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %}
<div class="bg-image"> {% set articleType = content.field_article_type|field_value %}
{{ content.field_article_highlight_image}} {% set pubDate = content.field_publication_date_electroni|field_value %}
</div> <header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ imagePath }}')" class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
<div class="container article-info--wrapper"> <div class="container article-info--wrapper">
{% block title_area %} {% block title_area %}
{{ title_prefix }} {{ title_prefix }}
@ -17,15 +17,14 @@
<section class="article-header--metadata"> <section class="article-header--metadata">
<div class="left"> <div class="left">
<div class="article--contributor"> <div class="article--contributor">
Robert N. Drew <!--Robert N. Drew-->
{{ content.field_authors_and_affiliations|without('label') }}
</div> </div>
<div class="article--contributor__affiliation">University of Prince Edward Island</div>
</div> </div>
<div class="right"> <div class="right">
<div class="article--type">Article</div> <div class="article--type">{{ articleType}} </div>
<div class="article--date-published"> <div class="article--date-published">
Published September 20, 2018 {{pubDate}} </div>
</div>
</div> </div>
</section> </section>
</div> </div>

62
templates/article_pages/node--journal-article--full.html.twig

@ -0,0 +1,62 @@
{#{{ kint(node) }}#}
{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %}
{% set tabs = drupal_block('local_tasks_block') %}
{{dump(toc|render|striptags|trim)}}
{%
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 %}
{% if toc is not empty %}
{{ toc }}
{% endif %}
{#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', 'field_authors_and_affiliations' )}}
{% endblock %}
{% block content_bottom %}
{% endblock %}
</div>
</div>
</article>
</div>
</div>
</div>
</div>

7
templates/article_pages/node--journal-article--slideshow-slide.html.twig

@ -0,0 +1,7 @@
{{ attach_library('classy/node') }}
{{ attach_library('magazineplus/node') }}
{#main banner#}
{% include '@lmmi_journal/article_pages/article--hero.html.twig' %}

12
templates/article_pages/node--journal-article.html.twig

@ -1,8 +1,7 @@
{#{{ dump() }}#}
{#{{ kint(node) }}#} {#{{ kint(node) }}#}
{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} {#{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %}#}
{% set tabs = drupal_block('local_tasks_block') %} {% set tabs = drupal_block('local_tasks_block') %}
{#{{dump(toc)}}#}
{% {%
set classes = [ set classes = [
'node', 'node',
@ -17,7 +16,6 @@
{{ attach_library('classy/node') }} {{ attach_library('classy/node') }}
{{ attach_library('magazineplus/node') }} {{ attach_library('magazineplus/node') }}
{#main banner#} {#main banner#}
{% include '@lmmi_journal/article_pages/article--hero.html.twig' %} {% include '@lmmi_journal/article_pages/article--hero.html.twig' %}
<div class="container"> <div class="container">
@ -34,7 +32,9 @@
{{ toc }} {#{% if toc is defined %}#}
{#{{ toc }}#}
{#{% endif %}#}
{#start of article #} {#start of article #}
<div{{ content_attributes.addClass( 'node__main-content', 'clearfix') }}> <div{{ content_attributes.addClass( 'node__main-content', 'clearfix') }}>
@ -46,7 +46,7 @@
{#main content#} {#main content#}
{% block content %} {% block content %}
{{ content|without( 'field_article_highlight_image' )}} {{ content|without( 'field_article_highlight_image', 'field_authors_and_affiliations' )}}
{% endblock %} {% endblock %}
{% block content_bottom %} {% block content_bottom %}
{% endblock %} {% endblock %}

21
templates/landing-page/lp-tile--grid.html.twig

@ -0,0 +1,21 @@
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>
<div class="col-md-4">
{% include '@lmmi_journal/landing-page/lp-tile.html.twig' %}
</div>

16
templates/landing-page/lp-tile.html.twig

@ -0,0 +1,16 @@
<div class="teaser-card card mb-4 shadow-sm">
<img class="teaser-card__image card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22288%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1668d65e119%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A14pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1668d65e119%22%3E%3Crect%20width%3D%22288%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2296.8359375%22%20y%3D%22118.8%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">
<span class="teaser-card__icon">icon</span>
<div class="teaser-card__category">Article</div>
<div class="teaser-card__body card-body">
<p class="teaser-card__title">This is the quite possibly overly long title of the article</p>
<p class="teaser-card__author">Article Author</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small class="text-muted">9 mins</small>
</div>
</div>
</div>

786
templates/landing-page/page--landing-page.html.twig

@ -0,0 +1,786 @@
{#
/**
* @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
*/
#}
{{ attach_library('lmmi_journal/slick-slider') }}
{% 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 }}">
{{ drupal_view('landing_page_slideshow', 'block_1') }}
<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 #}

31
templates/news_articles/news--hero.html.twig

@ -0,0 +1,31 @@
{% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %}
<header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ imagePath }}')" class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
<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>

61
templates/news_articles/node--news-article.html.twig

@ -0,0 +1,61 @@
{#{{ 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/news_articles/news--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 %}
{#{% if toc %}#}
{#{{ toc }}#}
{#{% endif %}#}
{#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>

796
templates/news_articles/page--news-article.html.twig

@ -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 #}

783
templates/page--bibcite--reference.html.twig

@ -0,0 +1,783 @@
{#
/**
* @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 %}>
{{ drupal_block('lmmi_journal_page_title') }}
{{ drupal_block('local_tasks_block') }}
{% 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 #}

52
templates/views-view--landing_page_slideshow.html.twig

@ -0,0 +1,52 @@
{#
/**
* @file
* Theme override for a main view template.
*
* Available variables:
* - attributes: Remaining HTML attributes for the element.
* - css_name: A css-safe version of the view name.
* - css_class: The user-specified classes names, if any.
* - header: The optional header.
* - footer: The optional footer.
* - rows: The results of the view query, if any.
* - empty: The content to display if there are no rows.
* - pager: The optional pager next/prev links to display.
* - exposed: Exposed widget form/info to display.
* - feed_icons: Optional feed icons to display.
* - more: An optional link to the next page of results.
* - title: Title of the view, only used when displaying in the admin preview.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the view title.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the view title.
* - attachment_before: An optional attachment view to be displayed before the
* view content.
* - attachment_after: An optional attachment view to be displayed after the
* view content.
* - dom_id: Unique id for every view being printed to give unique class for
* Javascript.
*
* @see template_preprocess_views_view()
*/
#}
{%
set classes = [
'view',
'view-' ~ id|clean_class,
'view-id-' ~ id,
'view-display-id-' ~ display_id,
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div{{ attributes.addClass(classes) }}>
{% if rows %}
{{ rows }}
{% elseif empty %}
{{ empty }}
{% endif %}
</div>

48
templates/views/views-view-fields--recent-articles-masonry.html.twig

@ -0,0 +1,48 @@
{#{% if fields.field_article_type.content|striptags|trim == "Article" %}#}
{#{{dump(fields.field_article_type.content|striptags|trim)}}#}
{% if fields.field_article_type.content|striptags|trim == "Article" %}
{% set _icon_ = 'fa-file-text-o' %}
{% set _color_ = 'blue' %}
{% elseif fields.field_article_type.content|striptags|trim == "Audio/visual art" %}
{% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'red' %}
{% elseif fields.field_article_type.content|striptags|trim == "Blog post" %}
{% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'green' %}
{% elseif fields.field_article_type.content|striptags|trim == "Creative writing" %}
{% set _icon_ = 'fa-pencil-square-o' %}
{% set _color_ = 'teal' %}
{% elseif fields.field_article_type.content|striptags|trim == "News" %}
{% set _icon_ = 'fa-newspaper-o' %}
{% set _color_ = 'purple' %}
{% elseif fields.field_article_type.content|striptags|trim == "Note" %}
{% set _icon_ = 'fa-envelope-open-o' %}
{% set _color_ = 'aqua' %}
{% elseif fields.field_article_type.content|striptags|trim == "Notice" %}
{% set _icon_ = 'fa-exclamation-circle' %}
{% set _color_ = 'teal' %}
{% else %}
{% set _icon_ = '' %}
{% set _color_ = '' %}
{% endif %}
<div class="{{_color_}} teaser-card card mb-4 shadow-sm">
{{ fields.field_article_highlight_image.content }}
<span class="teaser-card__icon">
<i class="fa {{_icon_}}" aria-hidden="true"></i>
</span>
<div class="teaser-card__category">
{{ fields.field_article_type.content }}
</div>
<div class="teaser-card__body card-body">
<p class="teaser-card__title"> {{ fields.title.content }} </p>
<p class="teaser-card__author"> {{ fields.field_authors_and_affiliations.content }} </p>
</div>
{#<i class="fa fa-camera-retro"></i>#}
{#<i class="fa fa-newspaper-o" aria-hidden="true"></i>#}
{#<i class="fa fa-video-camera" aria-hidden="true"></i>#}
{#<i class="fa fa-file-text-o" aria-hidden="true"></i>#}
{#<i class="fa fa-film" aria-hidden="true"></i>#}
</div>

48
templates/views/views-view-fields--recent-content.html.twig

@ -0,0 +1,48 @@
{#{% if fields.field_article_type.content|striptags|trim == "Article" %}#}
{#{{dump(fields.field_article_type.content|striptags|trim)}}#}
{% if fields.field_article_type.content|striptags|trim == "Article" %}
{% set _icon_ = 'fa-file-text-o' %}
{% set _color_ = 'blue' %}
{% elseif fields.field_article_type.content|striptags|trim == "Audio/visual art" %}
{% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'red' %}
{% elseif fields.field_article_type.content|striptags|trim == "Blog post" %}
{% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'green' %}
{% elseif fields.field_article_type.content|striptags|trim == "Creative writing" %}
{% set _icon_ = 'fa-pencil-square-o' %}
{% set _color_ = 'teal' %}
{% elseif fields.field_article_type.content|striptags|trim == "News" %}
{% set _icon_ = 'fa-newspaper-o' %}
{% set _color_ = 'purple' %}
{% elseif fields.field_article_type.content|striptags|trim == "Note" %}
{% set _icon_ = 'fa-envelope-open-o' %}
{% set _color_ = 'aqua' %}
{% elseif fields.field_article_type.content|striptags|trim == "Notice" %}
{% set _icon_ = 'fa-exclamation-circle' %}
{% set _color_ = 'teal' %}
{% else %}
{% set _icon_ = '' %}
{% set _color_ = '' %}
{% endif %}
<div class="{{_color_}} teaser-card card mb-4 shadow-sm">
{{ fields.field_article_highlight_image.content }}
<span class="teaser-card__icon">
<i class="fa {{_icon_}}" aria-hidden="true"></i>
</span>
<div class="teaser-card__category">
{{ fields.field_article_type.content }}
</div>
<div class="teaser-card__body card-body">
<p class="teaser-card__title"> {{ fields.title.content }} </p>
<p class="teaser-card__author"> {{ fields.field_authors_and_affiliations.content }} </p>
</div>
{#<i class="fa fa-camera-retro"></i>#}
{#<i class="fa fa-newspaper-o" aria-hidden="true"></i>#}
{#<i class="fa fa-video-camera" aria-hidden="true"></i>#}
{#<i class="fa fa-file-text-o" aria-hidden="true"></i>#}
{#<i class="fa fa-film" aria-hidden="true"></i>#}
</div>

53
templates/views/views-view-fields--recent-content.html.twig.bku

@ -0,0 +1,53 @@
{#
/**
* @file
* Theme override to display all the fields in a row.
*
* Available variables:
* - view: The view in use.
* - fields: A list of fields, each one contains:
* - content: The output of the field.
* - raw: The raw data for the field, if it exists. This is NOT output safe.
* - class: The safe class ID to use.
* - handler: The Views field handler controlling this field.
* - inline: Whether or not the field should be inline.
* - wrapper_element: An HTML element for a wrapper.
* - wrapper_attributes: List of attributes for wrapper element.
* - separator: An optional separator that may appear before a field.
* - label: The field's label text.
* - label_element: An HTML element for a label wrapper.
* - label_attributes: List of attributes for label wrapper.
* - label_suffix: Colon after the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - has_label_colon: A boolean indicating whether to display a colon after
* the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - row: The raw result from the query, with all data it fetched.
*
* @see template_preprocess_views_view_fields()
*/
#}
{{dump(fields)}}
{% for field in fields -%}
{{ field.separator }}
{%- if field.wrapper_element -%}
<{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
{%- endif %}
{%- if field.label -%}
{%- if field.label_element -%}
<{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
{%- else -%}
{{ field.label }}{{ field.label_suffix }}
{%- endif %}
{%- endif %}
{%- if field.element_type -%}
<{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
{%- else -%}
{{ field.content }}
{%- endif %}
{%- if field.wrapper_element -%}
</{{ field.wrapper_element }}>
{%- endif %}
{%- endfor %}

26
templates/views/views-view-grid--recent-content.html.twig

@ -1,29 +1,3 @@
{#
/**
* @file
* Theme override for views to display rows in a grid.
*
* Available variables:
* - attributes: HTML attributes for the wrapping element.
* - title: The title of this group of rows.
* - view: The view object.
* - rows: The rendered view results.
* - options: The view plugin style options.
* - row_class_default: A flag indicating whether default classes should be
* used on rows.
* - col_class_default: A flag indicating whether default classes should be
* used on columns.
* - items: A list of grid items. Each item contains a list of rows or columns.
* The order in what comes first (row or column) depends on which alignment
* type is chosen (horizontal or vertical).
* - attributes: HTML attributes for each row or column.
* - content: A list of columns or rows. Each row or column contains:
* - attributes: HTML attributes for each row or column.
* - content: The row or column contents.
*
* @see template_preprocess_views_view_grid()
*/
#}
{% {%
set classes = [ set classes = [
'views-view-grid', 'views-view-grid',

95
templates/views/views-view.html.twig

@ -0,0 +1,95 @@
{#
/**
* @file
* Theme override for a main view template.
*
* Available variables:
* - attributes: Remaining HTML attributes for the element.
* - css_name: A css-safe version of the view name.
* - css_class: The user-specified classes names, if any.
* - header: The optional header.
* - footer: The optional footer.
* - rows: The results of the view query, if any.
* - empty: The content to display if there are no rows.
* - pager: The optional pager next/prev links to display.
* - exposed: Exposed widget form/info to display.
* - feed_icons: Optional feed icons to display.
* - more: An optional link to the next page of results.
* - title: Title of the view, only used when displaying in the admin preview.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the view title.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the view title.
* - attachment_before: An optional attachment view to be displayed before the
* view content.
* - attachment_after: An optional attachment view to be displayed after the
* view content.
* - dom_id: Unique id for every view being printed to give unique class for
* Javascript.
*
* @see template_preprocess_views_view()
*/
#}
{%
set classes = [
'view',
'view-' ~ id|clean_class,
'view-id-' ~ id,
'view-display-id-' ~ display_id,
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if title %}
{{ title }}
{% endif %}
{{ title_suffix }}
{% if header %}
<div class="view-header">
{{ header }}
</div>
{% endif %}
{% if exposed %}
<div class="view-filters">
{{ exposed }}
</div>
{% endif %}
{% if attachment_before %}
<div class="attachment attachment-before">
{{ attachment_before }}
</div>
{% endif %}
{% if rows %}
<div class="view-content">
{{ rows }}
</div>
{% elseif empty %}
<div class="view-empty">
{{ empty }}
</div>
{% endif %}
{% if pager %}
{{ pager }}
{% endif %}
{% if attachment_after %}
<div class="attachment attachment-after">
{{ attachment_after }}
</div>
{% endif %}
{% if more %}
{{ more }}
{% endif %}
{% if footer %}
<div class="view-footer">
{{ footer }}
</div>
{% endif %}
{% if feed_icons %}
<div class="feed-icons">
{{ feed_icons }}
</div>
{% endif %}
</div>
Loading…
Cancel
Save