<commit_before>/* 

Suspicious.website : The main theme

 */

/* Some initial colors */
/* TODO: do a proper design */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

$background-color: #fffffd;
$text-color: #262827;

$link-color: #b14;
$visited-color: #b14;

$tag-background: $link-color;
$tag-color:	#a30;

/* Widths */
$small-screen-width: 768px;
$medium-screen-width: 1200px;
$large-screen-width: 1920px;

@mixin verysmall {
  @media (max-width: #{$small-screen-width}) {
    @content;
  }
}

@mixin small {
  @media (min-width: #{$small-screen-width} ) and (max-width: #{$medium-screen-width - 1px}) {
    @content;
  }
}

@mixin medium {
  @media (min-width: #{$medium-screen-width} ) and (max-width: #{$large-screen-width - 1px}) {
    @content;
  }
}

@mixin large {
  @media (min-width: #{$large-screen-width}) {
    @content;
  }
}

/* Icons */

@font-face {
    font-family: "suspicious-icons";
    src:url("../fonts/suspicious-icons.eot");
    src:url("../fonts/suspicious-icons.eot?#iefix") format("embedded-opentype"),
        url("../fonts/suspicious-icons.woff") format("woff"),
        url("../fonts/suspicious-icons.ttf") format("truetype"),
        url("../fonts/suspicious-icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Apply these base styles to all icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "suspicious-icons", "Open Sans", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Each icon is created by inserting the correct character into the
   content of the :before pseudo element. Like a boss. */
.icon-github:before {
    content: "\e600";
}
.icon-rss:before {
    content: "\f601";
}
.icon-twitter:before {
    content: "\f602";
    font-size: 1.1em;
}
.icon-googleplus:before {
    content: "\f603";
}
.icon-facebook:before {
    content: "\f604";
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: $background-color;
  color: $text-color;
  font-family: 'Raleway', 'Open Sans', sans-serif;
  font-size: 1.3rem;

  &.home-template {

    width: 100%;
    height: 100%;
    /* Select the background image based on the resolution */
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_1200.jpg");
    @include large { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_2440.jpg"); }
    @include medium { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_1920.jpg"); }
    
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    .post-description {
      a {
        font-size: smaller;
      }
      a:hover {
        border: none;
      }
    }
  }
}

a {
  border-color: $background-color;
  color: $link-color;
  text-decoration: none;

  
  &:hover {
    border-bottom: solid 1px $link-color;
  }
}

a:visited {
  color: $visited-color;
}

header {
  &.main-header {
    height: 100vh;<commit_msg>Fix home page font color<commit_after>/* 

Suspicious.website : The main theme

 */

/* Some initial colors */
/* TODO: do a proper design */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

$background-color: #fffffd;
$text-color: #262827;

$link-color: #b14;
$visited-color: #b14;

$tag-background: $link-color;
$tag-color:	#a30;

/* Widths */
$small-screen-width: 768px;
$medium-screen-width: 1200px;
$large-screen-width: 1920px;

@mixin verysmall {
  @media (max-width: #{$small-screen-width}) {
    @content;
  }
}

@mixin small {
  @media (min-width: #{$small-screen-width} ) and (max-width: #{$medium-screen-width - 1px}) {
    @content;
  }
}

@mixin medium {
  @media (min-width: #{$medium-screen-width} ) and (max-width: #{$large-screen-width - 1px}) {
    @content;
  }
}

@mixin large {
  @media (min-width: #{$large-screen-width}) {
    @content;
  }
}

/* Icons */

@font-face {
    font-family: "suspicious-icons";
    src:url("../fonts/suspicious-icons.eot");
    src:url("../fonts/suspicious-icons.eot?#iefix") format("embedded-opentype"),
        url("../fonts/suspicious-icons.woff") format("woff"),
        url("../fonts/suspicious-icons.ttf") format("truetype"),
        url("../fonts/suspicious-icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Apply these base styles to all icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "suspicious-icons", "Open Sans", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Each icon is created by inserting the correct character into the
   content of the :before pseudo element. Like a boss. */
.icon-github:before {
    content: "\e600";
}
.icon-rss:before {
    content: "\f601";
}
.icon-twitter:before {
    content: "\f602";
    font-size: 1.1em;
}
.icon-googleplus:before {
    content: "\f603";
}
.icon-facebook:before {
    content: "\f604";
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: $background-color;
  color: $text-color;
  font-family: 'Raleway', 'Open Sans', sans-serif;
  font-size: 1.3rem;

  &.home-template {

    width: 100%;
    height: 100%;
    /* Select the background image based on the resolution */
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_1200.jpg");
    @include large { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_2440.jpg"); }
    @include medium { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/palmtree_1920.jpg"); }
    
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    .post-description {
      a {
        color: black;
        font-size: smaller;
      }
      a:hover {
        border: none;
      }
    }
  }
}

a {
  border-color: $background-color;
  color: $link-color;
  text-decoration: none;

  
  &:hover {
    border-bottom: solid 1px $link-color;
  }
}

a:visited {
  color: $visited-color;
}

header {
  &.main-header {
    height: 100vh;
{'fraction_non_alphanumeric': 0.1825248308622427, 'fraction_numerical': 0.033683604433568444, 'mean_word_length': 3.0231615518239723, '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': '4077600', 'n_tokens_mistral': 2845, 'n_tokens_neox': 2565, 'n_words': 543}