8 changed files with 359 additions and 137 deletions
@ -0,0 +1,33 @@ |
|||||||
|
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> |
||||||
|
<div class="bg-image"> |
||||||
|
{{ content.field_article_highlight_image}} |
||||||
|
</div> |
||||||
|
<div class="container article-info--wrapper"> |
||||||
|
|
||||||
|
{% block title_area %} |
||||||
|
{{ title_prefix }} |
||||||
|
<h1{{ title_attributes.addClass('article--title title') }}> |
||||||
|
{{ label }} |
||||||
|
</h1> |
||||||
|
<h1{{ title_attributes.addClass('article--title title sr-only') }}> |
||||||
|
{{ label }} |
||||||
|
</h1> |
||||||
|
{{ title_suffix }} |
||||||
|
{% endblock %} |
||||||
|
<section class="article-header--metadata"> |
||||||
|
<div class="left"> |
||||||
|
<div class="article--contributor"> |
||||||
|
Robert N. Drew |
||||||
|
</div> |
||||||
|
<div class="article--contributor__affiliation">University of Prince Edward Island</div> |
||||||
|
</div> |
||||||
|
<div class="right"> |
||||||
|
<div class="article--type">Article</div> |
||||||
|
<div class="article--date-published"> |
||||||
|
Published September 20, 2018 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
</div> |
||||||
|
|
||||||
|
</header> |
||||||
@ -0,0 +1,144 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Magazine+'s theme implementation to display a node. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - node: The node entity with limited access to object properties and methods. |
||||||
|
* Only method names starting with "get", "has", or "is" and a few common |
||||||
|
* methods such as "id", "label", and "bundle" are available. For example: |
||||||
|
* - node.getCreatedTime() will return the node creation timestamp. |
||||||
|
* - node.hasField('field_example') returns TRUE if the node bundle includes |
||||||
|
* field_example. (This does not indicate the presence of a value in this |
||||||
|
* field.) |
||||||
|
* - node.isPublished() will return whether the node is published or not. |
||||||
|
* Calling other methods, such as node.delete(), will result in an exception. |
||||||
|
* See \Drupal\node\Entity\Node for a full list of public properties and |
||||||
|
* methods for the node object. |
||||||
|
* - label: The title of the node. |
||||||
|
* - content: All node items. Use {{ content }} to print them all, |
||||||
|
* or print a subset such as {{ content.field_example }}. Use |
||||||
|
* {{ content|without('field_example') }} to temporarily suppress the printing |
||||||
|
* of a given child element. |
||||||
|
* - author_picture: The node author user entity, rendered using the "compact" |
||||||
|
* view mode. |
||||||
|
* - metadata: Metadata for this node. |
||||||
|
* - date: Themed creation date field. |
||||||
|
* - author_name: Themed author name field. |
||||||
|
* - url: Direct URL of the current node. |
||||||
|
* - display_submitted: Whether submission information should be displayed. |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* The attributes.class element may contain one or more of the following |
||||||
|
* classes: |
||||||
|
* - node: The current template type (also known as a "theming hook"). |
||||||
|
* - node--type-[type]: The current node type. For example, if the node is an |
||||||
|
* "Article" it would result in "node--type-article". Note that the machine |
||||||
|
* name will often be in a short form of the human readable label. |
||||||
|
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a |
||||||
|
* teaser would result in: "node--view-mode-teaser", and |
||||||
|
* full: "node--view-mode-full". |
||||||
|
* The following are controlled through the node publishing options. |
||||||
|
* - node--promoted: Appears on nodes promoted to the front page. |
||||||
|
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in |
||||||
|
* teaser listings. |
||||||
|
* - node--unpublished: Appears on unpublished nodes visible only to site |
||||||
|
* admins. |
||||||
|
* - title_attributes: Same as attributes, except applied to the main title |
||||||
|
* tag that appears in the template. |
||||||
|
* - content_attributes: Same as attributes, except applied to the main |
||||||
|
* content tag that appears in the template. |
||||||
|
* - author_attributes: Same as attributes, except applied to the author of |
||||||
|
* the node tag that appears in the template. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
* - view_mode: View mode; for example, "teaser" or "full". |
||||||
|
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. |
||||||
|
* - page: Flag for the full page state. Will be true if view_mode is 'full'. |
||||||
|
* - readmore: Flag for more state. Will be true if the teaser content of the |
||||||
|
* node cannot hold the main body content. |
||||||
|
* - logged_in: Flag for authenticated user status. Will be true when the |
||||||
|
* current user is a logged-in member. |
||||||
|
* - is_admin: Flag for admin user status. Will be true when the current user |
||||||
|
* is an administrator. |
||||||
|
* |
||||||
|
* @see template_preprocess_node() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{{ dump() }} |
||||||
|
|
||||||
|
{#{{ kint(node) }}#} |
||||||
|
{% |
||||||
|
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') }} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<article{{ attributes.addClass(classes) }}> |
||||||
|
<div class="node__container"> |
||||||
|
{% block node_side %} |
||||||
|
{% endblock %} |
||||||
|
<div{{ content_attributes.addClass('node__main-content', 'clearfix') }}> |
||||||
|
{% block header_top %} |
||||||
|
{% endblock %} |
||||||
|
|
||||||
|
{#main banner#} |
||||||
|
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> |
||||||
|
<div class="bg-image"> |
||||||
|
{{ content.field_article_highlight_image}} |
||||||
|
</div> |
||||||
|
<div class="article-info--wrapper"> |
||||||
|
|
||||||
|
{% block title_area %} |
||||||
|
{{ 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> |
||||||
|
|
||||||
|
|
||||||
|
{#admin tabs#} |
||||||
|
{{ drupal_block('local_tasks_block') }} |
||||||
|
{#toc#} |
||||||
|
{{ drupal_region('hidden_blocks_collection') }} |
||||||
|
{#main content#} |
||||||
|
{% block content %} |
||||||
|
{{ content|without( 'field_article_highlight_image' )}} |
||||||
|
{% endblock %} |
||||||
|
{% block content_bottom %} |
||||||
|
{% endblock %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</article> |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Magazine+'s theme override for taxonomy term fields. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* - label_hidden: Whether to show the field label or not. |
||||||
|
* - title_attributes: HTML attributes for the label. |
||||||
|
* - label: The label for the field. |
||||||
|
* - content_attributes: HTML attributes for the content. |
||||||
|
* - items: List of all the field items. Each item contains: |
||||||
|
* - attributes: List of HTML attributes for each item. |
||||||
|
* - content: The field item's content. |
||||||
|
* - entity_type: The entity type to which the field belongs. |
||||||
|
* - field_name: The name of the field. |
||||||
|
* - field_type: The type of the field. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* |
||||||
|
* @see template_preprocess_field() |
||||||
|
* @see bartik_preprocess_field() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'field', |
||||||
|
'field--name-' ~ field_name|clean_class, |
||||||
|
'field--type-' ~ field_type|clean_class, |
||||||
|
'field--label-' ~ label_display, |
||||||
|
'field--entity-reference-target-type-' ~ entity_reference_target_type|clean_class, |
||||||
|
'clearfix', |
||||||
|
] |
||||||
|
%} |
||||||
|
{% |
||||||
|
set title_classes = [ |
||||||
|
'field__label', |
||||||
|
label_display == 'inline' ? 'inline', |
||||||
|
] |
||||||
|
%} |
||||||
|
{% if label_hidden %} |
||||||
|
{% if multiple %} |
||||||
|
<div{{ attributes.addClass(classes, 'field__items') }}> |
||||||
|
{% for item in items %} |
||||||
|
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
{% else %} |
||||||
|
{% for item in items %} |
||||||
|
<div{{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
{% endif %} |
||||||
|
{% else %} |
||||||
|
<div{{ attributes.addClass(classes) }}> |
||||||
|
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div> |
||||||
|
{% if multiple %} |
||||||
|
<div class="field__items"> |
||||||
|
{% endif %} |
||||||
|
{% for item in items %} |
||||||
|
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
{% if multiple %} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display a media item. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - name: Name of the media. |
||||||
|
* - content: Media content. |
||||||
|
* |
||||||
|
* @see template_preprocess_media() |
||||||
|
* |
||||||
|
|
||||||
|
* @ingroup themeable |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'media', |
||||||
|
'media--type-' ~ media.bundle()|clean_class, |
||||||
|
not media.isPublished() ? 'media--unpublished', |
||||||
|
view_mode ? 'media--view-mode-' ~ view_mode|clean_class, |
||||||
|
] |
||||||
|
%} |
||||||
|
<article{{ attributes.addClass(classes) }}> |
||||||
|
{{ title_suffix.contextual_links }} |
||||||
|
{% if content %} |
||||||
|
{{ content }} |
||||||
|
{% endif %} |
||||||
|
</article> |
||||||
Loading…
Reference in new issue