<commit_before>// out: ../css/newtab.css, compress: true, sourceMap: true

@import "fonts"; 

// -- Configuration --

// Fonts
@fonts1: LatoWebThin,  sans-serif;
@fonts2: LatoWeb,      sans-serif;
@fonts3: LatoWebLight, sans-serif;

// Colours
@colour1: #f6f6f6;
@colour2: grey;
@colour3: black;
@colour4: white;

// Miscellaneous
@bgSource: url("https://source.unsplash.com/category/nature/daily");
@bgBackup: url("../img/photo-1445089073948-809762476ed5.jpg");
@mnuWidth: 20em;

// -- Application --

// Font
@fntTitle:       @fonts1;
@fntContent:     @fonts1;
@fntSubmenu:     @fonts2;
@fntFooter:      @fonts3;
@fntBroadcast:   @fonts2;
@fntQuoteText:   @fonts3;
@fntQuoteAuthor: @fonts1;
// Colour
@colTitle:       @colour1;
@colContent:     @colour1;
@colSubmenuText: @colour4;
@colSubmenuBG:   @colour3;    
@colFooter:      @colour1;
@colBroadcast:   @colour1;
@colBackground:  @colour2;
@txtShadow:      @colour3;
@icnShadow:      @colour3;
@mnuShadow:      @colour3;

// -----------------

body {
    background-color: @colBackground;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: @colContent;
    text-shadow: 0 0 25px @txtShadow;
    font-weight: 100;
    font-family: @fntContent;
}

.background {
    width: 100%;
    height: 100%;
    background-image: @bgBackup;
    background-image: @bgSource;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
    animation: fadein 4s;

    .film {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        position: fixed;
        top: 0;
        left: 0;
        z-index: -5;
        animation: fadein 4s;
    }
}

.container {

    .content {
        margin: 2em;

        .title {
            font-size: 10em;
            font-family: @fntTitle;

            .ampm {
                font-size: 0.5em;
            }
        }

        .subtitle {
            font-size: 2.5em;
            margin-bottom: 0.5em;
        }
    }

    .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;

        p {
            margin: 0.25em;

            &.quote {
                text-align: center;
            }

            &#quotetext {
                font-family: @fntQuoteText;
                font-size: 2em;
            }

            &#quoteauthor {
                font-family: @fntQuoteAuthor;
                font-size: 1.5em;
            }<commit_msg>Black border to make footer visible.<commit_after>// out: ../css/newtab.css, compress: true, sourceMap: true

@import "fonts"; 

// -- Configuration --

// Fonts
@fonts1: LatoWebThin,  sans-serif;
@fonts2: LatoWeb,      sans-serif;
@fonts3: LatoWebLight, sans-serif;

// Colours
@colour1: #f6f6f6;
@colour2: grey;
@colour3: black;
@colour4: white;

// Miscellaneous
@bgSource: url("https://source.unsplash.com/category/nature/daily");
@bgBackup: url("../img/photo-1445089073948-809762476ed5.jpg");
@mnuWidth: 20em;

// -- Application --

// Font
@fntTitle:       @fonts1;
@fntContent:     @fonts1;
@fntSubmenu:     @fonts2;
@fntFooter:      @fonts3;
@fntBroadcast:   @fonts2;
@fntQuoteText:   @fonts3;
@fntQuoteAuthor: @fonts1;
// Colour
@colTitle:       @colour1;
@colContent:     @colour1;
@colSubmenuText: @colour4;
@colSubmenuBG:   @colour3;    
@colFooter:      @colour1;
@colBroadcast:   @colour1;
@colBackground:  @colour2;
@txtShadow:      @colour3;
@icnShadow:      @colour3;
@mnuShadow:      @colour3;

// -----------------

body {
    background-color: @colBackground;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: @colContent;
    text-shadow: 0 0 25px @txtShadow;
    font-weight: 100;
    font-family: @fntContent;
}

.background {
    width: 100%;
    height: 100%;
    background-image: @bgBackup;
    background-image: @bgSource;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
    animation: fadein 4s;

    .film {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        position: fixed;
        top: 0;
        left: 0;
        z-index: -5;
        animation: fadein 4s;
    }
}

.container {

    .content {
        margin: 2em;

        .title {
            font-size: 10em;
            font-family: @fntTitle;

            .ampm {
                font-size: 0.5em;
            }
        }

        .subtitle {
            font-size: 2.5em;
            margin-bottom: 0.5em;
        }
    }

    .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);

        p {
            margin: 0.25em;

            &.quote {
                text-align: center;
            }

            &#quotetext {
                font-family: @fntQuoteText;
                font-size: 2em;
            }

            &#quoteauthor {
                font-family: @fntQuoteAuthor;
                font-size: 1.5em;
            }
{'fraction_non_alphanumeric': 0.14632190819803567, 'fraction_numerical': 0.04670274604129084, 'mean_word_length': 1.7417582417582418, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '3049334', 'n_tokens_mistral': 1992, 'n_tokens_neox': 1748, 'n_words': 370}