<commit_before>/* eslint max-len: 0 */
import React from 'react';
import { Link } from 'routes';

// Redux
import withRedux from 'next-redux-wrapper';
import { initStore } from 'store';
import { getInsights } from 'redactions/insights';

// Layout
import Page from 'components/app/layout/Page';
import Layout from 'components/app/layout/Layout';

// Components
import Banner from 'components/app/common/Banner';
import CardStatic from 'components/app/common/CardStatic';
import Rating from 'components/app/common/Rating';

const exploreCards = [
  {
    tag: 'Explore data',
    title: 'Dive into the data',
    intro: 'Create and download custom visualisations using our collection of over 180 datasets related to natural resources.',
    buttons: [
      {
        text: 'Explore data',
        path: 'explore',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/explore_data_1.png)'
  },
  {
    tag: 'Dashboards',
    title: 'Review the topic or country you care about most',
    intro: 'Find facts and figures about a country or topic, or build your own dashboard to monitor the data you care about.',
    buttons: [
      {
        text: 'View dashboards',
        path: 'dashboards',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/explore_data_2.png)'
  },
  {
    tag: 'Planet Pulse',
    title: 'Take the pulse of our planet',
    intro: 'A global snapshot of key impacts on livelihoods from the latest data.',
    buttons: [
      {
        text: 'Launch planet pulse',
        path: 'pulse',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/planetpulse.jpg) 67% center'
  }
];

class Home extends Page {
  static insightsCardsStatic(insightsData) {
    return insightsData.map(c =>
      (<CardStatic
        key={`insight-card-${c.tag}`}
        className="-alt"
        background={c.background}
        clickable
        route={`/insights/${c.slug}`}
      >
        <div>
          <h4>{c.tag}</h4>
          <h3>
            <Link route={`/insights/${c.slug}`}>
              <a>{c.title}</a>
            </Link>
          </h3>
        </div>
        <div className="footer">
          <div className="source"><commit_msg>up insight route<commit_after>/* eslint max-len: 0 */
import React from 'react';
import { Link } from 'routes';

// Redux
import withRedux from 'next-redux-wrapper';
import { initStore } from 'store';
import { getInsights } from 'redactions/insights';

// Layout
import Page from 'components/app/layout/Page';
import Layout from 'components/app/layout/Layout';

// Components
import Banner from 'components/app/common/Banner';
import CardStatic from 'components/app/common/CardStatic';
import Rating from 'components/app/common/Rating';

const exploreCards = [
  {
    tag: 'Explore data',
    title: 'Dive into the data',
    intro: 'Create and download custom visualisations using our collection of over 180 datasets related to natural resources.',
    buttons: [
      {
        text: 'Explore data',
        path: 'explore',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/explore_data_1.png)'
  },
  {
    tag: 'Dashboards',
    title: 'Review the topic or country you care about most',
    intro: 'Find facts and figures about a country or topic, or build your own dashboard to monitor the data you care about.',
    buttons: [
      {
        text: 'View dashboards',
        path: 'dashboards',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/explore_data_2.png)'
  },
  {
    tag: 'Planet Pulse',
    title: 'Take the pulse of our planet',
    intro: 'A global snapshot of key impacts on livelihoods from the latest data.',
    buttons: [
      {
        text: 'Launch planet pulse',
        path: 'pulse',
        className: '-primary'
      }
    ],
    background: 'url(/static/tempImages/backgrounds/planetpulse.jpg) 67% center'
  }
];

class Home extends Page {
  static insightsCardsStatic(insightsData) {
    return insightsData.map(c =>
      (<CardStatic
        key={`insight-card-${c.tag}`}
        className="-alt"
        background={c.background}
        clickable
        route={`/blog/${c.slug}`}
      >
        <div>
          <h4>{c.tag}</h4>
          <h3>
            <Link route={`/blog/${c.slug}`}>
              <a>{c.title}</a>
            </Link>
          </h3>
        </div>
        <div className="footer">
          <div className="source">
{'fraction_non_alphanumeric': 0.13111159833369876, 'fraction_numerical': 0.00526200394650296, 'mean_word_length': 2.506533435818601, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3553101', 'n_tokens_mistral': 1378, 'n_tokens_neox': 1363, 'n_words': 383}