<commit_before>---
layout: null
---

/*!
  _ _   _ ___
 / | | | | _ `
 | | |_| |  _/
 |_|.___/|_|

 {{ site.title }} - {{ site.tagline }}
 Last post update's date: {{ site.posts.first.date | date: "%B %-d, %Y" }}
 Version: {{ site.version }}

*/

/* Imports for all settings */
@import 'mixins';
@import 'reset';
@import 'fonts';
@import 'defaults';
@import 'pygments';

/* Variables */
// Assets path
$base: '/assets/images';
$ui: $base + '/ui';

// colors
$blue: '#3fa1d5';

.siteHeader {
    padding: 10rem 0 8rem;
    border-bottom: .1rem solid #eee;

    .logo {
        width: 16rem;
        margin: 0 auto;

        a {
            display: block;

            .symbol {
                display: block;
                width: 10.7rem;
                height: 7.5rem;
                margin: 0 auto 1.6rem;

                .note {
                    transition: fill .2s;
                }
            }

            .logotype {
                display: block;

                path {
                    transition: fill .2s;
                }
            }

            &:hover {
                .symbol {
                    .note {
                        fill: #3595c8 !important;
                    }
                }

                .logotype {
                    .text-1up {
                        fill: #555 !important;
                    }

                    .text-note {
                        fill: #666 !important;
                    }
                }
            }
        }
    }

    .tagline {
        margin-top: 1rem;
        font-size: 1.3rem;
        text-align: center;
        color: #999;
        cursor: default;
    }
}

.siteContent {
    background-color: #fff;

    .contentWrap {
        box-sizing: border-box;
        max-width: 80rem;
        min-height: 30rem;
        margin: 0 auto;
        padding: 1rem;
        font-size: 1.4rem;

        .empty {
            padding: 4rem 0;
            text-align: center;
            font-size: 1.8rem;
            color: #999;
        }
    }
}

.siteFooter {
    font-size: 1.2rem;
    padding: 2rem;
    text-align: center;
    color: #808080;

    a {
        color: #aaa;

        &:hover {
            text-decoration: underline;
        }
    }
}

.contact {
    display: table;
    table-layout: fixed;
    width: 100%;

    .social {
        display: table-cell;
    }

    .formMail {
        display: table-cell;

        input[type="text"],
        input[type="email"],
        textarea {
            box-sizing: border-box;
            display: block;
            width: 100%;
            margin-bottom: .4rem;
            padding: .8rem 1rem;
            border: .1rem solid #ccc;
            outline: none;

            &:focus {
                border-color: #aaa;
            }
        }

        textarea {
            resize: vertical;
        }
    }
}

<commit_msg>Add media query breakpoint<commit_after>---
layout: null
---

/*!
  _ _   _ ___
 / | | | | _ `
 | | |_| |  _/
 |_|.___/|_|

 {{ site.title }} - {{ site.tagline }}
 Last post update's date: {{ site.posts.first.date | date: "%B %-d, %Y" }}
 Version: {{ site.version }}

*/

/* Imports for all settings */
@import 'mixins';
@import 'reset';
@import 'fonts';
@import 'defaults';
@import 'pygments';

/* Variables */
// Assets path
$base: '/assets/images';
$ui: $base + '/ui';

// colors
$blue: '#3fa1d5';

.siteHeader {
    padding: 10rem 0 8rem;
    border-bottom: .1rem solid #eee;

    .logo {
        width: 16rem;
        margin: 0 auto;

        a {
            display: block;

            .symbol {
                display: block;
                width: 10.7rem;
                height: 7.5rem;
                margin: 0 auto 1.6rem;

                .note {
                    transition: fill .2s;
                }
            }

            .logotype {
                display: block;

                path {
                    transition: fill .2s;
                }
            }

            &:hover {
                .symbol {
                    .note {
                        fill: #3595c8 !important;
                    }
                }

                .logotype {
                    .text-1up {
                        fill: #555 !important;
                    }

                    .text-note {
                        fill: #666 !important;
                    }
                }
            }
        }
    }

    .tagline {
        margin-top: 1rem;
        font-size: 1.3rem;
        text-align: center;
        color: #999;
        cursor: default;
    }
}

.siteContent {
    background-color: #fff;

    .contentWrap {
        box-sizing: border-box;
        max-width: 80rem;
        min-height: 30rem;
        margin: 0 auto;
        padding: 1rem;
        font-size: 1.4rem;

        .empty {
            padding: 4rem 0;
            text-align: center;
            font-size: 1.8rem;
            color: #999;
        }
    }
}

.siteFooter {
    font-size: 1.2rem;
    padding: 2rem;
    text-align: center;
    color: #808080;

    a {
        color: #aaa;

        &:hover {
            text-decoration: underline;
        }
    }
}

.contact {
    display: table;
    table-layout: fixed;
    width: 100%;

    .social {
        display: table-cell;
    }

    .formMail {
        display: table-cell;

        input[type="text"],
        input[type="email"],
        textarea {
            box-sizing: border-box;
            display: block;
            width: 100%;
            margin-bottom: .4rem;
            padding: .8rem 1rem;
            border: .1rem solid #ccc;
            outline: none;

            &:focus {
                border-color: #aaa;
            }
        }

        textarea {
            resize: vertical;
        }
    }

    @media all and (max-width: 640px) {
        display: block;

        .social,
        .formMail {
            display: block;
        }
    }
}


{'fraction_non_alphanumeric': 0.12559081701553004, 'fraction_numerical': 0.025151924375422012, 'mean_word_length': 1.0098371777476256, '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': '2848911', 'n_tokens_mistral': 1972, 'n_tokens_neox': 1759, 'n_words': 390}