gatsby-matrix-theme 6.0.7 → 7.0.2

package/CHANGELOG.md

@@ -1,3 +1,82 @@
+## [7.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.0.1...v7.0.2) (2022-05-09)
+
+
+### Bug Fixes
+
+* alignment for toplist tabs ([37c0f39](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/37c0f39a5e9d35bfff0a11c94d102793cfc38de4))
+* moved tabs aboved module-introduction and fixed layout ([480edba](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/480edbaf6e1ed588923996e099fea31484d70a8c))
+
+
+### Code Refactoring
+
+* author card alignment ([c856e84](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c856e84877e496b136fb13714c224c5f4894d3f1))
+* theme styles to match IL ([8099473](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/80994733d4227f38f7999cea67654a70d6a783f4))
+
+
+* Merge branch 'tm-2689-include-a-paragraph-in-all-module' into 'master' ([0e3e26b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0e3e26b203a3b708834a5415253804c80c62f917))
+* Merge branch 'tm-2801-fact-checker' into 'master' ([29ea252](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/29ea252b432f524a8592c339f2a870fbe483cab0))
+
+## [7.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.0.0...v7.0.1) (2022-05-05)
+
+
+### Bug Fixes
+
+* aded page path to toplist row ([0169dc1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0169dc16798874635f4cb61b708f68f2bd40b2a1))
+
+
+### Code Refactoring
+
+* update nsa specific schema ([ee5bd71](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ee5bd7134baf71dc3aba62f8c833e4dbc7007933))
+
+
+* Merge branch 'tm-2814-toplist-extra-prop' into 'master' ([78975b6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/78975b654605f831f78ecc0805d91a234a40a262))
+* Merge branch 'tm-2708-update-nsa-specific-schema' into 'master' ([90821d2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/90821d27e7d8c218bee5c590a2dc997798f7912c))
+
+# [7.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v6.0.7...v7.0.0) (2022-05-05)
+
+
+### Bug Fixes
+
+* add props from image_object ([281f8cf](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/281f8cf5e71a961c0c2d44048e700980ba378a65))
+* fix conflicts ([b516ebf](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b516ebf750adc150a7f357e72567886f6cf151f2))
+* launch date test ([88cf0cb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/88cf0cb87c16480a249780ba709961182b11cb6e))
+* rearenged logic in order for toplist's title and module introduction to appear in a correct way ([89a2c23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/89a2c235c0b6cfef90ad7ba663b02a532b96db89))
+* replace altText ([1f3b340](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1f3b340bd3d21d0ed915e67237e6255c68f38d37))
+
+
+### Code Refactoring
+
+* align spotlight links ([11ae011](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/11ae01120c99c42233a962375ab7454ecb26f654))
+* author format change ([52ca43b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/52ca43b06b7e5817d6bd5aa5144250b5712e16a2))
+* correction to proptypes ([22b3bce](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/22b3bce9f02ea56fa8414061ea0e296d9dd2c1fa))
+* disable NSA extra braedcrumb for schema ([c7476c6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c7476c6e6d38a024931b96d94dc67d2ffddddcc6))
+* hide fact checker on article cards ([4487d16](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4487d166727cf389e9a5520d4b2c578af7e54448))
+* matrix fact checked by ([0ae7edc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0ae7edc29d4391ef441f99b7e722bb0b810d3b83))
+* remove fallback for publishing principles ([58e2a37](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/58e2a377b477d03da86216b6e8be598f9145d31e))
+* remove styles and use prop for author card fact checker ([a2910b7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a2910b76f4725087703cdb7e45d50c23051c6a1c))
+* update head meta robots for archive ([8c163b9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8c163b9ad8ad345ce2e467d46361b5fa3af96c34))
+* update NSA specific breadcrumb schema ([0ccd233](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0ccd233d26acd27f5b0e6bf1457e8a8b487e6a4e))
+* update site specific schema and update tests ([d796598](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d796598928668f2cbdc9c1397e8f0c03139aad06))
+
+
+### Config
+
+* update core theme ([4849170](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4849170f16a98dc3ba4b6b57fe23bec941d379df))
+* updated to latest core version ([2362319](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/236231966a405123c153d1269f0e1b2bbf9ef277))
+
+
+* Merge branch 'tm-2801-fact-checker' into 'master' ([1aa6e20](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1aa6e2038bf610f18e5c6d6db1cb529a172a8ea1))
+* Merge branch 'tm-2829-image-alt-text' into 'master' ([fe1faea](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fe1faea10da44d3df6121afe2218ec112fa0f7ee))
+* Merge branch 'tm-2708-update-site-specific-schema' into 'master' ([9292722](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9292722a6cdd664f4d1746f8a56d33db0f681b49))
+* Merge branch 'tm-2831-update-archive-noindex-nofollow' into 'master' ([b7fec29](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b7fec29a39cacc39b6f1ffb02cefe3e50a5b0c9b))
+* Merge branch 'tm-2880-spotlight-links' into 'master' ([3ba81db](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3ba81dbf0efcd3abd63d6bdb6b40dc56f0434086))
+* Merge branch 'master' into tm-2708-update-site-specific-schema ([4e6a2aa](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4e6a2aa0f50d316bf54c7cc75e668ec7527f4a38))
+* Merge branch 'master' into tm-2801-fact-checker ([5e3e762](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5e3e76213240cf0aeef600de7a200050a6a11b7f))
+* Merge branch 'master' into tm-2880-spotlight-links ([87d9b61](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/87d9b61689689e2231dbdaf07c8fd7c916ce9c15))
+* Merge branch 'tm-2689-add-paragraph' into 'master' ([7db206a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7db206a4f4b1a67772ee425951e0c73e13037d8f))
+* Merge branch 'master' into tm-2880-spotlight-links ([be5072f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/be5072f72e787dbfd7ca10b3b13acb623d80e1ea))
+* Merge branch 'master' into tm-2801-fact-checker ([09ab168](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/09ab16836bc94b6565eb67481eacd7c4a2dee768))
+
 ## [6.0.7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v6.0.6...v6.0.7) (2022-04-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "6.0.7",
+  "version": "7.0.2",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -29,7 +29,7 @@
     "react": "^17.0.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "react-dom": "^17.0.2",
-    "gatsby-core-theme": "^6.1.9"
+    "gatsby-core-theme": "^7.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.13.1",

package/src/components/atoms/author-card/index.js

@@ -1,19 +1,20 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable camelcase */
 import React from 'react';
 import PropTypes from 'prop-types';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
+import { imagePrettyUrl, getAltText } from 'gatsby-core-theme/src/helpers/getters';
 import styles from './author-card.module.scss';
 
 const AuthorCard = ({ author, width = 60, height = 60 }) => {
-  const { name, author_title, email_address, image, image_alt } = author || {};
+  const { name, author_title, email_address, image, image_alt, image_object } = author || {};
 
   return (
     <div className={styles.authorCard}>
       <div className={styles.img}>
         <LazyImage
           src={imagePrettyUrl(image)}
-          alt={image_alt || name}
+          alt={getAltText(image_object, image_alt || name)}
           width={width}
           height={height}
         />

package/src/components/atoms/cards/author-card/index.js

@@ -1,16 +1,18 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable camelcase */
 import React from 'react';
 import PropTypes from 'prop-types';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-
+import { getAltText } from 'gatsby-core-theme/src/helpers/getters';
 import styles from './author-card.module.scss';
 
 const AuthorCard = ({ item, width, height }) => {
-  const { name, position, email, image } = item;
+  const { name, position, email, image, image_object } = item;
+
   return (
     <div className={styles.authorCard}>
       <div className={styles.img}>
-        <LazyImage width={width} height={height} src={image} alt={name} />
+        <LazyImage width={width} height={height} src={image} alt={getAltText(image_object, name)} />
       </div>
       <div className={styles.txt}>
         <div className={styles.name}>{name}</div>
@@ -34,6 +36,9 @@ AuthorCard.propTypes = {
     position: PropTypes.string,
     email: PropTypes.string,
     image: PropTypes.string,
+    image_object: PropTypes.shape({
+      alt: PropTypes.string,
+    }),
   }).isRequired,
   width: PropTypes.number,
   height: PropTypes.number,

package/src/components/atoms/cards/game-card/index.js

@@ -9,6 +9,7 @@ import {
   imagePrettyUrl,
   getSectionExtraField,
   translate,
+  getAltText,
 } from 'gatsby-core-theme/src/helpers/getters';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
@@ -27,6 +28,8 @@ const GameCard = ({
   const cardBackgroundImage = getSectionExtraField(null, item, 'card_background_image');
   const featured = !!cardBackgroundImage;
   const { translations } = useContext(Context) || {};
+
+  const logUrlObject = relation?.thumbnail_filename_object;
   const StarRating = useOneStarRating
     ? loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'))
     : loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating'));
@@ -44,7 +47,7 @@ const GameCard = ({
               width={width}
               height={height}
               src={imagePrettyUrl(banner, width, height)}
-              alt={title}
+              alt={getAltText(logUrlObject, title)}
             />
           ) : (
             <GatsbyImg filename="default-slot.jpg" alt={title} />
@@ -92,6 +95,9 @@ GameCard.propTypes = {
       third_rating: PropTypes.string,
       fourth_rating: PropTypes.string,
       game_provider: PropTypes.shape({ name: PropTypes.string }),
+      thumbnail_filename_object: PropTypes.shape({
+        alt: PropTypes.string,
+      }),
     }),
     title: PropTypes.string,
     path: PropTypes.string,

package/src/components/atoms/cards/operator-card/index.js

@@ -3,7 +3,7 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
-import { imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
+import { getAltText, imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
@@ -26,6 +26,7 @@ const OperatorCard = ({
   const status = relation?.status;
   const isInactive = status === 'inactive';
   const backgroundImage = number === 1 ? 'featuredCasino' : null;
+  const logUrlObject = relation?.logo_url_object;
   const { translations } = useContext(Context) || {};
   const StarRating = useOneStarRating
     ? loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'))
@@ -46,8 +47,8 @@ const OperatorCard = ({
           <LazyImage
             width={width}
             height={height}
-            src={imagePrettyUrl(relation.logo_url)}
-            alt={relation.name}
+            src={imagePrettyUrl(relation?.logo_url_object?.filename)}
+            alt={getAltText(logUrlObject, relation.name)}
           />
         </Link>
         <StarRating numOfStars={5} halfStars={false} rating={relation.rating} />
@@ -103,6 +104,10 @@ OperatorCard.propTypes = {
         terms_and_conditions_text_enabled: PropTypes.string,
       }),
       status: PropTypes.string,
+      logo_url_object: PropTypes.shape({
+        alt: PropTypes.string,
+        filename: PropTypes.string,
+      }),
     }),
     path: PropTypes.string,
   }).isRequired,

package/src/components/atoms/cards/payment-method-card/index.js

@@ -2,7 +2,12 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { imagePrettyUrl, textWordsLimit, translate } from 'gatsby-core-theme/src/helpers/getters';
+import {
+  getAltText,
+  imagePrettyUrl,
+  textWordsLimit,
+  translate,
+} from 'gatsby-core-theme/src/helpers/getters';
 import Button from 'gatsby-core-theme/src/components/atoms/button';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
 
@@ -11,6 +16,7 @@ import styles from './payment-method-card.module.scss';
 
 const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, height }) => {
   const { title, path, relation, sections } = item;
+  const logUrlObject = relation?.logo_object;
   const { translations } = useContext(Context) || {};
 
   return (
@@ -27,7 +33,7 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, hei
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
-              alt={title}
+              alt={getAltText(logUrlObject, title)}
             />
           </Link>
           {showTitle && (
@@ -64,6 +70,9 @@ PaymentMethodCard.propTypes = {
     relation: PropTypes.shape({
       games_count: PropTypes.number,
       logo: PropTypes.string,
+      logo_object: PropTypes.shape({
+        alt: PropTypes.string,
+      }),
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({

package/src/components/atoms/cards/popup-card/index.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
 import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
-import { imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
+import { getAltText, imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
 import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating';
 import LazyImage from '~hooks/lazy-image';
@@ -27,11 +27,17 @@ const PopupCard = ({
     oneLiner,
     secondLiner,
   ];
+  const logUrlObject = item?.logo_url_object;
 
   return (
     <div className={styles.popupCard}>
       <div className={styles.imgContainer}>
-        <LazyImage src={imagePrettyUrl(logoUrl)} alt={oneLiner} width={98} height={98} />
+        <LazyImage
+          src={imagePrettyUrl(logoUrl)}
+          alt={getAltText(logUrlObject, oneLiner)}
+          width={98}
+          height={98}
+        />
         {showRating && <StarRating numOfStars={5} rating={item?.rating} />}
         {showName && <p className={styles.name}>{name}</p>}
       </div>
@@ -71,6 +77,9 @@ PopupCard.propTypes = {
     }),
     review_link: PropTypes.string,
     rating: PropTypes.string,
+    logo_url_object: PropTypes.shape({
+      alt: PropTypes.string,
+    }),
     extra_fields: PropTypes.shape({
       terms_and_conditions_text_enabled: PropTypes.string,
     }),

package/src/components/atoms/cards/software-provider-card/index.js

@@ -2,7 +2,12 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { imagePrettyUrl, textWordsLimit, translate } from 'gatsby-core-theme/src/helpers/getters';
+import {
+  getAltText,
+  imagePrettyUrl,
+  textWordsLimit,
+  translate,
+} from 'gatsby-core-theme/src/helpers/getters';
 import Button from 'gatsby-core-theme/src/components/atoms/button';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
 
@@ -23,6 +28,7 @@ const SoftwareProviderCard = ({
 }) => {
   const { title, path, relation, sections } = item;
   const { translations } = useContext(Context) || {};
+  const logUrlObject = relation?.logo_object;
 
   return (
     <BaseCard item={item} cardType="software_provider">
@@ -38,7 +44,7 @@ const SoftwareProviderCard = ({
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
-              alt={title}
+              alt={getAltText(logUrlObject, title)}
             />
           </Link>
           {showTitle && (
@@ -87,6 +93,7 @@ SoftwareProviderCard.propTypes = {
     relation: PropTypes.shape({
       games_count: PropTypes.number,
       logo: PropTypes.string,
+      logo_object: PropTypes.shape({}),
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({

package/src/components/molecules/carousel/screenshot-slide/index.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import parse from 'html-react-parser';
 
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
+import { imagePrettyUrl, getAltText } from 'gatsby-core-theme/src/helpers/getters';
 import styles from './screenshot-slide.module.scss';
 
 const Slide = ({ item = {}, slideTitle = '' }) => (
@@ -15,7 +15,7 @@ const Slide = ({ item = {}, slideTitle = '' }) => (
         height={item?.image_object?.height}
         className={styles.image}
         src={imagePrettyUrl(item.image)}
-        alt={item.title || slideTitle}
+        alt={getAltText(item?.image_object, item.title || slideTitle)}
       />
     )}
     {item.content && <p className={styles.content}>{parse(item.content)}</p>}

package/src/components/molecules/small-welcome-bonus/index.js

@@ -7,6 +7,7 @@ import {
   imagePrettyUrl,
   translate,
   getBonus,
+  getAltText,
 } from 'gatsby-core-theme/src/helpers/getters';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
@@ -22,7 +23,7 @@ const Index = ({ page }) => {
   const prettyLink = prettyTracker(operator);
   let playNow = translate(translations, 'play_now', 'Play now');
   const bonus = getBonus('main', operator);
-
+  const logUrlObject = operator?.logo_url_object;
   if (isMobile) {
     playNow = `> ${translate(translations, 'play_for_real_at', 'Play for real at')} @ ${
       operator.name
@@ -45,7 +46,7 @@ const Index = ({ page }) => {
               <LazyImage
                 width={120}
                 height={50}
-                alt={operator?.name}
+                alt={getAltText(logUrlObject, operator?.name)}
                 src={imagePrettyUrl(logo_url, 120, 50)}
               />
             </a>

package/src/components/molecules/toplist/row/variant-one.js

@@ -7,6 +7,7 @@ import {
   imagePrettyUrl,
   getExtraField,
   translate,
+  getAltText,
 } from 'gatsby-core-theme/src/helpers/getters';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import Label from 'gatsby-core-theme/src/components/atoms/label';
@@ -45,6 +46,7 @@ export default function Row({
   const trackerType = tracker.toLowerCase().replace(' ', '_');
   const prettyLink = prettyTracker(item, trackerType);
   const launchDate = getLaunchDate(item.founded);
+  const logUrlObject = item?.logo_url_object;
 
   return (
     <div className={`${styles.row} ${layout === 'grid' ? styles.grid : ''}`}>
@@ -77,7 +79,7 @@ export default function Row({
           className="toplist-variant-one-gtm logo-cta"
         >
           <LazyImage
-            alt={itemName}
+            alt={getAltText(logUrlObject, itemName)}
             width={128}
             height={40}
             src={imagePrettyUrl(logoUrl, 128, 60)}
@@ -148,6 +150,7 @@ Row.propTypes = {
     name: PropTypes.string,
     logo_url: PropTypes.string,
     rating: PropTypes.string,
+    logo_url_object: PropTypes.shape({}),
     selling_points: PropTypes.arrayOf(PropTypes.string),
     review_link: PropTypes.string,
     one_liners: PropTypes.shape({

package/src/gatsby-core-theme/components/atoms/author/author.module.scss

@@ -1,13 +1,25 @@
 .authorWraper {
-  display: grid;
-  grid-template-rows: repeat(2, 1fr);
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
+  justify-content: flex-end;
   font-size: var(--author-text-fontSize);
   color: var(--author-primary-text-color);
+  max-width: 370px;
+  column-gap: 0.5rem;
+
+  > div {
+    display: flex;
+    justify-content: flex-end;
+  }
+
   .infoContainer {
     display: flex;
     align-items: center;
     white-space: nowrap;
+    order: 1;
+    flex: 1 1 auto;
+
     .prefixStyle {
       margin: 0px;
     }
@@ -34,21 +46,64 @@
         padding: 0px 2px;
       }
     }
+
+    @include max(mobile) {
+      justify-content: flex-start;
+    }
   }
   .dateTimeWrapper {
     display: flex;
     align-items: center;
     white-space: nowrap;
+    order: 4;
+    flex: 0 0 auto;
+    gap: 0.5rem;
+
     .readingWithBorder {
       &:before {
         content: '|';
         padding: 0px 3px;
       }
     }
+
+    @include max(mobile){
+      order: 2;
+  
+      span { 
+        display: none;
+      }
+    }
+  }
+  
+  .readingWithBorder {
+    order: 2;
+    flex: 0 0 auto;
+    gap: 0.5rem;
+    
+    @include max(mobile){
+      order: 4;
+    }
   }
 
-  @include min(tablet) {
-    display: flex;
+  .reviewer {
+    order: 3;
+    flex: 1 1 auto;
+    gap: 0.5rem;
+
+    > a {
+      color: var(--author-link-text-color);
+      font-weight: var(--author-fontweight);
+      text-decoration: underline;
+    }
+
+    @include max(mobile) {
+      justify-content: flex-start;
+    }
+  }
+
+  @include max(mobile) {
+    max-width: 100%;
+    margin: 0.8rem 0 0.2rem;
   }
 }
 
@@ -58,6 +113,10 @@
   justify-content: space-between;
   color: var( --author-card-text-color);
 
+  .infoContainer {
+    justify-content: flex-start;
+  }
+
   @include min(tablet){
     display: flex;
     justify-content: space-between;

package/src/gatsby-core-theme/components/atoms/author/index.js

@@ -22,6 +22,7 @@ const Author = ({
   splitDateFormat = '.',
   dateFormat = 'DD.MM.YYYY',
   isCardsAuthor = false,
+  reviewer = {},
 }) => {
   const { translations } = useContext(Context) || {};
   const prefixstyle = !link || !authorImg;
@@ -34,7 +35,7 @@ const Author = ({
     <div className={`${styles.authorWraper} ${isCardsAuthor && styles.authorCard} `}>
       <div className={`${styles.infoContainer} ${isCardsAuthor && styles.infoCardContainer}`}>
         <p className={`${styles.prefixStyle} ${prefixstyle && styles.prefixCardText}`}>
-          {prefix || getPrefixBasedOnPage}
+          <span>{prefix || getPrefixBasedOnPage}</span>
         </p>
         <Link to={link} title={name}>
           {name}
@@ -50,18 +51,28 @@ const Author = ({
           />
         )}
       </div>
-      <div className={styles.dateTimeWrapper}>
-        {date && <div>{formatDate(date, dateFormat, splitDateFormat, 'en-GB')}</div>}
-        {readingTime && (
-          <div className={date && styles.readingWithBorder}>
-            {`${translate(translations, 'reading_time', 'Reading time')} ${readingTime} ${translate(
-              translations,
-              'minutes',
-              'min'
-            )}`}
-          </div>
-        )}
-      </div>
+      {reviewer.name && !isCardsAuthor && (
+        <div className={date && styles.reviewer}>
+          <span>{`${translate(translations, 'fact_checked_by', 'Fact checked by')}`}</span>
+          {` `}
+          <Link to={reviewer.profile_page_path} title={reviewer.name}>
+            {reviewer.name}
+          </Link>
+        </div>
+      )}
+      {date && (
+        <div className={styles.dateTimeWrapper}>
+          {!isCardsAuthor && <span>{translate(translations, 'published_on', 'Published on')}</span>}
+          {` `}
+          {formatDate(date, dateFormat, splitDateFormat, 'en-GB')}
+        </div>
+      )}
+      {readingTime && !isCardsAuthor && (
+        <div className={date && styles.readingWithBorder}>
+          <span>{translate(translations, 'reading_time', 'Reading time')}</span>
+          {` ${readingTime} ${translate(translations, 'minutes', 'min')}`}
+        </div>
+      )}
     </div>
   );
 };
@@ -78,6 +89,7 @@ Author.propTypes = {
   icon: PropTypes.string,
   splitDateFormat: PropTypes.string,
   isCardsAuthor: PropTypes.bool,
+  reviewer: PropTypes.shape({}),
 };
 
 export default Author;

package/src/gatsby-core-theme/components/atoms/spotlights/spotlights-theme.module.scss

@@ -34,6 +34,10 @@
       }
 
       > div {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        justify-content: space-between;
         font-size: var(--spotlight-testimonials-text-size);
         color: var(--spotlight-testimonials-text-color);
       }

package/src/gatsby-core-theme/components/molecules/module/index.js

@@ -120,7 +120,7 @@ const Modules = ({ module, page, pageContext }) => {
         } ${styles.module} ${module?.style && styles[module.style]} module`}
       >
         {module.name !== 'top_list' && <ModuleTitle module={module} />}
-        {module.module_introduction && (
+        {module.name !== 'top_list' && module.module_introduction && (
           // eslint-disable-next-line react/no-danger
           <div dangerouslySetInnerHTML={{ __html: module?.module_introduction }} />
         )}

package/src/gatsby-core-theme/components/organisms/head/index.js

@@ -57,10 +57,7 @@ const Head = ({ page = {}, siteInfo }) => {
         {page.meta_robots && process.env.GATSBY_ACTIVE_ENV !== 'development' && (
           <meta name="robots" content={page.meta_robots.join()} />
         )}
-        {page.robot_options && !page.path.includes('/page/') && (
-          <meta name="robots" content={getRobotOptions(page.robot_options)} />
-        )}
-        {page.path.includes('/page/') && <meta name="robots" content="noindex,follow" />}
+        {page.robot_options && <meta name="robots" content={getRobotOptions(page.robot_options)} />}
         {process.env.GATSBY_ACTIVE_ENV === 'development' && (
           <meta name="googlebot" content="noindex,follow" />
         )}

package/src/gatsby-core-theme/components/organisms/toplist/index.js

@@ -1,4 +1,6 @@
+/* eslint-disable react/forbid-prop-types */
 import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import PropTypes from 'prop-types';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import keygen from '~helpers/keygen';
@@ -16,6 +18,7 @@ const TopList = ({ module, toplistHeading, CustomRow, page }) => {
         <div label={toplist.title} key={keygen()}>
           {toplistHeading}
           <List
+            pagePath={page.path}
             toplist={toplist}
             CustomRow={Row}
             hasLoadMoreButton={toplist.show_load_more}
@@ -37,7 +40,7 @@ TopList.propTypes = {
   }),
   toplistHeading: PropTypes.element,
   CustomRow: PropTypes.func,
-  page: PropTypes.shape({ template: PropTypes.string }),
+  page: PropTypes.shape({ template: PropTypes.string, path: PropTypes.string }),
 };
 
 export default TopList;