<commit_before>@import "normalize";

// Responsive Media Queries
$responsive-small: "only screen and (max-width: 689px)";
$responsive-medium: "only screen and (min-width: 690px) and (max-width: 829px)";
$responsive-medium-large: "only screen and (min-width: 690px)";
$responsive-large: "only screen and (min-width: 830px)";

$content-width: 1020px;
$content-padding: 2em;
$text-width: 700px;

$default-font: "PT Serif", medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
$header-font: "Fira Sans", Helvetica, Arial, sans-serif;

$link-color: #0027b7;

@mixin header-link() {
    a {
        color: #000;
        text-decoration: none;

        &:hover {
            color: $link-color;
        }
    }
}

@mixin background-cover() {
    background: {
        position: center center;
        repeat: no-repeat;
        size: cover;
    }
}

@mixin header-font() {
    font: {
        family: $header-font;
        weight: 500;
    }
}

html {
    font: {
        family: $default-font;
        size: 18px;
    }
}

.section {
    align-items: center;
    display: flex;
    height: 100vh;
    padding: 2rem;
    @include background-cover();

    &__name {
        background: #FFF;
        box-sizing: border-box;
        flex: 1 1 34%;
        font-size: 4rem;
        padding: .4em .6em;

        @include header-font();
        @include header-link();
    }

    &__entries {
        display: flex;
        flex: 1 1 66%;
        flex-flow: row wrap;
    }

    &__entry {
        background: #FFF;
        box-sizing: border-box;
        flex: 0 1 calc(50% - 2rem);
        margin-left: 2rem;
        padding: 1rem 1.2rem;

        &:first-child {
            flex: 1 1 100%;
        }

        &:nth-child(n + 2) {
            font-size: .8rem;
            margin-top: 2rem;
        }
    }

    &__link {
        background: #FFF;
        margin-left: 2rem;
        margin-top: 2rem;
        padding: 1rem 1.2rem;

        @include header-link();

        a {
            &:after {
                content: "...";
            }
        }

    }
}

.entry {

    &__title {
        font-size: 1.8em;
        margin: 0;

        @include header-font();
        @include header-link();
    }

    &__timestamp {
        color: #555;
        display: block;
        margin-top: .4em;
    }

    &__summary {
        margin-top: 1em;
    }
}

.list {
    &__header {
        align-items: center;
        display: flex;
        height: 300px;
        justify-content: center;
        @include background-cover();
    }

    &__title {
        background: #FFF;
        font-size: 3rem;
        padding: .4em .6em;

        @include header-font();
    }

    &__entries {
        margin: 3em auto 0;
        width: $text-width;
    }

    &__entry {
        & + & {
            margin-top: 2em;
        }
    }
}

.article {
    margin: 0 auto;

    &__header {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        @include background-cover();
<commit_msg>Make the section list responsive<commit_after>@import "normalize";

// Responsive Media Queries
$responsive-small: "only screen and (max-width: 689px)";
$responsive-medium: "only screen and (min-width: 690px) and (max-width: 829px)";
$responsive-medium-large: "only screen and (min-width: 690px)";
$responsive-large: "only screen and (min-width: 830px)";

$content-width: 1020px;
$content-padding: 2em;
$text-width: 700px;

$default-font: "PT Serif", medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
$header-font: "Fira Sans", Helvetica, Arial, sans-serif;

$link-color: #0027b7;

@mixin header-link() {
    a {
        color: #000;
        text-decoration: none;

        &:hover {
            color: $link-color;
        }
    }
}

@mixin background-cover() {
    background: {
        position: center center;
        repeat: no-repeat;
        size: cover;
    }
}

@mixin header-font() {
    font: {
        family: $header-font;
        weight: 500;
    }
}

html {
    font: {
        family: $default-font;
        size: 18px;
    }
}

.section {
    align-items: center;
    display: flex;
    height: 100vh;
    padding: 2rem;
    @include background-cover();

    &__name {
        background: #FFF;
        box-sizing: border-box;
        flex: 1 1 34%;
        font-size: 4rem;
        padding: .4em .6em;

        @include header-font();
        @include header-link();
    }

    &__entries {
        display: flex;
        flex: 1 1 66%;
        flex-flow: row wrap;
    }

    &__entry {
        background: #FFF;
        box-sizing: border-box;
        flex: 0 1 calc(50% - 2rem);
        margin-left: 2rem;
        padding: 1rem 1.2rem;

        &:first-child {
            flex: 1 1 100%;
        }

        &:nth-child(n + 2) {
            font-size: .8rem;
            margin-top: 2rem;
        }
    }

    &__link {
        background: #FFF;
        margin-left: 2rem;
        margin-top: 2rem;
        padding: 1rem 1.2rem;

        @include header-link();

        a {
            &:after {
                content: "...";
            }
        }

    }
}

.entry {

    &__title {
        font-size: 1.8em;
        margin: 0;

        @include header-font();
        @include header-link();
    }

    &__timestamp {
        color: #555;
        display: block;
        margin-top: .4em;
    }

    &__summary {
        margin-top: 1em;
    }
}

.list {
    &__header {
        align-items: center;
        display: flex;
        height: 300px;
        justify-content: center;
        @include background-cover();
    }

    &__title {
        background: #FFF;
        font-size: 3rem;
        padding: .4em .6em;

        @include header-font();
    }

    &__entries {
        margin: 3em auto 0;
        padding: {
            left: 2rem;
            right: 2rem;
        }
    }

    &__entry {
        max-width: $text-width;

        & + & {
            margin-top: 2em;
        }
    }
}

.article {
    margin: 0 auto;

    &__header {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        @include background-cover();

{'fraction_non_alphanumeric': 0.13623188405797101, 'fraction_numerical': 0.02962962962962963, 'mean_word_length': 1.6009212730318259, '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': '3997350', 'n_tokens_mistral': 2273, 'n_tokens_neox': 2062, 'n_words': 483}