<commit_before>@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Regular.ttf)
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Bold.ttf)
    font-weight: bold
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Italic.ttf)
    font-style: italic
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-BoldItalic.ttf)
    font-weight: bold
    font-style: italic
@font-face
    font-family: 'Inconsolata'
    src: url(/static/files/Inconsolata-Regular.ttf)
@font-face
    font-family: 'Inconsolata'
    font-weight: bold
    src: url(/static/files/Inconsolata-Bold.ttf)

body
    font: 16px 'Arimo'
    margin: 0px
    background: #000

.hidden
    display: none

.links a, .linksinv a
    color: #444
    text-decoration: none
    transition: color 0.2s ease-in-out
    &:hover
        color: red

.imglink
    position: relative
    z-index: 0
    img, div
        width: 100%
        height: 100%
        padding: 0
        margin: 0
        border: 0
        display: block
        position: absolute
        transition: opacity 0.5s ease-in-out
        &:nth-child(1)
            opacity: 1
            z-index: 2
        &:nth-child(2)
            opacity: 0
            z-index: 1
    &:hover
        img, div
            &:nth-child(1)
                opacity: 0
                z-index: 1
            &:nth-child(2)
                opacity: 1
                z-index: 2

#not-found-page
    display: block
    width: 100%
    height: 100%
    #sinusoid
        position: absolute
        width: 100%
        height: 150px
        top: 50%
        margin: -75px 0 0 0
        div
            &:nth-child(1), &:hover:nth-child(1)
                background: url(/static/pic/sinusoid-m-c.png)
                opacity: 1
                z-index: 2
            &:nth-child(2), &:hover:nth-child(2)
                background: url(/static/pic/sinusoid-m-c-red.png)
                opacity: 0
                z-index: 1
        &.hovered
            div
                &:nth-child(1)
                    opacity: 0
                    z-index: 1
                &:nth-child(2)
                    opacity: 1
                    z-index: 2
    #the-end
        position: absolute
        top: 50%
        left: 50%
        height: 150px
        width: 400px
        margin: -75px 0 0 -200px
        background-color: black
        color: white
        border-left: 10px solid white
        border-right: 10px solid white
        transition: border-color 0.5s ease-in-out
        &.hovered
            border-left: 10px solid red
            border-right: 10px solid red
    #dead-end
        margin: auto
        position: absolute
        top: 0
        left: 0
        bottom: 0
        right: 0
        color: white
        height: 220px
        width: 400px
        text-transform: uppercase
        line-height: 110px
        padding-left: 29px
        font-size: 140px
        text-decoration: none
        span.first
            letter-spacing: initial
        span.second
            letter-spacing: 46px


#main-page
    width: 100%
    height: 100%
    #sinusoid
        position: absolute
        width: 100%
        height: 150px
        top: 50%
        margin: -75px 0 0 0
        div
            &:nth-child(1)
                background: url(/static/pic/sinusoid-m-c.png)
            &:nth-child(2)
                background: url(/static/pic/sinusoid-m-c-red.png)
    #barcode
        position: absolute
        width: 600px
        height: 100%
        right: 0
        top: 0
        border-right: 40px solid #000
        background-repeat: no-repeat
        background-size: cover
        background-position: center -3120px
        background-image: url(/static/pic/barcode-v-i.svg)
        transition: background-position 0.3s ease-in-out
        &:hover
            background-position: center -3220px
    #main-text
        position: absolute
        width: 523px<commit_msg>Use responsive description for barcode hiding<commit_after>@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Regular.ttf)
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Bold.ttf)
    font-weight: bold
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-Italic.ttf)
    font-style: italic
@font-face
    font-family: 'Arimo'
    src: url(/static/files/Arimo-BoldItalic.ttf)
    font-weight: bold
    font-style: italic
@font-face
    font-family: 'Inconsolata'
    src: url(/static/files/Inconsolata-Regular.ttf)
@font-face
    font-family: 'Inconsolata'
    font-weight: bold
    src: url(/static/files/Inconsolata-Bold.ttf)

body
    font: 16px 'Arimo'
    margin: 0px
    background: #000

.hidden
    display: none

.links a, .linksinv a
    color: #444
    text-decoration: none
    transition: color 0.2s ease-in-out
    &:hover
        color: red

.imglink
    position: relative
    z-index: 0
    img, div
        width: 100%
        height: 100%
        padding: 0
        margin: 0
        border: 0
        display: block
        position: absolute
        transition: opacity 0.5s ease-in-out
        &:nth-child(1)
            opacity: 1
            z-index: 2
        &:nth-child(2)
            opacity: 0
            z-index: 1
    &:hover
        img, div
            &:nth-child(1)
                opacity: 0
                z-index: 1
            &:nth-child(2)
                opacity: 1
                z-index: 2

#not-found-page
    display: block
    width: 100%
    height: 100%
    #sinusoid
        position: absolute
        width: 100%
        height: 150px
        top: 50%
        margin: -75px 0 0 0
        div
            &:nth-child(1), &:hover:nth-child(1)
                background: url(/static/pic/sinusoid-m-c.png)
                opacity: 1
                z-index: 2
            &:nth-child(2), &:hover:nth-child(2)
                background: url(/static/pic/sinusoid-m-c-red.png)
                opacity: 0
                z-index: 1
        &.hovered
            div
                &:nth-child(1)
                    opacity: 0
                    z-index: 1
                &:nth-child(2)
                    opacity: 1
                    z-index: 2
    #the-end
        position: absolute
        top: 50%
        left: 50%
        height: 150px
        width: 400px
        margin: -75px 0 0 -200px
        background-color: black
        color: white
        border-left: 10px solid white
        border-right: 10px solid white
        transition: border-color 0.5s ease-in-out
        &.hovered
            border-left: 10px solid red
            border-right: 10px solid red
    #dead-end
        margin: auto
        position: absolute
        top: 0
        left: 0
        bottom: 0
        right: 0
        color: white
        height: 220px
        width: 400px
        text-transform: uppercase
        line-height: 110px
        padding-left: 29px
        font-size: 140px
        text-decoration: none
        span.first
            letter-spacing: initial
        span.second
            letter-spacing: 46px


#main-page
    width: 100%
    height: 100%
    #sinusoid
        position: absolute
        width: 100%
        height: 150px
        top: 50%
        margin: -75px 0 0 0
        div
            &:nth-child(1)
                background: url(/static/pic/sinusoid-m-c.png)
            &:nth-child(2)
                background: url(/static/pic/sinusoid-m-c-red.png)
    #barcode
        position: absolute
        width: 600px
        height: 100%
        right: 0
        top: 0
        border-right: 40px solid #000
        background-repeat: no-repeat
        background-size: cover
        background-position: center 97.5%
        background-image: url(/static/pic/barcode-v-i.svg)
        transition: background-position 0.3s ease-in-out
        &:hover
            background-position: center 100.5%
    #main-text
        position: absolute
        width: 523px
{'fraction_non_alphanumeric': 0.10038900740368929, 'fraction_numerical': 0.04053206173923955, 'mean_word_length': 1.4034981905910735, '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': '4067668', 'n_tokens_mistral': 2827, 'n_tokens_neox': 2504, 'n_words': 610}