<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import styled, { injectGlobal } from 'styled-components';
import { Helmet } from 'react-helmet';
import { normalize } from 'polished';
import Navigation from '../containers/Navigation';
import Footer from '../containers/Footer';

import { colors } from '../utils/cssVariables';

import Rubik400Woff from '../fonts/rubik-400.woff';
import Rubik400Woff2 from '../fonts/rubik-400.woff2';
import Rubik700Woff from '../fonts/rubik-700.woff';
import Rubik700Woff2 from '../fonts/rubik-700.woff2';

/* eslint-disable */
injectGlobal`
    /* ==========================================================================
    Fonts
    ========================================================================== */
    /* rubik-regular - latin */
    @font-face {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        src: local('Rubik'), local('Rubik-Regular'),
            url(${Rubik400Woff2}) format('woff2'),
            url(${Rubik400Woff}) format('woff');
    }
    /* rubik-700 - latin */
    @font-face {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 700;
        src: local('Rubik Bold'), local('Rubik-Bold'),
            url(${Rubik700Woff2}) format('woff2'),
            url(${Rubik700Woff}) format('woff');
    }

    /* ==========================================================================
    Normalize
    ========================================================================== */
    ${normalize()}

    /* ==========================================================================
    Base stylesheet
    ========================================================================== */

    html {
        height: 100%;
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        font-family: 'Rubik', Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
        color: ${colors.dark};
    }

    #___gatsby,
    #___gatsby > div {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    /* ==========================================================================
    Typeography
    ========================================================================== */

    a {
        color: ${colors.linkColor};
        text-decoration: none;

        &:hover,
        &:focus {
            text-decoration: underline;
            outline: none;
        }
    }

    strong {
        font-weight: 700;
    }

    h1, h2, h3 {
        margin: 0 0 16px;
        font-size: 24px;
        line-height: 1.2;
    }

    h4, h5, h6 {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 1.4;
    }

    p {
        margin: 0 0 26px;

        &:last-child {
            margin: 0;
        }
    }
`;
/* eslint-enable */

const PageWrapper = styled.div`
    flex: 1;
`;

const propTypes = {<commit_msg>Attempt to solve IE11 flex issues<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import styled, { injectGlobal } from 'styled-components';
import { Helmet } from 'react-helmet';
import { normalize } from 'polished';
import Navigation from '../containers/Navigation';
import Footer from '../containers/Footer';

import { colors } from '../utils/cssVariables';

import Rubik400Woff from '../fonts/rubik-400.woff';
import Rubik400Woff2 from '../fonts/rubik-400.woff2';
import Rubik700Woff from '../fonts/rubik-700.woff';
import Rubik700Woff2 from '../fonts/rubik-700.woff2';

/* eslint-disable */
injectGlobal`
    /* ==========================================================================
    Fonts
    ========================================================================== */
    /* rubik-regular - latin */
    @font-face {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        src: local('Rubik'), local('Rubik-Regular'),
            url(${Rubik400Woff2}) format('woff2'),
            url(${Rubik400Woff}) format('woff');
    }
    /* rubik-700 - latin */
    @font-face {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 700;
        src: local('Rubik Bold'), local('Rubik-Bold'),
            url(${Rubik700Woff2}) format('woff2'),
            url(${Rubik700Woff}) format('woff');
    }

    /* ==========================================================================
    Normalize
    ========================================================================== */
    ${normalize()}

    /* ==========================================================================
    Base stylesheet
    ========================================================================== */

    html {
        height: 100%;
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        font-family: 'Rubik', Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
        color: ${colors.dark};
    }

    #___gatsby,
    #___gatsby > div {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    /* ==========================================================================
    Typeography
    ========================================================================== */

    a {
        color: ${colors.linkColor};
        text-decoration: none;

        &:hover,
        &:focus {
            text-decoration: underline;
            outline: none;
        }
    }

    strong {
        font-weight: 700;
    }

    h1, h2, h3 {
        margin: 0 0 16px;
        font-size: 24px;
        line-height: 1.2;
    }

    h4, h5, h6 {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 1.4;
    }

    p {
        margin: 0 0 26px;

        &:last-child {
            margin: 0;
        }
    }
`;
/* eslint-enable */

const PageWrapper = styled.div`
    flex-grow: 1;
`;

const propTypes = {
{'fraction_non_alphanumeric': 0.3018780071395313, 'fraction_numerical': 0.03414558435511408, 'mean_word_length': 2.3510140405616227, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5481981', 'n_tokens_mistral': 2085, 'n_tokens_neox': 1778, 'n_words': 391}