gatsby-core-theme 2.2.3 → 3.0.0

package/CHANGELOG.md

@@ -1,3 +1,80 @@
+# [3.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.2.6...v3.0.0) (2022-02-08)
+
+
+### Bug Fixes
+
+* added canarty token ([4f038a9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4f038a9f580fdd4cf7fe113e7a3bac981e5958a8))
+* final fixes ([5ff5dbe](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5ff5dbe6954d55406e562a6dc92aba29f180e649))
+* final fixes ([d6ab5b4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d6ab5b43137c9e86ed700e9835546081e5a281cc))
+* final fixes ([3e0b2c2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3e0b2c24bd1ecb4788adff18499c8be08e4571f9))
+* fixed issues ([41c60c3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/41c60c3cd190b6c8bc1ea3f3ffe78dd116bc4f06))
+* fixed issues ([5cb7d46](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5cb7d464ea4f41259ff2429fe47df85401300a89))
+* fixed paths ([69d1319](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/69d131999cd7713bbfec58101adac95f1f626f19))
+* fixed paths ([55f6c1b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/55f6c1b4805aae0a7fc502e00430ddf3e5e7f15f))
+* fixed paths ([893e1f9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/893e1f94c60a57abe6575abbe81fbb8f9d7e04f9))
+* image cdn links ([dfa9b65](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/dfa9b65f57dec6b0c5456f06c566d157f259df8f))
+* small fix ([77ccc9a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/77ccc9a3425a3d23c68bf29aa7761b8738263b1a))
+* updated config CDN image ([7a53e9c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7a53e9c7be4b443019e980a1229e030265b69001))
+
+
+### Code Refactoring
+
+* add keep_releases to gatsby theme ([8b39c85](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8b39c85cae696ba1f39074a27ad1e244a84cf23f))
+* add keep_releases to gatsby theme ([d5743c3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d5743c363920f5b6c6b36c2a19518297557871ca))
+* remove unnecessary gtmclass on DOM element ([89ad28e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/89ad28ebe2b010ce25af7f7bb1c34f81b897bb0e))
+
+
+### Config
+
+* added authors in pageContext ([a8cc96d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a8cc96de8ce015412116ef45c331742c66b8af87))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([250e76c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/250e76cbda63a6b7d77429bd447e56c17fb466af))
+* Merge branch 'tm-2681-canary-tokens' into 'master' ([552a8c7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/552a8c783d388a32b363e2415ee17481987e9d70))
+* Merge branch 'tm-2705-gatsby-deployment-refactor' into 'master' ([008231a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/008231af369ad5bed03f2f9e5d7e2b72557ada99))
+* Merge branch 'master' into tm-2705-gatsby-deployment-refactor ([2a545dc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2a545dc4d670dd4ba5e48611487db066ac790a71))
+* Merge branch 'tm-2695-image_cdn' into 'master' ([a650c11](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a650c11d73b3b96e455c4295b5f746f055656d32))
+* Update index.js ([393bd40](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/393bd40075c31591e75ea1e9196f04c2d36254f1))
+* Update index.js ([06001ff](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/06001ffff715c6484c4684d188c38e76a3db7804))
+* Update index.js ([e6c40c8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e6c40c8756da47a1275687cee35712522f671f3f))
+
+## [2.2.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.2.5...v2.2.6) (2022-02-02)
+
+
+### Bug Fixes
+
+* content image cdn ([3cbb875](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3cbb8756406365dd24814f4212797c52298f4acb))
+
+## [2.2.5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.2.4...v2.2.5) (2022-02-01)
+
+
+### Bug Fixes
+
+* content images url changed to main cdn ([eb71334](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/eb71334aa843df6b68ff021b7bce89f72ba37cd7))
+* navigation menu fix ([0ae522f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0ae522f85dc646e535787132770b415feb2c2ce7))
+
+
+### Code Refactoring
+
+* update review publisher info in schema ([4be14d8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4be14d8d058af3132eabfc5f3d7edcb2b65ae2db))
+* update schema publisher name with owned_by ([b1f41c3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b1f41c3161db39eb90afa11ff10584a5ed36e257))
+
+
+* Merge branch 'tm-2685-content-images-cdn' into 'master' ([426ae80](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/426ae80f987034558cb2503dfda17c5757859897))
+* Merge branch 'tm-2670-update-schema-and-tests' into 'master' ([c8d60fb](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c8d60fb00dfbfdea9f335bc4d12ea1766df2b114))
+* Merge branch 'navigation' into 'master' ([02eccb3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/02eccb39c3ea7f615fac6978950a25872c5f5df6))
+
+## [2.2.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.2.3...v2.2.4) (2022-01-27)
+
+
+### Code Refactoring
+
+* update matrix tracker generation with operators ([66f8c13](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/66f8c13ec89baeaf7da2127eefe3b3a6b75de404))
+* update tracker generation for operators and providers ([9b0b738](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9b0b73894b02c9bc1b4abdc480562e24c91231d7))
+
+
+* Merge branch 'tm-2653-update-matrix-tracker-generation' into 'master' ([4af9022](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4af9022aa570f864ac5bd5579aec281af9dfd3a6))
+
 ## [2.2.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.2.2...v2.2.3) (2022-01-25)
 
 

package/gatsby-node.esm.js

@@ -198,7 +198,8 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
         authors = response.authors;
 
         page.translations = {};
-        // siteSchema and authors are added to page for schemaGenerator()
+        // siteInfo, siteSchema and authors are added to page for schemaGenerator()
+        page.siteInfo = siteInfo;
         page.siteSchema = siteSchema;
         page.authors = Object.keys(authors || {}).map((key) =>
           pick(authors[key], pickAuthorsPageKeys)
@@ -219,20 +220,11 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
           prefilledModules,
           siteInfo,
           translations,
+          authors,
           ...themeOptions,
         };
 
-        if (page.path === 'contact-us') {
-          createPage({
-            path: `/${page.path}`,
-            component: require.resolve('./src/components/app.js'),
-            context: {
-              ...contextData,
-              siteSchema,
-              authors,
-            },
-          });
-        } else if (page.path === '404') {
+        if (page.path === '404') {
           context404 = contextData;
         } else if (page.path === 'sitemap') {
           createPage({
@@ -251,70 +243,68 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
             },
           });
         }
+      });
+    });
+  });
 
-        // Operator tracker pages
-        if (page.type === 'operator') {
-          const operator = operators[page.relation_id];
-          const trackerLinks = Object.keys(page.relation.links);
-          const tracker = trackerLinks.map((key) =>
-            generateTrackerLink(page.relation, key).toLowerCase().replace(' ', '_')
-          );
-          tracker.forEach((trackerPath) => {
-            // Create splash page
-            const trackerPageObject = {
-              meta_title: 'Tracker',
-              template: 'tracker',
-              title: 'Tracker',
-              type: 'page',
-              language: languageKey,
-              path: trackerPath,
-              meta_robots: ['noindex', 'nofollow'],
-            };
-            createPage({
-              path: trackerPath,
-              component: require.resolve('./src/components/app.js'),
-              context: { page: trackerPageObject, operator, isTracker: true },
-            });
+  if (themeOptions.siteType === 'sport') {
+    Object.keys(
+      (processed.relations &&
+        processed.relations.sports_data &&
+        processed.relations.sports_data.providers) ||
+        {}
+    ).forEach((providerId) => {
+      const provider = processed.relations.sports_data.providers[providerId];
+      const tracker = generateTrackerLink(provider, 'main');
+      const trackerPageObject = {
+        meta_title: 'Tracker',
+        template: 'tracker',
+        title: 'Tracker',
+        type: 'page',
+        language: languageKey,
+        path: tracker,
+        meta_robots: ['noindex', 'nofollow'],
+      };
+      createPage({
+        path: tracker,
+        component: require.resolve('./src/components/app.js'),
+        context: {
+          page: trackerPageObject,
+          provider,
+          isTracker: true,
+        },
+      });
+    });
+  } else {
+    Object.keys(operators || {}).forEach((operatorId) => {
+      const operator = operators[operatorId];
+      const trackerLinks = Object.keys(operator.links);
+      const tracker = trackerLinks.map((key) =>
+        operator.links[key]
+          ? generateTrackerLink(operator, key).toLowerCase().replace(' ', '_')
+          : null
+      );
+      tracker.forEach((trackerPath) => {
+        // Create splash page
+        if (trackerPath) {
+          const trackerPageObject = {
+            meta_title: 'Tracker',
+            template: 'tracker',
+            title: 'Tracker',
+            type: 'page',
+            language: languageKey,
+            path: trackerPath,
+            meta_robots: ['noindex', 'nofollow'],
+          };
+          createPage({
+            path: trackerPath,
+            component: require.resolve('./src/components/app.js'),
+            context: { page: trackerPageObject, operator, isTracker: true },
           });
         }
-
-        // Provider tracker pages (sports sites)
-        if (
-          page.type === 'sport' ||
-          (themeOptions.themeType === 'rage-seo' && page.template === 'live_stream_providers')
-        ) {
-          const { providers } = page.relation;
-          if (providers && providers.length) {
-            const providerData = providers.map((provider) => {
-              const tracker = generateTrackerLink(provider, 'main');
-              const providerObject = provider;
-              return { tracker, providerObject };
-            });
-            providerData.forEach((provider) => {
-              const trackerPageObject = {
-                meta_title: 'Tracker',
-                template: 'tracker',
-                title: 'Tracker',
-                type: 'page',
-                language: languageKey,
-                path: provider.tracker,
-                meta_robots: ['noindex', 'nofollow'],
-              };
-              createPage({
-                path: provider.tracker,
-                component: require.resolve('./src/components/app.js'),
-                context: {
-                  page: trackerPageObject,
-                  provider: provider.providerObject,
-                  isTracker: true,
-                },
-              });
-            });
-          }
-        }
       });
     });
-  });
+  }
 };
 
 exports.onCreatePage = ({ page, actions }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "2.2.3",
+  "version": "3.0.0",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",

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

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { FaInstagram, FaFacebookSquare, FaTwitter, FaLinkedin } from 'react-icons/fa';
 import PropTypes from 'prop-types';
-import { translate } from '~helpers/getters';
+import { translate, imagePrettyUrl } from '~helpers/getters';
 import styles from './author-box.module.scss';
 import LazyImage from '~hooks/lazy-image';
 import Link from '~hooks/link';
@@ -21,12 +21,14 @@ export default function AuthorBox({ author }) {
         <div className={styles.information}>
           <div>
             {' '}
-            <LazyImage
-              src={author.image_object?.url}
-              alt={author.image_alt}
-              width={author.image_object?.width}
-              height={author.image_object?.height}
-            />
+            {author.image_object && (
+              <LazyImage
+                src={imagePrettyUrl(author.image_object.filename)}
+                alt={author.image_alt}
+                width={author.image_object?.width}
+                height={author.image_object?.height}
+              />
+            )}
           </div>
           <span className={styles.name}>{author.name}</span>
           <p className={styles.title}>{author.author_title}</p>
@@ -108,6 +110,7 @@ AuthorBox.propTypes = {
       url: PropTypes.string,
       width: PropTypes.number,
       height: PropTypes.number,
+      filename: PropTypes.string,
     }),
     image_alt: PropTypes.string,
     name: PropTypes.string,

package/src/components/atoms/iframe/index.js

@@ -26,7 +26,7 @@ const Iframe = ({
   }
 
   return (
-    <div className={styles.iframeContainer}>
+    <div className={styles?.iframeContainer}>
       <iframe
         title={title}
         style={{ width: '100%', minHeight, display: 'block' }}

package/src/components/atoms/menu/items/item/item.module.scss

@@ -10,6 +10,10 @@
 .item {
   padding: 1.5rem 2rem;
 
+  @include custom-min-max(1200, 1260) {
+    padding: 1.5rem 1.8rem;
+  }
+
   &.openedLink {
     background-color: var(--primary-hover-color);
   }

package/src/components/molecules/content/index.js

@@ -7,6 +7,7 @@ import parse from 'html-react-parser';
 import loadable from '@loadable/component';
 import LazyImage from '~hooks/lazy-image';
 import { parseCss } from '~helpers/css-parser';
+import { parseContentImageUrl } from '~helpers/strings';
 import styles from './content.module.scss';
 
 const Content = ({ module, pageContext = null }) => {
@@ -32,7 +33,7 @@ const Content = ({ module, pageContext = null }) => {
       }
 
       const lazyProps = {
-        src: node.attribs.src,
+        src: parseContentImageUrl(node.attribs.src),
         style: node.attribs.style ? parseCss(node.attribs.style) : null,
         alt: node.attribs.alt ? node.attribs.alt : 'missing alt',
         className: styles[stylesClass],

package/src/components/organisms/anchor/index.js

@@ -22,7 +22,7 @@ function Anchor({ module: { items }, headerOffset = 80 }) {
   };
 
   return (
-    <div className={styles.anchor} gtmClass="anchor-carousel-gtm">
+    <div className={styles.anchor}>
       {items.map((anchor) => (
         <a
           className={`${styles.link} anchor-carousel-gtm anchor-menu-gtm`}

package/src/components/pages/body/index.js

@@ -1,4 +1,5 @@
-import React from 'react';
+/* eslint-disable no-restricted-globals */
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
 import { getSection } from '~helpers/getters';
@@ -19,6 +20,24 @@ function Body({ pageContext, children }) {
   const footer = getBodySection('footer');
   const sidebar = getBodySection('sidebar');
 
+  useEffect(() => {
+    if (!process.env.CANARY_TOKEN) {
+      return;
+    }
+
+    if (
+      !document.domain.includes(process.env.GATSBY_SITE_NAME) ||
+      !document.domain.includes(`www.${process.env.GATSBY_SITE_NAME}`)
+    ) {
+      const l = location.href;
+      const r = document.referrer;
+      const img = new Image();
+      img.src = `${'http://canarytokens.com/' + `[${process.env.CANARY_TOKEN}].jpg?l=`}${encodeURI(
+        l
+      )}&r=${encodeURI(r)}`;
+    }
+  }, []);
+
   const Sidebar = sidebar ? loadable(() => import(`~molecules/sidebar`)) : null;
   return (
     <>

package/src/helpers/schema.js

@@ -41,6 +41,25 @@ const knowsAbout = [
     ],
   },
 ];
+const customSchema = {
+  // Matrix
+  'playcasino.co.za': 'Playcasino',
+  'norskespilleautomater.com': 'Norske Spilleautomater',
+  'irishluck.ie': 'Irish Luck',
+  // Rage PPC
+  'bekijksport.nl': 'Bekijk Sport',
+  'bestsports.gr': 'Best Sports',
+  'sesport.dk': 'Se Sport',
+  'watchfooty.co.uk': 'WatchFooty',
+  // Rage SEO
+  'fotballstreams.com': 'Fotball Streams',
+  'fussballstreams.com': 'Fussball Streams',
+  'livefotbollonline.se': 'Live Fotboll Online',
+  'livestreamsvoetbal.nl': 'Live Streams Voetbal',
+  'sefodbold.dk': 'Se Fodbold',
+  'verfutbolonline.net': 'Ver Futbol Online',
+  'watchsport.gr': 'Watch Sport',
+};
 /* HardCoded End */
 
 const socialLinks = [
@@ -118,7 +137,8 @@ export function webPageSchema(page, pageImage) {
       name: page.siteSchema?.site_name || '',
       alternateName: page.siteSchema?.alias_site_name || '',
       foundingDate: page.siteSchema?.organization_founding_date || '',
-      ...(isIL || isNSA ? { publishingPrinciples } : {}),
+      publishingPrinciples:
+        page.siteSchema?.publishing_principles || (isIL || isNSA ? publishingPrinciples : null),
       logo: {
         '@type': 'ImageObject',
         url: pageImage,
@@ -207,8 +227,15 @@ export function templateSchemas(page, pageImage) {
     },
     publisher: {
       '@type': 'Organization',
-      name: process.env.GATSBY_SITE_NAME,
-      logo: page.featured_image_object?.url || pageImage,
+      name:
+        page.siteSchema?.owned_by ||
+        customSchema[process.env.GATSBY_SITE_NAME] ||
+        page.siteInfo?.site_name ||
+        process.env.GATSBY_SITE_NAME,
+      logo:
+        `${process.env.IMAGE_CDN_URL}/${page.siteInfo?.site_logo}` ||
+        page.featured_image_object?.url ||
+        pageImage,
     },
   };
   switch (page.type) {

package/src/helpers/schema.test.js

@@ -232,6 +232,9 @@ describe('Schema Helper', () => {
         name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
         profile_page_path: 'article_author/author_page',
       },
+      siteInfo: {
+        site_logo: 'logo.jpg',
+      },
     });
 
     const json = parseCheckSchema(output);
@@ -255,8 +258,8 @@ describe('Schema Helper', () => {
 
     expect(Object.prototype.toString.call(json.publisher)).toEqual('[object Object]');
     expect(json.publisher['@type']).toEqual('Organization');
-    expect(json.publisher.name).toEqual(process.env.GATSBY_SITE_NAME);
-    expect(json.publisher.logo).toEqual('featured_image/image.jpg');
+    expect(json.publisher.name).toBeTruthy();
+    expect(json.publisher.logo).toEqual(`${process.env.IMAGE_CDN_URL}/logo.jpg`);
   });
 
   test('templateSchemas(operator)', () => {
@@ -278,6 +281,9 @@ describe('Schema Helper', () => {
         name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
         profile_page_path: 'operator_review_author/author_page',
       },
+      siteInfo: {
+        site_logo: 'logo.jpg',
+      },
       extra_fields: {
         operator_summary: 'Operator Review Summary',
       },
@@ -310,8 +316,8 @@ describe('Schema Helper', () => {
 
     expect(Object.prototype.toString.call(json.publisher)).toEqual('[object Object]');
     expect(json.publisher['@type']).toEqual('Organization');
-    expect(json.publisher.name).toEqual(process.env.GATSBY_SITE_NAME);
-    expect(json.publisher.logo).toEqual('featured_image/image.jpg');
+    expect(json.publisher.name).toBeTruthy();
+    expect(json.publisher.logo).toEqual(`${process.env.IMAGE_CDN_URL}/logo.jpg`);
   });
 
   test('templateSchemas(game)', () => {
@@ -330,6 +336,9 @@ describe('Schema Helper', () => {
         name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
         profile_page_path: 'operator_review_author/author_page',
       },
+      siteInfo: {
+        site_logo: 'logo.jpg',
+      },
       extra_fields: {
         game_summary: 'Game Review Summary',
       },
@@ -371,8 +380,8 @@ describe('Schema Helper', () => {
 
     expect(Object.prototype.toString.call(json.review.publisher)).toEqual('[object Object]');
     expect(json.review.publisher['@type']).toEqual('Organization');
-    expect(json.review.publisher.name).toEqual(process.env.GATSBY_SITE_NAME);
-    expect(json.review.publisher.logo).toEqual('featured_image/image.jpg');
+    expect(json.review.publisher.name).toBeTruthy();
+    expect(json.review.publisher.logo).toEqual(`${process.env.IMAGE_CDN_URL}/logo.jpg`);
   });
 
   test('schemaGenerator()', () => {

package/src/helpers/strings.js

@@ -55,3 +55,13 @@ export function truncateString(str, num, dots = '...') {
 export function cleanHTML(string) {
   return string && string.replace(/(<([^>]+)>)/gi, '');
 }
+
+export function parseContentImageUrl(src) {
+  const srcArr = src && src.split('//');
+  if (srcArr && srcArr.length === 2) {
+    const refUrl = srcArr[1].substring(srcArr[1].indexOf('/'));
+    return process.env.IMAGE_CDN_URL + refUrl;
+  }
+
+  return src;
+}

package/src/helpers/strings.test.js

@@ -33,4 +33,12 @@ describe('Strings Helper', () => {
   test('cleanHTML()', () => {
     expect(Strings.cleanHTML('<p>hello <a>i</a> think</p>')).toEqual('hello i think');
   });
+
+  test('parseContentImageUrl()', () => {
+    expect(
+      Strings.parseContentImageUrl(
+        'https://assets-srv.s3.eu-west-1.amazonaws.com/irishluck-jackpot.jpeg'
+      )
+    ).toEqual('https://cdn.images.com/irishluck-jackpot.jpeg');
+  });
 });