<commit_before>// @flow
/**
 * Part of GDL gdl-frontend.
 * Copyright (C) 2017 GDL
 *
 * See LICENSE
 */

import * as React from 'react';
import styled from 'styled-components';
import { Link } from '../../routes';
import H1 from '../../components/H1';
import H3 from '../../components/H3';
import P from '../../components/P';
import A from '../../components/A';
import Button from '../../components/Button';
import Card from '../../components/Card';
import Flex from '../../components/Flex';
import Box from '../../components/Box';
import Container from '../../components/Container';
import defaultPage from '../../hocs/defaultPage';
import Meta from '../../components/Meta';
import Footer from '../../components/AboutFooter';
import Hero from '../../components/Hero';

const CardImg = styled.img`
  width: 100%;
  height: 100%;
  object-fit: cover;
`;

export const HeroWithIcons = styled(Hero)`
  color: #fff;
  background: url('/static/about/books.png'),
    linear-gradient(135deg, #004b91 0%, #5abc7f 100%);
`;

const About = () => (
  <div>
    <Meta
      title="About - Global Digital Library"
      description="Global Digital Library (GDL)"
    />
    <HeroWithIcons py={64}>
      <Container mw={1075}>
        <H1 style={{ textTransform: 'uppercase' }}>Global digital library</H1>
        <P fontSize={26}>
          The Global Digital Library (GDL) is being developed to increase the
          availability of high quality reading resources in languages children
          and youth speak and understand.
        </P>
        <P fontSize={26}>
          The GDL-project is currently collecting reading resources and piloting<commit_msg>Hero with icons would sometimes display wrong background<commit_after>// @flow
/**
 * Part of GDL gdl-frontend.
 * Copyright (C) 2017 GDL
 *
 * See LICENSE
 */

import * as React from 'react';
import styled from 'styled-components';
import { Link } from '../../routes';
import H1 from '../../components/H1';
import H3 from '../../components/H3';
import P from '../../components/P';
import A from '../../components/A';
import Button from '../../components/Button';
import Card from '../../components/Card';
import Flex from '../../components/Flex';
import Box from '../../components/Box';
import Container from '../../components/Container';
import defaultPage from '../../hocs/defaultPage';
import Meta from '../../components/Meta';
import Footer from '../../components/AboutFooter';
import Hero from '../../components/Hero';

const CardImg = styled.img`
  width: 100%;
  height: 100%;
  object-fit: cover;
`;

export const HeroWithIcons = Hero.extend`
  color: #fff;
  background: url('/static/about/books.png'),
    linear-gradient(135deg, #004b91 0%, #5abc7f 100%);
`;

const About = () => (
  <div>
    <Meta
      title="About - Global Digital Library"
      description="Global Digital Library (GDL)"
    />
    <HeroWithIcons py={64}>
      <Container mw={1075}>
        <H1 style={{ textTransform: 'uppercase' }}>Global digital library</H1>
        <P fontSize={26}>
          The Global Digital Library (GDL) is being developed to increase the
          availability of high quality reading resources in languages children
          and youth speak and understand.
        </P>
        <P fontSize={26}>
          The GDL-project is currently collecting reading resources and piloting
{'fraction_non_alphanumeric': 0.16187911430281268, 'fraction_numerical': 0.023937761819269897, 'mean_word_length': 2.9099415204678363, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4898887', 'n_tokens_mistral': 970, 'n_tokens_neox': 942, 'n_words': 328}