<commit_before>extends index-tpl.jade

block append header
  p.
    This repo is specifically designed for using colors from the
    #[cite Solarized] and #[cite Lunarized] color schemes.
    These color schemes were originally designed for displaying computer code, though
    they can be applied #[abbr(title="practically") literally] anywhere.
    Import them into any project to use the variables and classes in your codebase.

block append main
  footer: p by #[a(href="https://github(class=color.c)om/chharvey/lux-nox/") <NAME>]
  section
    h2 Example
    figure.o-Box.a-bc-s3.a-c-s00
      pre #[span.a-c-sb &lt;h3 #[span.a-c-sy class=#[span.a-c-sc #[span.a-c-sm &quot;]a-bc-s03  a-c-lc#[span.a-c-sm &quot;]]]&gt;]Solarized Base03 background, Lunarized Cyan foreground!#[span.a-c-sb &lt;&#x002f;h3&gt;]
      h3.o-Box.a-bc-s03.a-c-lc Solarized Base03 background, Lunarized Cyan foreground!
  section
    h2 Description
    p Each color scheme contains 16 colors total, shared among two modes:
    ul
      li Dark mode
        ul
          li medium-light text
          li light emphasis
          li dark de-emphasis
          li darker highlight
          li darkest background
      li Light mode
        ul
          li medium-dark text
          li dark emphasis
          li light de-emphasis
          li lighter highlight
          li lightest background
    p Of the 16 colors in each scheme, there are 8 base colors and 8 accent colors:
    ul
      li Bases
        ul
          li dull tones
          li foreground, emphasis, de-emphasis, highlight, background
          li interchanged based on the mode
      li Accents
        ul
          li sharp tones
          li syntax highlighting
          li remain constant, independent of mode
  section
    h2 The Colors
    section
      h3 #[cite Solarized] Color Scheme
      mixin colorBox(color)
        li.o-ColorBox(class=[color.bg_class, (color.name.slice(14)==='03' || color.name.slice(14)==='02')? 'h-darkbg' : ''])
          h4= color.name
          p: code #{color.code}#[br]#{color.bg_class}#[br]#{color.fg_class}
      ul.o-ListBare.o-FlexContainer
        each color in scheme.Solarized
          +colorBox(color)
    section
      h3 #[cite Lunarized] Color Scheme
      ul.o-ListBare.o-FlexContainer
        each color in scheme.Lunarized
          +colorBox(color)
    p: a(href="doc/sample.html") See samples in action.<commit_msg>move mixin to top of block<commit_after>extends index-tpl.jade

block append header
  p.
    This repo is specifically designed for using colors from the
    #[cite Solarized] and #[cite Lunarized] color schemes.
    These color schemes were originally designed for displaying computer code, though
    they can be applied #[abbr(title="practically") literally] anywhere.
    Import them into any project to use the variables and classes in your codebase.

block append main
  footer: p by #[a(href="https://github(class=color.c)om/chharvey/lux-nox/") <NAME>]
  section
    h2 Example
    figure.o-Box.a-bc-s3.a-c-s00
      pre #[span.a-c-sb &lt;h3 #[span.a-c-sy class=#[span.a-c-sc #[span.a-c-sm &quot;]a-bc-s03  a-c-lc#[span.a-c-sm &quot;]]]&gt;]Solarized Base03 background, Lunarized Cyan foreground!#[span.a-c-sb &lt;&#x002f;h3&gt;]
      h3.o-Box.a-bc-s03.a-c-lc Solarized Base03 background, Lunarized Cyan foreground!
  section
    h2 Description
    p Each color scheme contains 16 colors total, shared among two modes:
    ul
      li Dark mode
        ul
          li medium-light text
          li light emphasis
          li dark de-emphasis
          li darker highlight
          li darkest background
      li Light mode
        ul
          li medium-dark text
          li dark emphasis
          li light de-emphasis
          li lighter highlight
          li lightest background
    p Of the 16 colors in each scheme, there are 8 base colors and 8 accent colors:
    ul
      li Bases
        ul
          li dull tones
          li foreground, emphasis, de-emphasis, highlight, background
          li interchanged based on the mode
      li Accents
        ul
          li sharp tones
          li syntax highlighting
          li remain constant, independent of mode
  section
    mixin colorBox(color)
      li.o-ColorBox(class=[color.bg_class, (color.name.slice(14)==='03' || color.name.slice(14)==='02')? 'h-darkbg' : ''])
        h4= color.name
        p: code #{color.code}#[br]#{color.bg_class}#[br]#{color.fg_class}
    h2 The Colors
    section
      h3 #[cite Solarized] Color Scheme
      ul.o-ListBare.o-FlexContainer
        each color in scheme.Solarized
          +colorBox(color)
    section
      h3 #[cite Lunarized] Color Scheme
      ul.o-ListBare.o-FlexContainer
        each color in scheme.Lunarized
          +colorBox(color)
    p: a(href="doc/sample.html") See samples in action.
{'fraction_non_alphanumeric': 0.09407881163606355, 'fraction_numerical': 0.015267175572519083, 'mean_word_length': 2.3666666666666667, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '3037414', 'n_tokens_mistral': 1552, 'n_tokens_neox': 1501, 'n_words': 482}