<commit_before>import React from 'react';
import Helmet from 'react-helmet';
import Layout from '../components/layout/layout';
import portfolioItems from '../data/portfolio-items';
import styled from 'styled-components';
import { blackShift, bp } from '../styled/mixins';
import { getFontSize, MaxWidthContainer } from '../styled/utils';
import { LinkButton } from '../components/button';
import { HomeHeadBanner } from './index';
import { CUSTOM_PROPERTIES } from '../styled/colors';

const PortfolioItem = styled.div`
    margin-bottom: 30px;
    color: ${CUSTOM_PROPERTIES.COLOR_WHITE}
    display: flex;
    flex-direction: column;
    background-color: ${CUSTOM_PROPERTIES.COLOR_WHITE}
    border: 2px solid ${CUSTOM_PROPERTIES.COLOR_PRIMARY};

    ${blackShift(5)}

    & .image {
        font-size: 0;
        img {
            width: 100%;
        }
    }
    & .image {
        height: 200px;
        width: 100%;
        border-radius: 4px 4px 0 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

    & .card {<commit_msg>fix: close unterminated css rule<commit_after>import React from 'react';
import Helmet from 'react-helmet';
import Layout from '../components/layout/layout';
import portfolioItems from '../data/portfolio-items';
import styled from 'styled-components';
import { blackShift, bp } from '../styled/mixins';
import { getFontSize, MaxWidthContainer } from '../styled/utils';
import { LinkButton } from '../components/button';
import { HomeHeadBanner } from './index';
import { CUSTOM_PROPERTIES } from '../styled/colors';

const PortfolioItem = styled.div`
    margin-bottom: 30px;
    color: ${CUSTOM_PROPERTIES.COLOR_WHITE};
    display: flex;
    flex-direction: column;
    background-color: ${CUSTOM_PROPERTIES.COLOR_WHITE};
    border: 2px solid ${CUSTOM_PROPERTIES.COLOR_PRIMARY};

    ${blackShift(5)}

    & .image {
        font-size: 0;
        img {
            width: 100%;
        }
    }
    & .image {
        height: 200px;
        width: 100%;
        border-radius: 4px 4px 0 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

    & .card {
{'fraction_non_alphanumeric': 0.13392440503966402, 'fraction_numerical': 0.01679888007466169, 'mean_word_length': 2.877034358047016, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4704235', 'n_tokens_mistral': 702, 'n_tokens_neox': 657, 'n_words': 166}