Merge branch 'master' of git.library.upei.ca:code/lmmi_journal_theme

Signed-off-by: rdrew <rdrew@upei.ca>

composer.json

@@ -0,0 +1,25 @@
+{
+  "name": "roblib/lmmi_journal_theme",
+  "description": "Journal of LM Montgomery Studies theme, sub-theme of MagazinePlus",
+  "type": "drupal-custom-theme",
+  "keywords": [
+    "Drupal"
+  ],
+  "homepage": "https://library.upei.ca/",
+  "repositories": [
+    {
+      "type": "composer",
+      "url": "https://packages.drupal.org/8"
+    }
+  ],
+  "require": {
+    "roblib/magazineplus_lmmi_journal": "dev-master"
+  },
+  "license": "GPL-2.0-or-later",
+  "authors": [
+    {
+      "name": "Rob Drew",
+      "role": "Owner"
+    }
+  ]
+}

css/style.css

@@ -451,7 +451,7 @@ nav > h2,
 .bottom-spacing-large {
   padding-bottom: 90px; }
 
-.masonry-layout .masonry-item {
+.masonry .masonry-item {
   width: 100%;
   background-color: #f6f6f2;
   border: 0;
@@ -459,7 +459,7 @@ nav > h2,
   padding: 0; }
 
 @media (min-width: 768px) {
-  .masonry-layout .masonry-item {
+  .masonry .masonry-item {
     width: 30.5%; } }
 
 .page-node-type-landing-page .main-content {
@@ -1071,7 +1071,8 @@ h3.field-group-format-toggler.accordion-item a {
   padding: 60px 0 55px; }
 
 /*change padding above content*/
-.main-content__section, .sidebar__section {
+.main-content__section,
+.sidebar__section {
   padding: 60px 0 70px; }
 
 /*modify issue info on landing page*/
@@ -1088,10 +1089,10 @@ h3.field-group-format-toggler.accordion-item a {
   display: flex; }
 
 .path-frontpage .block-region-second-above > .block-entity-fieldnodetitle::after {
-  content: ","; }
+  content: ','; }
 
 .path-frontpage .block-region-second-above > .block-entity-fieldnodefield-issue-year::after {
-  content: ","; }
+  content: ','; }
 
 .path-frontpage .block-region-second-above .field--name-field-issue-number {
   display: flex; }
@@ -1140,4 +1141,7 @@ details#journal-article-text-tab img,
 .site-name {
   font-size: 12rem; }
 
+.path-taxonomy .article-info--wrapper {
+  padding: 3rem; }
+
 /*# sourceMappingURL=style.css.map */

css_overrides.css

@@ -30,5 +30,45 @@ p.hangingindent {
 span.citeproc-container-title {
     font-style: italic;
 }
+.page-node-173 .article-info {
+  display: none;
 
+}
+.page-node-173 .node__container {
+    display: block !important;
+  }
+
+.masonry-item {
+        width: 30.5%;
+    background-color: #f6f6f2;
+    border: 0;
+    margin: 0.5%;
+    padding: 0;
+}
+.paragraph--type--author-with-affiliation {
+	display: flex;
+}
+img.orcid_logo {
+	width: 22px;
+	margin-bottom: 9px;
+}
 
+.orcid-short-link {
+	margin-left: 12px;
+	font-weight: normal;
+	font-style: normal;
+	font-size: smaller;
+	line-height: 2;
+}
+.teaser-card__body .field--name-field-affiliation-string {
+	    display:none;
+}
+.field--name-field-journal-article-abstract {
+  background: #eee;
+  padding: .5em;
+  margin-bottom:1.5em;
+  p:last-child {
+
+    padding-bottom: 0;
+  }
+}

js/js.js

@@ -82,21 +82,18 @@
         }
     };
 
-
-
-
-    Drupal.behaviors.article_collection_copier = {
-        attach: function attach(context, settings) {
-
-            $('.field--name-field-collection').appendTo("#toc-sections ol");
-        }
-    };
-    Drupal.behaviors.article_keyword_copier = {
-        attach: function attach(context, settings) {
-
-            $('.field--name-field-journal-article-keywords').appendTo("#toc-sections");
-        }
-    };
+  Drupal.behaviors.article_collection_copier = {
+    attach: function attach(context, settings) {
+
+      $('.field--name-field-collection').appendTo("#toc-sections ol");
+    }
+  };
+  Drupal.behaviors.article_keyword_copier = {
+    attach: function attach(context, settings) {
+
+      $('.field--name-field-journal-article-keywords').appendTo("#toc-sections");
+    }
+  };
     Drupal.behaviors.slickSliderInit = {
         attach: function attach(context, settings) {
 
@@ -114,7 +111,7 @@
         attach: function attach(context, settings) {
 
 
-            $('.toc a').on('click',function(e) {
+            $('.toc li a').on('click',function(e) {
                 e.preventDefault();
                 var offset = 100;
                 var target = this.hash;

lmmi_journal.info.yml

@@ -1,7 +1,7 @@
 name: LMMI Journal
 type: theme
 description: Subtheme of Magazine Plus
-core: 8.x
+core_version_requirement: ^8 || ^9 || ^10
 # Defines the base theme
 base theme: magazineplus
 # Defines libraries group in which we can add css/js.
@@ -10,7 +10,7 @@ libraries:
   - lmmi_journal/global-scripts
   - lmmi_journal/fonts
 
-stylesheets-remove: 
+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

package-lock.json

@@ -1506,7 +1506,7 @@
           "dependencies": {
             "readable-stream": {
               "version": "1.0.34",
-              "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+              "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
               "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
               "dev": true,
               "optional": true,
@@ -1767,7 +1767,7 @@
         },
         "readable-stream": {
           "version": "1.0.34",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
           "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
           "dev": true,
           "optional": true,
@@ -1847,7 +1847,7 @@
         },
         "readable-stream": {
           "version": "1.0.34",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
           "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
           "dev": true,
           "optional": true,
@@ -2152,7 +2152,7 @@
           "dependencies": {
             "readable-stream": {
               "version": "1.0.34",
-              "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+              "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
               "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
               "dev": true,
               "optional": true,
@@ -2414,12 +2414,6 @@
       "integrity": "sha512-WYMjqCnPVS5JA+XvwEnpwucJpVi2+q9cdCFpbhxgWGsCtforFBEkuP9+nCyy/wnU/0SyLcLRIeZct9ayMGcXoQ==",
       "dev": true
     },
-    "emoji-regex": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-      "dev": true
-    },
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -5711,24 +5705,6 @@
         }
       }
     },
-    "locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
-      "dev": true,
-      "requires": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "dependencies": {
-        "path-exists": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
-          "dev": true
-        }
-      }
-    },
     "lodash": {
       "version": "4.17.11",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
@@ -5789,6 +5765,12 @@
       "integrity": "sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI=",
       "dev": true
     },
+    "lodash.assign": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
+      "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=",
+      "dev": true
+    },
     "lodash.clonedeep": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
@@ -5840,6 +5822,12 @@
         "lodash.isarray": "^3.0.0"
       }
     },
+    "lodash.mergewith": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz",
+      "integrity": "sha1-Y5BX5ybDr72z59QnQcqo1uQzWSc=",
+      "dev": true
+    },
     "lodash.restparam": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
@@ -6170,8 +6158,7 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.11.0.tgz",
       "integrity": "sha1-V042Dk2VSrFpZuwQLAwEn9lhoJk=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -6281,9 +6268,9 @@
       }
     },
     "node-sass": {
-      "version": "4.14.1",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
-      "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.3.tgz",
+      "integrity": "sha1-9AfPPWb3gwi7HjRrJPpChwMZYiQ=",
       "dev": true,
       "requires": {
         "async-foreach": "^0.1.3",
@@ -6293,62 +6280,20 @@
         "get-stdin": "^4.0.1",
         "glob": "^7.0.3",
         "in-publish": "^2.0.0",
-        "lodash": "^4.17.15",
+        "lodash.assign": "^4.2.0",
+        "lodash.clonedeep": "^4.3.2",
+        "lodash.mergewith": "^4.6.0",
         "meow": "^3.7.0",
         "mkdirp": "^0.5.1",
-        "nan": "^2.13.2",
+        "nan": "^2.10.0",
         "node-gyp": "^3.8.0",
         "npmlog": "^4.0.0",
-        "request": "^2.88.0",
-        "sass-graph": "2.2.5",
+        "request": "2.87.0",
+        "sass-graph": "^2.2.4",
         "stdout-stream": "^1.4.0",
         "true-case-path": "^1.0.2"
       },
       "dependencies": {
-        "ajv": {
-          "version": "6.12.4",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
-          "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-          "dev": true
-        },
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
-        "cliui": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
-          "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
-          "dev": true,
-          "requires": {
-            "string-width": "^3.1.0",
-            "strip-ansi": "^5.2.0",
-            "wrap-ansi": "^5.1.0"
-          }
-        },
         "cross-spawn": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
@@ -6359,40 +6304,19 @@
             "which": "^1.2.9"
           }
         },
-        "fast-deep-equal": {
-          "version": "3.1.3",
-          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-          "dev": true
-        },
-        "find-up": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-          "dev": true,
-          "requires": {
-            "locate-path": "^3.0.0"
-          }
-        },
         "gaze": {
           "version": "1.1.3",
           "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
-          "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
+          "integrity": "sha1-xEFzPhO5J6yMD/C0w7Az8ogSkko=",
           "dev": true,
           "requires": {
             "globule": "^1.0.0"
           }
         },
-        "get-caller-file": {
-          "version": "2.0.5",
-          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-          "dev": true
-        },
         "glob": {
-          "version": "7.1.6",
-          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-          "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+          "version": "7.1.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
+          "integrity": "sha1-OWCDLT8VdBCDQtr9OmezMsCWnfE=",
           "dev": true,
           "requires": {
             "fs.realpath": "^1.0.0",
@@ -6404,9 +6328,9 @@
           }
         },
         "globule": {
-          "version": "1.3.2",
-          "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-          "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
+          "integrity": "sha1-Xf+xsZHyLSB5epNptJ6rTpg5aW0=",
           "dev": true,
           "requires": {
             "glob": "~7.1.1",
@@ -6414,203 +6338,15 @@
             "minimatch": "~3.0.2"
           }
         },
-        "har-validator": {
-          "version": "5.1.5",
-          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
-          "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.12.3",
-            "har-schema": "^2.0.0"
-          }
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
-        "lodash": {
-          "version": "4.17.20",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
-          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
-          "dev": true
-        },
         "lru-cache": {
-          "version": "4.1.5",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-          "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+          "version": "4.1.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
+          "integrity": "sha1-oRdc80lt/IQ2wVbDNLSVWZK85pw=",
           "dev": true,
           "requires": {
             "pseudomap": "^1.0.2",
             "yallist": "^2.1.2"
           }
-        },
-        "nan": {
-          "version": "2.14.1",
-          "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
-          "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
-          "dev": true
-        },
-        "oauth-sign": {
-          "version": "0.9.0",
-          "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
-          "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
-          "dev": true
-        },
-        "punycode": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-          "dev": true
-        },
-        "qs": {
-          "version": "6.5.2",
-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-          "dev": true
-        },
-        "request": {
-          "version": "2.88.2",
-          "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
-          "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
-          "dev": true,
-          "requires": {
-            "aws-sign2": "~0.7.0",
-            "aws4": "^1.8.0",
-            "caseless": "~0.12.0",
-            "combined-stream": "~1.0.6",
-            "extend": "~3.0.2",
-            "forever-agent": "~0.6.1",
-            "form-data": "~2.3.2",
-            "har-validator": "~5.1.3",
-            "http-signature": "~1.2.0",
-            "is-typedarray": "~1.0.0",
-            "isstream": "~0.1.2",
-            "json-stringify-safe": "~5.0.1",
-            "mime-types": "~2.1.19",
-            "oauth-sign": "~0.9.0",
-            "performance-now": "^2.1.0",
-            "qs": "~6.5.2",
-            "safe-buffer": "^5.1.2",
-            "tough-cookie": "~2.5.0",
-            "tunnel-agent": "^0.6.0",
-            "uuid": "^3.3.2"
-          }
-        },
-        "require-main-filename": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-          "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-          "dev": true
-        },
-        "sass-graph": {
-          "version": "2.2.5",
-          "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz",
-          "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.0.0",
-            "lodash": "^4.0.0",
-            "scss-tokenizer": "^0.2.3",
-            "yargs": "^13.3.2"
-          }
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
-        "tough-cookie": {
-          "version": "2.5.0",
-          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
-          "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
-          "dev": true,
-          "requires": {
-            "psl": "^1.1.28",
-            "punycode": "^2.1.1"
-          }
-        },
-        "tunnel-agent": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-          "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-          "dev": true,
-          "requires": {
-            "safe-buffer": "^5.0.1"
-          }
-        },
-        "which-module": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
-          "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
-          "dev": true
-        },
-        "wrap-ansi": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
-          "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.0",
-            "string-width": "^3.0.0",
-            "strip-ansi": "^5.0.0"
-          }
-        },
-        "y18n": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
-          "dev": true
-        },
-        "yargs": {
-          "version": "13.3.2",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
-          "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
-          "dev": true,
-          "requires": {
-            "cliui": "^5.0.0",
-            "find-up": "^3.0.0",
-            "get-caller-file": "^2.0.1",
-            "require-directory": "^2.1.1",
-            "require-main-filename": "^2.0.0",
-            "set-blocking": "^2.0.0",
-            "string-width": "^3.0.0",
-            "which-module": "^2.0.0",
-            "y18n": "^4.0.0",
-            "yargs-parser": "^13.1.2"
-          }
-        },
-        "yargs-parser": {
-          "version": "13.1.2",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
-          "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
-          "dev": true,
-          "requires": {
-            "camelcase": "^5.0.0",
-            "decamelize": "^1.2.0"
-          }
         }
       }
     },
@@ -6986,36 +6722,12 @@
       "dev": true,
       "optional": true
     },
-    "p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "requires": {
-        "p-try": "^2.0.0"
-      }
-    },
-    "p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-      "dev": true,
-      "requires": {
-        "p-limit": "^2.0.0"
-      }
-    },
     "p-pipe": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/p-pipe/-/p-pipe-1.2.0.tgz",
       "integrity": "sha1-SxoROZoRUgpneQ7loMHViB1r7+k=",
       "dev": true
     },
-    "p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
-    },
     "parse-filepath": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
@@ -7347,12 +7059,6 @@
       "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
       "dev": true
     },
-    "psl": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
-      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
-      "dev": true
-    },
     "punycode": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
@@ -8003,6 +7709,64 @@
       "integrity": "sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=",
       "dev": true
     },
+    "sass-graph": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
+      "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
+      "dev": true,
+      "requires": {
+        "glob": "^7.0.0",
+        "lodash": "^4.0.0",
+        "scss-tokenizer": "^0.2.3",
+        "yargs": "^7.0.0"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
+          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "yargs": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
+          "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+          "dev": true,
+          "requires": {
+            "camelcase": "^3.0.0",
+            "cliui": "^3.2.0",
+            "decamelize": "^1.1.1",
+            "get-caller-file": "^1.0.1",
+            "os-locale": "^1.4.0",
+            "read-pkg-up": "^1.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^1.0.1",
+            "set-blocking": "^2.0.0",
+            "string-width": "^1.0.2",
+            "which-module": "^1.0.0",
+            "y18n": "^3.2.1",
+            "yargs-parser": "^5.0.0"
+          }
+        },
+        "yargs-parser": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
+          "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+          "dev": true,
+          "requires": {
+            "camelcase": "^3.0.0"
+          }
+        }
+      }
+    },
     "sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
@@ -9241,23 +9005,6 @@
       "dev": true,
       "optional": true
     },
-    "uri-js": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz",
-      "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-          "dev": true
-        }
-      }
-    },
     "urix": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",

src/js/js.js

@@ -82,13 +82,18 @@
         }
     };
 
-
-    Drupal.behaviors.article_keyword_copier = {
-        attach: function attach(context, settings) {
-
-            $('.field--name-field-journal-article-keywords').appendTo("#toc-sections");
-        }
-    };
+  Drupal.behaviors.article_collection_copier = {
+    attach: function attach(context, settings) {
+
+      $('.field--name-field-collection').appendTo("#toc-sections ol");
+    }
+  };
+  Drupal.behaviors.article_keyword_copier = {
+    attach: function attach(context, settings) {
+
+      $('.field--name-field-journal-article-keywords').appendTo("#toc-sections");
+    }
+  };
     Drupal.behaviors.slickSliderInit = {
         attach: function attach(context, settings) {
 
@@ -106,7 +111,7 @@
         attach: function attach(context, settings) {
 
 
-            $('.toc a').on('click',function(e) {
+            $('.toc li a').on('click',function(e) {
                 e.preventDefault();
                 var offset = 100;
                 var target = this.hash;

src/scss/_lp-preview-grid.scss

@@ -1,5 +1,5 @@
 //overrides
-.masonry-layout .masonry-item {
+.masonry .masonry-item {
     width: 100%;
     @include breakpoint($tablet-up) {
         width: 30.5%;

src/scss/style.scss

@@ -14,15 +14,11 @@
 @import 'article_attachment';
 @import 'search';
 
-
 /*on-scroll menu */
 .fixed-header-enabled.onscroll .header-container ul.menu {
   text-align: right;
 }
 
-
-
-
 /*================================================*/
 
 /*change header title fontsize*/
@@ -35,11 +31,11 @@
 }
 
 /*change padding above content*/
-.main-content__section, .sidebar__section {
+.main-content__section,
+.sidebar__section {
   padding: 60px 0 70px;
 }
 
-
 /*modify issue info on landing page*/
 .path-frontpage .layout.layout--twocol-bricks {
   display: block;
@@ -51,18 +47,21 @@
 }
 .path-frontpage .block-region-second-above > * {
   margin-right: 1rem;
-  display:flex;
+  display: flex;
 }
-.path-frontpage .block-region-second-above > .block-entity-fieldnodetitle::after{
-  content: ",";
+.path-frontpage
+  .block-region-second-above
+  > .block-entity-fieldnodetitle::after {
+  content: ',';
 }
-.path-frontpage .block-region-second-above > .block-entity-fieldnodefield-issue-year::after{
-  content: ",";
+.path-frontpage
+  .block-region-second-above
+  > .block-entity-fieldnodefield-issue-year::after {
+  content: ',';
 }
 
-
 .path-frontpage .block-region-second-above .field--name-field-issue-number {
-  display:flex;
+  display: flex;
 }
 
 /*tweak images added to articles*/
@@ -90,9 +89,8 @@ details#journal-article-text-tab img,
   margin-bottom: 30px;
 }
 
-
 .logo {
-  width:110px;
+  width: 110px;
 }
 /*headings*/
 .hff-01 h1,
@@ -109,5 +107,8 @@ details#journal-article-text-tab img,
   font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif;
 }
 .site-name {
-  font-size:12rem;
+  font-size: 12rem;
+}
+.path-taxonomy .article-info--wrapper {
+  padding: 3rem;
 }

temp

@@ -0,0 +1,2 @@
+
+So, for first of all, you do not act/talk/ignore to me like you did then expect me to drop everything because you have given me an ultimatem. You talk about me cheating on you well over a year ago and how that ended all. You stayed with me for some reason and even after xmas we continued to build what was to be our apartment/life. I put together, put up, lived with our things and toosed out much of my stuff. I did not know you had other plans and this was just temp storage. In this time you have done repreehensible things to me and in blatant disregard of me and I have said countless times that the fact that you will not even address any of this is a huge fucking problem for me. I dont know how I could have a serios conversation with you with so many 'elephants in the room'. All of mine are in plain sight, yet you still act as if you are deciding whether to 'take me back'... this is going both ways right now. You are the one that mentioned 'red flags', they be a wavin'. I have been gutted by how ive hurt you, Ive talked about it, balwed about it, had you spead it far and wide by calling my family and local bars... You have acted monsterously expect me to keep a straight face when you so gratiously 'give me an hour' of your time at the bar of your choice because you already tried to destroy me in the bars of my choice. Im not above meetingbut ive said this before regarding our meeting again. You are trying to conrol the situation rather than discuss/solve and its very dishonest.

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

@@ -1,4 +1,7 @@
-{% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %}
+{% set imageValue = content.field_article_highlight_image|field_target_entity.image.entity.uri.value %}
+{% if imageValue %}
+  {% set imagePath = file_url(imageValue) %}
+{% endif %}
 {% set articleType = content.field_article_type|field_value %}
 {% set pubDate = content.field_publication_date_electroni|field_value %}
 
@@ -35,7 +38,7 @@
 
 
 
-<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">
+<header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)){% if imagePath %}, url('{{ imagePath }}'){% endif %}" class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
   <div  class="container article-info--wrapper">
 
         {% block title_area %}

templates/article_pages/entity-print.html.twig

@@ -6,7 +6,7 @@
 </head>
 <body>
 <div class="page">
-    {{ content }}
+     {{ content }} 
 </div>
 </body>
 </html>

templates/entity-print--node--page.html.twig

@@ -125,3 +125,4 @@
     </div>
   </div>
 </article>
+<h1>test</h1>

templates/field--paragraph--field-contributor-orcid--author-with-affiliation.html.twig

@@ -0,0 +1,32 @@
+{#
+/**
+ * @file
+ * Theme override for the ORCID field.
+ *
+ * This is an override of field.html.twig for the node title field. See that
+ * template for documentation about its details and overrides.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing span element.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see field.html.twig
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+  'orcid-short-link',
+  ]
+%}
+<a href="https://orcid.org/{{ items.0 }}" {{ attributes.addClass(classes) }}><img class="orcid_logo" alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
+{#{{ items }}#}</a>

templates/landing-page/page--node--113.html.twig

@@ -432,6 +432,9 @@
               {% if main_content_animations == "enabled" %}
                 data-animate-effect="{{ main_content_animation_effect }}"
               {% endif %}>
+              <hr>
+              <h2 class="text-center">L.M. Montgomery &amp; Vision Forum</h2>
+{{ drupal_view('recent_articles_masonry', 'vision') }}
               {% if page.content %}
                 {{ page.content }}
               {% endif %}

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

@@ -1,7 +1,10 @@
+{% if not (node.field_article_highlight_image.isEmpty == true) and content.field_article_highlight_image is defined %}
 {% 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">
-
+{% else %}
+<header class="no_image article-title-banner node__header paragraph-responsive-typography-enabled article-header">
+{% endif %}
+  <div class="container article-info--wrapper">
         {% block title_area %}
           {{ title_prefix }}
             <h1{{ title_attributes.addClass('article--title title') }}>
@@ -13,19 +16,8 @@
           {{ 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>
+    <div class="left"> </div>
+    <div class="right"> </div>
   </section>
   </div>
-
 </header>

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

@@ -0,0 +1,19 @@
+{% 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>
+    <div class="right"> </div>
+  </section>
+  </div>
+</header>

templates/views/views-view-fields--taxonomy-term.html.twig

@@ -0,0 +1,56 @@
+{#{% 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 == "Peer-reviewed article"  %}
+    {% set _icon_ = 'fa-users' %}
+    {% set _color_ = 'red' %}
+	{% 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-rss' %}
+    {% 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 }}
+{#{% 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>
+    <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>