<commit_before>---
---
/* universal variables */
$serif: "Burgess-Regular", "Times New Roman", Times, serif;
$sans: "DomaineSansText-Regular", "Lucida Grande", verdana, sans-serif;
$mono: "Space Mono", monospace;
$grey: #797777;
$darkgrey: #3a3a3a;
$linkdefault: #231;
$linkhover: #cc114a;
@media only print { $darkgrey: #3a3a3a; }

//
  body {
    font-family: $serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.2rem;
    color: black;
    line-height: 140%;
    margin: 0; padding: 0;
  }
  .printonly { display: none; }
  .gridwrap {
    display: grid;
    grid-template-columns: 3rem 1fr 2rem;
    grid-template-rows: 4rem minmax(auto, 45vh) /* 4rem 1fr 4rem auto 2rem auto 4rem  */ auto;
    grid-gap: 4rem;
}

  footer { grid-column: 1 / 4; justify-self: center; align-self: center; }

  footer { margin-bottom: 2rem; }
  a, a:visited { text-decoration: none; color: $linkdefault;  }
  a:hover { color: $linkhover;/* background: linear-gradient(to right, #eee, #fff); */ }

  article a,   article a:visited {  border-bottom: 1px solid $grey; }
  article a:hover {  border-bottom: 1px solid $linkhover; /* background: linear-gradient(to right, #eee, #fff); */ }


  /* universal nav branding*/
  .title { position: fixed; display: grid; top: 0; left: 3rem; height: 3rem; width: 100vh; transform: rotate(90deg); transform-origin: 0% 0%; text-align: center; align-content: center; z-index: 3; font-family: $sans; color: $darkgrey;  -webkit-font-smoothing: subpixel-antialiased; }
  .title a:hover { color: white; }
  .mobiletitle,   .mobiletitle a  { display: none;  color: rgba(70, 200, 142, 1); }
  nav { grid-row: 1 / 1; grid-column: 1 / 4; display: grid; justify-content: left; align-items: center;  z-index: 5; border-bottom: 1px solid #4a4a4a; font-family: $sans; }
  nav ul li { display: inline-block; margin-left: 2rem; color: $darkgrey;  font-size: 1rem; }
  nav ul { margin-left: 5rem;  }
  aside { display: grid; justify-content: center; grid-row: 1 / 10; grid-column: 1 / 2; background: linear-gradient(#0EFAC0, #ECBA0E); padding-top: 1.5rem; }
  @media only screen and (max-width: 970px) {
    .mobiletitle, .mobiletitle a { display: inline-block; }
    .mobiletitle a:hover { color:#cc114a }
    nav ul { margin-left: 3rem;  }
    .title { display: none; }
    .gridwrap {     grid-template-columns: 1rem 1fr 1rem; grid-gap: 3rem;}
    nav ul { margin-left: 2rem;  }
  }
  @media only screen and (max-width: 500px) {
    nav ul { margin-left: 1rem; }
    .gridwrap {     grid-template-columns: 1rem 1fr .5rem; grid-gap: 2rem;}
  }

    /* universal elements */
    .indexdump { margin-left: 3vw;  }
    .indexdump tr { border-bottom: 1px dotted #dedede; }
    .indexdump td { padding-top: .3rem; }
    .twitter-share-button { justify-self: left; margin-top: 2rem; font-family: $sans; font-size: 1.4rem; }


    /* universal text */
    h1 { font-size: 6.75vw; line-height: 105%; max-width: 1350px; font-variant-numeric: proportional-nums; margin: 4rem 0; margin-left: 10%; }
    h2 { font-size: 2.5rem; margin-bottom: 3rem; font-style: italic;  }
    article h2 { font-size: 2.5rem; padding: 2rem 0 1rem 0%; margin-top: 2rem; border-top: 1px solid #797777; margin-left: 0;  }
    h3 { font-family: $sans;
     color: $linkhover; font-size: 1.6rem; margin: 3rem 0 .2rem 20%;  }
    #index h3 { font-family: $sans;
    border-bottom: 1px solid #a7a2a2; color: $grey; font-size: 1rem; padding: .5rem 0;
    margin: 2rem 0 .3rem 0;  text-transform: uppercase;}
    article h3 { margin-left: 20%;}
    h4 { font-size: 1.8rem;  line-height: 140%; }
    article h4 { margin-top: 1rem; font-style: italic; }
    h5, h6 { font-size: 1.5rem; line-height: 140%; margin: 1rem 0 0; width: 66%; }
    article h5 { color: $grey; font-family: $sans;  margin-left: 20%; }
    article h6 { color: $grey; margin-left: 20%;  font-style: italic; }
    h2, h3, h4, h5, p, a, table {     font-variant-numeric: oldstyle-nums; }
    .label { font-family: $sans;  font-style: normal; color: $grey; font-size: 1.4rem; padding: .5rem 0; margin: 2rem 0 1rem 0;  }
    span.publisher { padding-left:0.5rem;  font-size: 1rem; color: $grey; font-family: $sans; font-style: italic;}

    article { line-height: 140%; letter-spacing: .1px; font-size: 1.8rem; color: $darkgrey;  max-width: 1350px; text-rendering: optimizeLegibility; font-variant-numeric: oldstyle-nums;  }
    article ol, article ul { margin-left: 20%; line-height: 140%; letter-spacing: .1px;
      font-size: 1.4rem;  }
    article ul li { list-style-type: circle; }

      header {  }
      header img { margin: 1rem 0 0; max-width: 1300px; }
      header h1 { margin-right: 2rem; }
      header h5, header p, time { font-size: 1.4rem; line-height: 140%; font-style: italic; width: 66%; max-width: 950px; margin: 0;  }
      time { font-style: normal; }
      main { max-width: 1800px; }
      main>div { display: grid; justify-items: center;  }
      article p:before {
         counter-increment: section;
         content:  counter(section) "  "; /* Looking to make use of webby conventions to sit alongside bookish ones */
         font-family: $mono;
         font-size: .6rem;
         line-height: 0;
         color: $linkhover; margin: 0 .5rem;
         font-variant-numeric: normal;
      }
      article p:nth-child(even) { margin-left: 20%;  }<commit_msg>img width<commit_after>---
---
/* universal variables */
$serif: "Burgess-Regular", "Times New Roman", Times, serif;
$sans: "DomaineSansText-Regular", "Lucida Grande", verdana, sans-serif;
$mono: "Space Mono", monospace;
$grey: #797777;
$darkgrey: #3a3a3a;
$linkdefault: #231;
$linkhover: #cc114a;
@media only print { $darkgrey: #3a3a3a; }

//
  body {
    font-family: $serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.2rem;
    color: black;
    line-height: 140%;
    margin: 0; padding: 0;
  }
  .printonly { display: none; }
  .gridwrap {
    display: grid;
    grid-template-columns: 3rem 1fr 2rem;
    grid-template-rows: 4rem minmax(auto, 45vh) /* 4rem 1fr 4rem auto 2rem auto 4rem  */ auto;
    grid-gap: 4rem;
}

  footer { grid-column: 1 / 4; justify-self: center; align-self: center; }

  footer { margin-bottom: 2rem; }
  a, a:visited { text-decoration: none; color: $linkdefault;  }
  a:hover { color: $linkhover;/* background: linear-gradient(to right, #eee, #fff); */ }

  article a,   article a:visited {  border-bottom: 1px solid $grey; }
  article a:hover {  border-bottom: 1px solid $linkhover; /* background: linear-gradient(to right, #eee, #fff); */ }


  /* universal nav branding*/
  .title { position: fixed; display: grid; top: 0; left: 3rem; height: 3rem; width: 100vh; transform: rotate(90deg); transform-origin: 0% 0%; text-align: center; align-content: center; z-index: 3; font-family: $sans; color: $darkgrey;  -webkit-font-smoothing: subpixel-antialiased; }
  .title a:hover { color: white; }
  .mobiletitle,   .mobiletitle a  { display: none;  color: rgba(70, 200, 142, 1); }
  nav { grid-row: 1 / 1; grid-column: 1 / 4; display: grid; justify-content: left; align-items: center;  z-index: 5; border-bottom: 1px solid #4a4a4a; font-family: $sans; }
  nav ul li { display: inline-block; margin-left: 2rem; color: $darkgrey;  font-size: 1rem; }
  nav ul { margin-left: 5rem;  }
  aside { display: grid; justify-content: center; grid-row: 1 / 10; grid-column: 1 / 2; background: linear-gradient(#0EFAC0, #ECBA0E); padding-top: 1.5rem; }
  @media only screen and (max-width: 970px) {
    .mobiletitle, .mobiletitle a { display: inline-block; }
    .mobiletitle a:hover { color:#cc114a }
    nav ul { margin-left: 3rem;  }
    .title { display: none; }
    .gridwrap {     grid-template-columns: 1rem 1fr 1rem; grid-gap: 3rem;}
    nav ul { margin-left: 2rem;  }
  }
  @media only screen and (max-width: 500px) {
    nav ul { margin-left: 1rem; }
    .gridwrap {     grid-template-columns: 1rem 1fr .5rem; grid-gap: 2rem;}
  }

    /* universal elements */
    .indexdump { margin-left: 3vw;  }
    .indexdump tr { border-bottom: 1px dotted #dedede; }
    .indexdump td { padding-top: .3rem; }
    .twitter-share-button { justify-self: left; margin-top: 2rem; font-family: $sans; font-size: 1.4rem; }


    /* universal text */
    h1 { font-size: 6.75vw; line-height: 105%; max-width: 1350px; font-variant-numeric: proportional-nums; margin: 4rem 0; margin-left: 10%; }
    h2 { font-size: 2.5rem; margin-bottom: 3rem; font-style: italic;  }
    article h2 { font-size: 2.5rem; padding: 2rem 0 1rem 0%; margin-top: 2rem; border-top: 1px solid #797777; margin-left: 0;  }
    h3 { font-family: $sans;
     color: $linkhover; font-size: 1.6rem; margin: 3rem 0 .2rem 20%;  }
    #index h3 { font-family: $sans;
    border-bottom: 1px solid #a7a2a2; color: $grey; font-size: 1rem; padding: .5rem 0;
    margin: 2rem 0 .3rem 0;  text-transform: uppercase;}
    article h3 { margin-left: 20%;}
    h4 { font-size: 1.8rem;  line-height: 140%; }
    article h4 { margin-top: 1rem; font-style: italic; }
    h5, h6 { font-size: 1.5rem; line-height: 140%; margin: 1rem 0 0; width: 66%; }
    article h5 { color: $grey; font-family: $sans;  margin-left: 20%; }
    article h6 { color: $grey; margin-left: 20%;  font-style: italic; }
    h2, h3, h4, h5, p, a, table {     font-variant-numeric: oldstyle-nums; }
    .label { font-family: $sans;  font-style: normal; color: $grey; font-size: 1.4rem; padding: .5rem 0; margin: 2rem 0 1rem 0;  }
    span.publisher { padding-left:0.5rem;  font-size: 1rem; color: $grey; font-family: $sans; font-style: italic;}

    article { line-height: 140%; letter-spacing: .1px; font-size: 1.8rem; color: $darkgrey;  max-width: 1350px; text-rendering: optimizeLegibility; font-variant-numeric: oldstyle-nums;  }
    article ol, article ul { margin-left: 20%; line-height: 140%; letter-spacing: .1px;
      font-size: 1.4rem;  }
    article ul li { list-style-type: circle; }

      header {  }
      header img { margin: 1rem 0 0;  }
      header h1 { margin-right: 2rem; }
      header h5, header p, time { font-size: 1.4rem; line-height: 140%; font-style: italic; width: 66%; max-width: 950px; margin: 0;  }
      time { font-style: normal; }
      main { max-width: 1800px; }
      main>div { display: grid; justify-items: center;  }
      article p:before {
         counter-increment: section;
         content:  counter(section) "  "; /* Looking to make use of webby conventions to sit alongside bookish ones */
         font-family: $mono;
         font-size: .6rem;
         line-height: 0;
         color: $linkhover; margin: 0 .5rem;
         font-variant-numeric: normal;
      }
      article p:nth-child(even) { margin-left: 20%;  }
{'fraction_non_alphanumeric': 0.15487303958177745, 'fraction_numerical': 0.04779686333084392, 'mean_word_length': 3.095183486238532, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '6567617', 'n_tokens_mistral': 4370, 'n_tokens_neox': 3888, 'n_words': 1101}