<commit_before>---
# this ensures Jekyll reads the file to be transformed into CSS later
# only Main files contain this front matter, not partials.
#
# Gray colors: https://yeun.github.io/open-color/gray-color.html
---

@import "open-color";
@import "pygments";

$font-serif: Georgia, Cambria, "Times New Roman", Times, serif;;
$font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

// bright
$color: $oc-gray-8;
$background: $oc-white;
$selection-color: $oc-gray-2;
$header-color: $oc-gray-7;
$code-background: $oc-gray-0;

// dark
$dark-color: $oc-gray-0;
$dark-background: $oc-gray-9;
$dark-selection-color: $oc-gray-7;
$dark-header-color: $oc-gray-5;
$dark-code-background: $oc-gray-8;

html{
  font: normal normal 105%/1.6 serif;
  color: $color;
  background: $background;
}
::selection {
  background: $selection-color;
}
a {
  color: $oc-indigo-9;
  transition: color 0.1s linear;
}
body {
  padding: 0 .7rem;
}
article {
  font-family: $font-serif;
  max-width: 40rem;
  margin: 0 auto 10rem;
  padding: 1.5rem 0;
}
header {
  max-width: 40rem;
  margin: 5rem auto 0;
  overflow: auto;
  padding: .5rem 0;
}
header h1 {
  float: left;
  font-size: 100%;
  font-weight: 100;
}
header .tld {
  color: $oc-gray-5;
}
h1 a,
h2 a {
  color: $header-color;
}
h1 a:hover,
h2 a:hover {
  color: $oc-gray-9;
  text-decoration: underline;
}
nav {
  float: right;
  margin-top: 0.67em;
}
nav a {
  margin-left: 1rem;
  text-decoration: none;
}
nav a span {
  display: none;
}
nav a:hover path {
  fill: $oc-gray-9;
}
h1, h2, h3, h4 {
  color: $header-color;
  font-family: $font-sans-serif;
  font-weight: 300;
}
h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
}
hr {
  background: $oc-gray-2;
  border: 0;
  height: 1px;
  margin: 2.5rem 0;
}
pre {
  background: $code-background;
  overflow: scroll;
  padding: .8em;
}
footer {
  position: relative;
}
time, .tags {
  color: $oc-gray-6;
  font-family: $font-sans-serif;
  font-weight: 100;
  font-size: 85%;
  position: absolute;
}
time {
  left: 0;
}
.tags {
  margin: 0;
  right: 0;
}
.highlight {
  background: $code-background;
}

@media (prefers-color-scheme: dark) {
  html{
    color: $dark-color;
    background: $dark-background;
  }
  ::selection {
    background: $dark-selection-color;
  }
  a {
    color: $oc-indigo-4;
  }
  nav a:hover path {
    fill: $oc-gray-0;
  }
  h1, h2, h3, h4 {
    color: $dark-header-color;
  }
  h1 a,
  h2 a {
      color: $dark-header-color;
  }
  h1 a:hover,
  h2 a:hover {
      color: $dark-color;
  }
  hr {
    background: $oc-gray-6;
  }
  pre {
    background: $dark-code-background;
  }
  .highlight {
    background: $dark-code-background;
  }
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }
}<commit_msg>Phone sizes<commit_after>---
# this ensures Jekyll reads the file to be transformed into CSS later
# only Main files contain this front matter, not partials.
#
# Gray colors: https://yeun.github.io/open-color/gray-color.html
---

@import "open-color";
@import "pygments";

$font-serif: Georgia, Cambria, "Times New Roman", Times, serif;;
$font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

// bright
$color: $oc-gray-8;
$background: $oc-white;
$selection-color: $oc-gray-2;
$header-color: $oc-gray-7;
$code-background: $oc-gray-0;

// dark
$dark-color: $oc-gray-0;
$dark-background: $oc-gray-9;
$dark-selection-color: $oc-gray-7;
$dark-header-color: $oc-gray-5;
$dark-code-background: $oc-gray-8;

html{
  font: normal normal 105%/1.6 serif;
  color: $color;
  background: $background;
}
::selection {
  background: $selection-color;
}
a {
  color: $oc-indigo-9;
  transition: color 0.1s linear;
}
body {
  padding: 0 .7rem;
}
article {
  font-family: $font-serif;
  max-width: 40rem;
  margin: 0 auto 10rem;
  padding: 1.5rem 0;
}
header {
  max-width: 40rem;
  margin: 5rem auto 0;
  overflow: auto;
  padding: .5rem 0;
}
header h1 {
  float: left;
  font-size: 100%;
  font-weight: 100;
}
header .tld {
  color: $oc-gray-5;
}
h1 a,
h2 a {
  color: $header-color;
}
h1 a:hover,
h2 a:hover {
  color: $oc-gray-9;
  text-decoration: underline;
}
nav {
  float: right;
  margin-top: 0.67em;
}
nav a {
  margin-left: 1rem;
  text-decoration: none;
}
nav a span {
  display: none;
}
nav a:hover path {
  fill: $oc-gray-9;
}
h1, h2, h3, h4 {
  color: $header-color;
  font-family: $font-sans-serif;
  font-weight: 300;
}
h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
}
hr {
  background: $oc-gray-2;
  border: 0;
  height: 1px;
  margin: 2.5rem 0;
}
pre {
  background: $code-background;
  overflow: scroll;
  padding: .8em;
}
footer {
  position: relative;
}
time, .tags {
  color: $oc-gray-6;
  font-family: $font-sans-serif;
  font-weight: 100;
  font-size: 85%;
  position: absolute;
}
time {
  left: 0;
}
.tags {
  margin: 0;
  right: 0;
}
.highlight {
  background: $code-background;
}

@media (prefers-color-scheme: dark) {
  html{
    color: $dark-color;
    background: $dark-background;
  }
  ::selection {
    background: $dark-selection-color;
  }
  a {
    color: $oc-indigo-4;
  }
  nav a:hover path {
    fill: $oc-gray-0;
  }
  h1, h2, h3, h4 {
    color: $dark-header-color;
  }
  h1 a,
  h2 a {
      color: $dark-header-color;
  }
  h1 a:hover,
  h2 a:hover {
      color: $dark-color;
  }
  hr {
    background: $oc-gray-6;
  }
  pre {
    background: $dark-code-background;
  }
  .highlight {
    background: $dark-code-background;
  }
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }
}
@media only screen and (max-device-width : 667px) {
  header {
    margin: 1rem auto 0;
  }
}
@media only screen and (max-device-width : 1024px) {
  header {
    margin: 3rem auto 0;
  }
}
{'fraction_non_alphanumeric': 0.16539569564480597, 'fraction_numerical': 0.03338417217420776, 'mean_word_length': 2.993234100135318, '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': '3998240', 'n_tokens_mistral': 2567, 'n_tokens_neox': 2436, 'n_words': 597}