<commit_before>body > article
{
    > header
    {
        background: no-repeat center / cover;
        cursor: default;
        height: 350px;

        > .inner {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            height: 350px;
            padding: 0 10px;
            text-align: center;

            > * {
                margin: 0 auto;
                position: relative;
            }

            > h1 {
                font-weight: bolder;
                top: 70px;
            }

            > q {
                display: block;
                font-size: 20px;
                top: 170px;
                white-space: normal;
                @media(min-width: 500px) { & { width: 450px; } }
            }
        }
    }

    > [property="articleBody"]:extend(.container all)
    {
        font-size: 20px;
        line-height: 1.7;
        margin-top: 20px;
        margin-bottom: 20px;

        p { text-align: justify; }
    }<commit_msg>Text page: improve the header style (particularly, add styles for nav bar)<commit_after>body > article
{
    > header
    {
        background: no-repeat center / cover;
        height: 350px;
        position: relative;
        text-align: center;

        * { color: white; }
        a { text-decoration: none; }

        > .inner {
            background-color: rgba(0, 0, 0, 0.5);
            height: 350px;
            padding: 0 10px;

            > * { margin: 0 auto; }

            > h1 {
                font-weight: bolder;
                padding-top: 100px;
            }

            > q {
                display: block;
                font-size: 20px;
                padding-top: 10px;
                white-space: normal;
                @media(min-width: 500px) { & { width: 450px; } }
            }
        }

        > nav
        {
            bottom: 20px;
            position: absolute;
            width: 100%;

            > * {
                margin-right: 20px;
                &:last-child { margin-right: 0; }
            }

            > a {
                .opacity(0.5);
                &:hover, &:focus { .opacity(1.0); }
            }
        }
    }

    > [property="articleBody"]:extend(.container all)
    {
        font-size: 20px;
        line-height: 1.7;
        margin-top: 20px;
        margin-bottom: 20px;

        p { text-align: justify; }
    }
{'fraction_non_alphanumeric': 0.11511092507325241, 'fraction_numerical': 0.03599832565927166, 'mean_word_length': 1.0305862361937128, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 20, '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': '793617', 'n_tokens_mistral': 795, 'n_tokens_neox': 673, 'n_words': 153}