templates

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

@@ -1,12 +1,43 @@
 {% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %}
 {% set articleType = content.field_article_type|field_value %}
 {% set pubDate = content.field_publication_date_electroni|field_value %}
+
+
+{% if articleType == "Article"  %}
+    {% set _icon_ = 'fa-file-text-o' %} 
+    {% set _color_ = 'blue' %} 
+	{% elseif articleType == "Audio/visual art"  %}
+    {% set _icon_ = 'fa-volume-up' %} 
+    {% set _color_ = 'red' %} 
+	{% elseif articleType == "Blog post"  %}
+    {% set _icon_ = 'fa-rss' %} 
+    {% set _color_ = 'green' %} 
+	{% elseif articleType == "Creative writing"  %}
+    {% set _icon_ = 'fa-pencil-square-o' %} 
+    {% set _color_ = 'teal' %} 
+	{% elseif articleType == "News"  %}
+    {% set _icon_ = 'fa-newspaper-o' %} 
+    {% set _color_ = 'purple' %} 
+	{% elseif articleType == "Note"  %}
+    {% set _icon_ = 'fa-envelope-open-o' %} 
+    {% set _color_ = 'aqua' %} 
+	{% elseif articleType == "Notice"  %}
+    {% set _icon_ = 'fa-exclamation-circle' %} 
+    {% set _color_ = 'teal' %} 
+  {% else %}
+    {% set _icon_ = '' %} 
+    {% set _color_ = '' %} 
+{% endif   %}
+
+
+
+
 <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 }}
-          <a href="{{url}}">
+          <a class="slide_link" href="{{url}}">
             <h1{{ title_attributes.addClass('article--title title') }}>
               {{ label }}
             </h1>
@@ -25,6 +56,7 @@
     </div>
     <div class="right">
       <div class="article--type">{{ articleType}} </div>
+      <div class="article--type {{_icon_}}">{{ content.field_article_type|field_value }} </div>
       <div class="article--date-published">
         {{pubDate}} </div>
     </div>

templates/article_pages/node--journal-article--search-result.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)}}#}
+{%
+  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 defined  %}#}
+              {#{{ 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>
+
+

templates/bibcite-footnote-list.html.twig

@@ -0,0 +1,33 @@
+{#
+/**
+ * @file footnote-list.html.twig
+ * Default theme implementation to present a list of reference footnotes.
+ *
+ * Available variables:
+ * - footnotess: A list of footnotes
+ * - notes: A list of free-form notes
+ * - references: A list of citations
+ * - attributes: HTML attributes for the container element.
+ *
+ * @see template_preprocess_footnote_list().
+ *
+ * @ingroup themeable
+ */
+#}
+
+  {% if notes['#title'] == "Notes" %}
+<div{{ attributes.addClass('notes footnote-list') }}>
+    {{ notes }}
+    {{ references }}
+</div>
+  {% elseif notes['#title'] == "Works Cited" %}
+<div{{ attributes.addClass('works_cited footnote-list') }}>
+    {{ notes }}
+    {{ references }}
+</div>
+  {% else %}
+<div{{ attributes.addClass('footnote-list') }}>
+    {{ notes }}
+    {{ references }}
+</div>
+  {% endif %}

templates/embedded_slider/node--image-set.html.twig

@@ -0,0 +1,87 @@
+{#
+/**
+ * @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()
+ */
+#}
+{%
+  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('lmmi_journal/slick-slider') }}
+{{ attach_library('classy/node') }}
+{{ attach_library('magazineplus/node') }}
+<article{{ attributes.addClass(classes) }}>
+      {% block content %}
+        {{ content }}
+      {% endblock %}
+</article>

templates/entity-embed-container.html.twig

@@ -0,0 +1,15 @@
+{#
+/**
+ * @file
+ * Default theme implementation of a container used to wrap embedded entities.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - children: The rendered child elements of the container.
+ *
+ * @see template_preprocess_entity_embed_container()
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>{{ children }}</article>

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

@@ -8,7 +8,7 @@
     {% set _icon_ = 'fa-volume-up' %} 
     {% set _color_ = 'red' %} 
 	{% elseif fields.field_article_type.content|striptags|trim == "Blog post"  %}
-    {% set _icon_ = 'fa-volume-up' %} 
+    {% set _icon_ = 'fa-rss' %} 
     {% set _color_ = 'green' %} 
 	{% elseif fields.field_article_type.content|striptags|trim == "Creative writing"  %}
     {% set _icon_ = 'fa-pencil-square-o' %} 
@@ -34,6 +34,11 @@
   </span>
     <div class="teaser-card__category">
     {{ fields.field_article_type.content }}
+{% if  fields.field_article_peer_reviewed.content |striptags|trim == "Yes"  %}
+  <span class="peer-reviewed">
+  - peer reviewed
+  </span>
+{% endif   %}
 </div>
   <div class="teaser-card__body card-body">
     <p class="teaser-card__title"> {{ fields.title.content }} </p>