<commit_before>@elements-per-post:~`Settings.ELEMENTS_PER_POST`;
@jme-title-color:rgb(243,200,2);
@bg:rgb(56,56,56);
@bar-size:60px;
@bar-bg:rgb(34,34,34);
@bar-fg:#fff;
@bar-shadow:rgb(34,34,34);
@bar-shadow-size:2px;
@bgimg-blur:6px;
@title-font-size:30px;
@title-font-size-paddig: 15px;
@posts-shadow:#000;

<<<<<<< HEAD
@text-color:rgb(30,30,30);
@text-font-size:20px;
@text-font-size-paddig: 13px;

=======
@container-border-color:@jme-title-color;
@container-shadow: @posts-shadow;
@title-color:@jme-title-color;
>>>>>>> 7d1a9cb5b99b85a9eef519af5c445f241ee9fa72
@date-bar-bg:@jme-title-color;
@date-bar-shadow:@bar-shadow;
@date-bar-fg:@bar-bg;
@date-bar-size:@bar-size/2;
@date-bar-font-size:@title-font-size/2;
@date-bar-shadow-size:@bar-shadow-size;
@posts-shadow-active:@jme-title-color;









@import url(https://fonts.googleapis.com/css?family=Passion+One);
@font-face {
    font-family: 'FOO';
    src: url(fonts/foo.ttf);
}

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
    padding:0;
    background-color:@bg;
    
    position:absolute;
    height: 100%;
    width:100%;
}

.bar{
    background-color:@bar-bg;
    color:@bar-fg;
    position:fixed;
    left:0;
    width:100%;
    height:@bar-size;
    border:none;
    -webkit-box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    -moz-box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    z-index:8;
}

#top{   
    &:extend(.bar);
    top:0;
    border-bottom:2px solid @bar-shadow;  
}

#current_date{
    position:fixed;
    top:@bar-size;
    font-size: @date-bar-font-size;
    
    padding-top:@bar-shadow-size+@date-bar-size/2-@date-bar-font-size/2;
    padding-bottom:@date-bar-size/2-@date-bar-font-size/2;

    width:100%;
    left:0;
    background-color:@date-bar-bg;
    color:@date-bar-fg;
    -webkit-box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    -moz-box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    z-index:7;
    text-align:center;
    font-family:"Passion One";
}
#current_date_text{text-transform: uppercase;}
#current_date #left_arrow{
    float:left;
    height:100%;
    width:10%;
    text-align:left;
    padding-left:5px;
}
#current_date #right_arrow{
    float:right;
    height:100%;
    width:10%;
    text-align:right;
    padding-right:5px;
}

#middle{ 
    position:static;
    margin-top:@bar-size+@date-bar-size;
    left:0; 
    width:100%;
    height: 100%;
    z-index:1;
}

#bottom{ 
    &:extend(.bar);
    position:fixed;
    bottom:0;
    border-top:2px solid @bar-shadow;
}

#bottom #fork{
    font-size:@bar-size/1.2;
    float:right;
}

#bottom #copyright{
    position:absolute;
    margin:auto;
    width:100%;
}

.w-lim{
    max-width:1110px;
    margin:auto;
    position:relative;
}

.title_text {
    display:inline;
    font-size: @title-font-size;
    margin-top:@title-font-size-paddig;
    font-family:'FOO';
    color:@title-color;
    white-space:nowrap;
}

.text {
    display:inline;
    font-size: @text-font-size;
    margin-top:@text-font-size-paddig;
    font-family:'FOO';
    color:@text-color;
    white-space:nowrap;    
}

.container{
    border:2px solid @container-border-color;
    border-top:none;
    border-bottom:none;
    
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;
    width:100%;
    height:100%;      

    position:relative;
    
}

.content_container {
    text-align: center;  
    display:inline-block;
    margin:2%;
    //border:.1px solid @container-border-color; 
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;
    width:45%;
    height:45%;
}

/*#description_container {
    margin:auto;
    display:inline-block;
    border:2px solid @container-border-color;    
    width: 45%;
    height: 95%;
    margin
}*/

.posts_preview {
    margin:auto;
    display:block;
    max-width:90%;
    margin-top: 1%;
    margin-bottom: 1%;
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;

}

#posts_container{<commit_msg>embryonic post view<commit_after>@elements-per-post:~`Settings.ELEMENTS_PER_POST`;
@jme-title-color:rgb(243,200,2);
@bg:rgb(56,56,56);
@bar-size:60px;
@bar-bg:rgb(34,34,34);
@bar-fg:#fff;
@bar-shadow:rgb(34,34,34);
@bar-shadow-size:2px;
@bgimg-blur:6px;
@title-font-size:30px;
@title-font-size-paddig: 15px;
@posts-shadow:#000;

@text-color:rgb(200,200,200);
@text-font-size:20px;
@text-font-size-paddig: 13px;
@text-border:rgb(20,20,20);

@container-border-color:@jme-title-color;
@container-shadow: @posts-shadow;
@title-color:@jme-title-color;

@date-bar-bg:@jme-title-color;
@date-bar-shadow:@bar-shadow;
@date-bar-fg:@bar-bg;
@date-bar-size:@bar-size/2;
@date-bar-font-size:@title-font-size/2;
@date-bar-shadow-size:@bar-shadow-size;
@posts-shadow-active:@jme-title-color;









@import url(https://fonts.googleapis.com/css?family=Passion+One);
@font-face {
    font-family: 'FOO';
    src: url(fonts/foo.ttf);
}

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
    padding:0;
    background-color:@bg;
    
    position:absolute;
    height: 100%;
    width:100%;
}

.bar{
    background-color:@bar-bg;
    color:@bar-fg;
    position:fixed;
    left:0;
    width:100%;
    height:@bar-size;
    border:none;
    -webkit-box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    -moz-box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    box-shadow: 0px 0px @bar-shadow-size @bar-shadow-size/2 @bar-shadow;
    z-index:8;
}

#top{   
    &:extend(.bar);
    top:0;
    border-bottom:2px solid @bar-shadow;  
}

#current_date{
    position:fixed;
    top:@bar-size;
    font-size: @date-bar-font-size;
    
    padding-top:@bar-shadow-size+@date-bar-size/2-@date-bar-font-size/2;
    padding-bottom:@date-bar-size/2-@date-bar-font-size/2;

    width:100%;
    left:0;
    background-color:@date-bar-bg;
    color:@date-bar-fg;
    -webkit-box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    -moz-box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    box-shadow: 0px 0px @date-bar-shadow-size @date-bar-shadow-size/2 @date-bar-shadow;
    z-index:7;
    text-align:center;
    font-family:"Passion One";
}
#current_date_text{text-transform: uppercase;}
#current_date #left_arrow{
    float:left;
    height:100%;
    width:10%;
    text-align:left;
    padding-left:5px;
}
#current_date #right_arrow{
    float:right;
    height:100%;
    width:10%;
    text-align:right;
    padding-right:5px;
}

#middle{ 
    position:static;
    margin-top:@bar-size+@date-bar-size;
    left:0; 
    width:100%;
    height: 100%;
    z-index:1;
}

#bottom{ 
    &:extend(.bar);
    position:fixed;
    bottom:0;
    border-top:2px solid @bar-shadow;
}

#bottom #fork{
    font-size:@bar-size/1.2;
    float:right;
}

#bottom #copyright{
    position:absolute;
    margin:auto;
    width:100%;
}

.w-lim{
    max-width:1110px;
    margin:auto;
    position:relative;
}

.title_text {
    display:inline;
    font-size: @title-font-size;
    //margin-top:@title-font-size-paddig;
    font-family:'FOO';
    color:@title-color;
    white-space:nowrap;
}

.text {
    display:inline;
    text-shadow:.1px .1px 8px @text-border;
    font-size: @text-font-size;
    margin-top:@text-font-size-paddig;
    font-family:'FOO';
    color:@text-color;
    white-space:nowrap;    
}

.container{
    border:2px solid @container-border-color;
    border-top:none;
    border-bottom:none;
    
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;
    width:100%;
    min-height:100%;      

    position:relative;
    
}

.content_container {
    text-align: center;  
    display:inline-block;
    margin:2%;
    margin-left:2.5%;
    margin-right:2.5%;
    //border:.1px solid @container-border-color; 
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;
    width:45%;
    height:85%;
}

/*#description_container {
    margin:auto;
    display:inline-block;
    border:2px solid @container-border-color;    
    width: 45%;
    height: 95%;
    margin
}*/

.posts_preview {
    margin:auto;
    display:block;
    max-width:90%;
    margin-top: 1%;
    margin-bottom: 1%;
    -webkit-box-shadow: 0px 0px 7px 1px @container-shadow;
    -moz-box-shadow: 0px 0px 7px 1px @container-shadow;
    box-shadow: 0px 0px 7px 1px @container-shadow;

}

#posts_container{
{'fraction_non_alphanumeric': 0.1725536228790951, 'fraction_numerical': 0.04225803009283961, 'mean_word_length': 3.1286343612334804, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 10, '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': '5119407', 'n_tokens_mistral': 4060, 'n_tokens_neox': 3773, 'n_words': 558}