<commit_before>.homepage {
    overflow: hidden;
    @extend %edge-to-edge;
    .banner {
        display: block;
        width: 100%;
        position: relative;
        margin-right: -1px;
        background-size: cover;
        background-position: center;
        color: $color-white;
        @include media($small-layout) { height: 26em; }
        @include media($medium-layout) { height: 32.5em; }
        @include media($large-layout) { height: 35em; }
        
        .banner-container {
            height: 100%;
            overflow: hidden;
            padding: $base-padding/2;
            @include media($medium-layout) { padding: $base-padding; }
            @include row;
            @include background(
                linear-gradient(
                    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75)
            ));
            text-align: center;
            padding-top: 3.5em;
            @include media($medium-layout) {
                padding-top: 9em;
            }
        }
        
        h1 {
            @include media($small-layout) {
                @include font-sizing(1.85);
                margin: 0 auto;
            }
            @include media($medium-layout) {
                @include font-sizing(2.5); 
                margin: 0 auto;
            }
            @include media($large-layout) {
                @include font-sizing(3.5);
                margin: 0 auto;
            }
            max-width: 15em;
        }
        
        h2 {
            @include media($small-layout) {
                @include font-sizing(1.5);
            }
        }
        
        .call-to-action {
            margin: $base-margin*2 auto;
        }
        
        a.dotted {
            color: $color-white;
            text-decoration: none;
            border-bottom: 1px dotted $color-white;
            &:hover {
                border-bottom: 1px solid $color-white;
            }
        }
        .button {
            display: inline-block;
            margin: $base-vertical-rhythm/4 auto;
            clear: both;
            @include media($small-layout) {
                display: block;
                max-width: 15em;
                margin: 0 auto;
            }
        }
        .image-attribution {
            position: absolute;
            bottom: $base-vertical-rhythm;
            right: $base-vertical-rhythm;
            color: $color-white;   
        }
        #learn-more {
            margin-left: $base-vertical-rhythm/4;
        }
    }
    .articles { @include outer-container; }
    .featured-article {
        @include row;
        padding: $base-padding 0;
        .image {
            @extend %half;
            @include media($small-layout) {
                margin-bottom: $base-margin/3;
            }
        }
        .body { @extend %half; }
        @include media($medium-layout) {
            border-bottom: $base-border-width solid $color-grey;
            
        }
    }
    .article {
        @extend %half;
        &:nth-child(even) { clear: left; }
        &:nth-child(odd) { clear: none; }
        padding: 0 $base-padding $base-padding;
        h1 { @include font-sizing(1.5); }
    }
    
    .stats {
        $color-stat-dark: #0E2340;
        $color-stat-light: #326FBF;
        padding: $base-padding/2;
        @include media($medium-layout) { padding: $base-padding; }
        width: 100%;
        color: $color-white;
        @include background(linear-gradient($color-stat-dark, darken($color-stat-dark, 3%)));
        h1 {
            @include font-sizing(1.25);
            font-weight: $normal;
            text-align: center;
            margin: $base-margin auto;
        }
        ul {
            @include outer-container;
            text-align: center;
        }
        li { @extend %third; }
        .stat {
            display: block;
            @include font-sizing(2.5);
            margin-bottom: 0;
            font-weight: $light;
        }
        .legend {
            display: block;
            max-width: 50%;
            margin: $base-margin/2 auto;
            border-top: $base-border-width solid $color-stat-light;
            padding-top: $base-padding/2;
        }
        
    }
    
    .footer-container { padding: 0 $base-vertical-rhythm; }<commit_msg>fixes spacing and layout for main page<commit_after>.homepage {
    overflow: hidden;
    @extend %edge-to-edge;
    .banner {
        display: block;
        width: 100%;
        position: relative;
        margin-right: -1px;
        background-size: cover;
        background-position: center;
        color: $color-white;
        @include media($small-layout) { height: 26em; }
        @include media($medium-layout) { height: 32.5em; }
        @include media($large-layout) { height: 35em; }
        
        .banner-container {
            height: 100%;
            overflow: hidden;
            padding: $base-padding/2;
            @include media($medium-layout) { padding: $base-padding; }
            @include row;
            @include background(
                linear-gradient(
                    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75)
            ));
            text-align: center;
            padding-top: 3.5em;
            @include media($medium-layout) {
                padding-top: 9em;
            }
        }
        
        h1 {
            @include media($small-layout) {
                @include font-sizing(1.85);
                margin: 0 auto;
            }
            @include media($medium-layout) {
                @include font-sizing(2.5); 
                margin: 0 auto;
            }
            @include media($large-layout) {
                @include font-sizing(3.5);
                margin: 0 auto;
            }
            max-width: 15em;
        }
        
        h2 {
            @include media($small-layout) {
                @include font-sizing(1.5);
            }
        }
        
        .call-to-action {
            margin: $base-margin*2 auto;
        }
        
        a.dotted {
            color: $color-white;
            text-decoration: none;
            border-bottom: 1px dotted $color-white;
            &:hover {
                border-bottom: 1px solid $color-white;
            }
        }
        .button {
            display: inline-block;
            margin: $base-vertical-rhythm/4 auto;
            clear: both;
            @include media($small-layout) {
                display: block;
                max-width: 15em;
                margin: 0 auto;
            }
        }
        .image-attribution {
            position: absolute;
            bottom: $base-vertical-rhythm;
            right: $base-vertical-rhythm;
            color: $color-white;   
        }
        #learn-more {
            margin-left: $base-vertical-rhythm/4;
        }
    }
    .articles { @include outer-container; }
    .featured-article {
        @include row;
        padding: $base-padding/2;
        @include media($medium-layout) { padding: $base-padding 0; }
        .image {
            @extend %half;
            @include media($small-layout) {
                margin-bottom: $base-margin/3;
            }
        }
        .body { @extend %half; }
        @include media($medium-layout) {
            border-bottom: $base-border-width solid $color-grey;
            
        }
    }
    .article {
        @extend %half;
        &:nth-child(even) { clear: left; }
        &:nth-child(odd) { clear: none; }
        padding: 0 $base-padding $base-padding;
        h1 { @include font-sizing(1.5); }
    }
    
    .stats {
        $color-stat-dark: #0E2340;
        $color-stat-light: #326FBF;
        padding: $base-padding/2;
        @include media($medium-layout) { padding: $base-padding; }
        width: 100%;
        color: $color-white;
        @include background(linear-gradient($color-stat-dark, darken($color-stat-dark, 3%)));
        h1 {
            @include font-sizing(1.25);
            font-weight: $normal;
            text-align: center;
            margin: $base-margin auto;
        }
        ul {
            @include outer-container;
            text-align: center;
        }
        li { @extend %third; }
        .stat {
            display: block;
            @include font-sizing(2.5);
            margin-bottom: 0;
            font-weight: $light;
        }
        .legend {
            display: block;
            max-width: 50%;
            margin: $base-margin/2 auto;
            border-top: $base-border-width solid $color-stat-light;
            padding-top: $base-padding/2;
        }
        
    }
    
    .footer-container {
        padding: 0 $base-padding/2;
        @include media($medium-layout) { padding: 0 $base-padding; }
    }
{'fraction_non_alphanumeric': 0.1226944667201283, 'fraction_numerical': 0.019818994157406348, 'mean_word_length': 1.2390356501667095, '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': '1209669', 'n_tokens_mistral': 2646, 'n_tokens_neox': 2491, 'n_words': 505}