<commit_before>.js {
    .home {
        height: auto;
        &.overflowing {
            .contents {
                @media #{$large-up} {
                    position: relative;
                    top: 0;
                    @include transform(translate(-50%, 0));
                }
            }
            .main-container {
                overflow-y: hidden;
            }
        }
        &:not(&.overflowing) {
            @media #{$large-up} {
                height: 400vw;
                overflow-y: hidden;
            }
        }
    }
}

.home {    
    .main-container {
        text-align: center; // used for background positioning
    }

    .contents {
        @include grid-column(12);
        @media #{$large-up} {
            max-width: 800px;
            position: absolute;
            top: 50%;
            left: 50%;
            @include transform(translate(-50%, -50%));
            font-size: .85em;
        }
        @media #{$xlarge-up} {
            max-width: 960px;
            font-size: 1em;
        }
        @media #{$xxlarge-up} {
            max-width: 1200px;
        }
    }

    .frontpage-text {
        @include grid-column();
        @media #{$large-up} {
            @include grid-column();
            top: -400px;
            z-index: 3;
        }
        h2 {
            font-size: 3em;
            color: $green;
            margin: {
                top: 0;
                bottom: .2em;
            }
            @media #{$medium-up} {
                font-size: 3.5em;
            }
        }
    }

    .intro {
        @include grid-column(12);
        height: auto;
        min-height: 100vh;
        font-size: 2em;
        .contents {
            @include transform(translate(0, 0));
            @media #{$large-up} {
                @include transform(translate(-50%, 0));
            }
        }
        p {
            @include grid-column(12);
            margin: {
                top: 0;
                bottom: 12px;
            }
            font-size: .8em;
            @media #{$large-up} {
                @include grid-column($columns: 9, $offset: 1.5);
            }
        }
    }

        .unique-story {
            font-size: 1.45em;
            text-align: center;
        }

        .home-logo {
            position: relative;
            z-index: 1;
            margin-left: 0;
            padding-top: 15vh;
            height: 60vh;
            @media #{$medium-up} {
                height: 50vh;
            }
            svg {
                max-width: 100vw;
                max-height: 50vh;
                padding-top: 80px;
                fill: $purple-dark;
                position: absolute;
                bottom: 0;<commit_msg>position of front page logo half the height on any screen<commit_after>.js {
    .home {
        height: auto;
        &.overflowing {
            .contents {
                @media #{$large-up} {
                    position: relative;
                    top: 0;
                    @include transform(translate(-50%, 0));
                }
            }
            .main-container {
                overflow-y: hidden;
            }
        }
        &:not(&.overflowing) {
            @media #{$large-up} {
                height: 400vw;
                overflow-y: hidden;
            }
        }
    }
}

.home {    
    .main-container {
        text-align: center; // used for background positioning
    }

    .contents {
        @include grid-column(12);
        @media #{$large-up} {
            max-width: 800px;
            position: absolute;
            top: 50%;
            left: 50%;
            @include transform(translate(-50%, -50%));
            font-size: .85em;
        }
        @media #{$xlarge-up} {
            max-width: 960px;
            font-size: 1em;
        }
        @media #{$xxlarge-up} {
            max-width: 1200px;
        }
    }

    .frontpage-text {
        @include grid-column();
        @media #{$large-up} {
            @include grid-column();
            top: -400px;
            z-index: 3;
        }
        h2 {
            font-size: 3em;
            color: $green;
            margin: {
                top: 0;
                bottom: .2em;
            }
            @media #{$medium-up} {
                font-size: 3.5em;
            }
        }
    }

    .intro {
        @include grid-column(12);
        height: auto;
        min-height: 100vh;
        font-size: 2em;
        .contents {
            @include transform(translate(0, 0));
            @media #{$large-up} {
                @include transform(translate(-50%, 0));
            }
        }
        p {
            @include grid-column(12);
            margin: {
                top: 0;
                bottom: 12px;
            }
            font-size: .8em;
            @media #{$large-up} {
                @include grid-column($columns: 9, $offset: 1.5);
            }
        }
    }

        .unique-story {
            font-size: 1.45em;
            text-align: center;
        }

        .home-logo {
            position: relative;
            z-index: 1;
            margin-left: 0;
            padding-top: 15vh;
            height: 50vh;
            svg {
                max-width: 100vw;
                max-height: 50vh;
                padding-top: 80px;
                fill: $purple-dark;
                position: absolute;
                bottom: 0;
{'fraction_non_alphanumeric': 0.12202764976958526, 'fraction_numerical': 0.028755760368663594, 'mean_word_length': 0.9051966292134831, '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': '7545960', 'n_tokens_mistral': 1700, 'n_tokens_neox': 1508, 'n_words': 313}