template stuff

css_overrides.css

@@ -17,6 +17,13 @@ p.firstlineindent {
     text-indent: 2em;
 }
 
+/* class to create a hanging paragraph */
+
+p.hangingindent {
+  padding-left: 2em ;
+  text-indent: -2em ;
+}
+
 /* Works Cited styling */
 
 /* add italics to journal titles */

lmmi_journal.info.yml

@@ -10,8 +10,10 @@ libraries:
   - lmmi_journal/global-scripts
   - lmmi_journal/fonts
 
-stylesheets-remove: core/themes/stable/css/views/views.module.css
-stylesheets-remove: themes/custom/magazineplus_lmmi_journal/css/base/elements.css
+stylesheets-remove: 
+  - core/themes/stable/css/views/views.module.css
+  - themes/custom/magazineplus_lmmi_journal/css/base/elements.css
+  - core/assets/vendor/jquery.ui/themes/base/theme.css
 
 # Regions
 regions:

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

@@ -1,12 +1,46 @@
 {% 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 == "Peer-reviewed 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>
@@ -24,7 +58,8 @@
       </div>
     </div>
     <div class="right">
-      <div class="article--type">{{ articleType}}  </div>
+      {#<div class="article--type">{{ articleType}} </div>#}
+      <div class="article--type with-icon {{_icon_}}">{{ content.field_article_type|field_value }} </div>
       <div class="article--date-published">
         {{pubDate}} </div>
     </div>