<commit_before>competitor-width = 400px
image-width = 230px
metric-margin = 2px
icon-size = 30px

body
  background #333

h1
  color white
  text-align center
  margin 0
  padding 0
  font-family 'Press Start 2P', cursive

.competition
  display flex
  justify-content center
  align-items center
  flex-wrap wrap

  .competition__competitor
    margin 0 1%
    flex 1
    max-width competitor-width

  .competition__shuffle
    color white
    font-family 'Press Start 2P', cursive

.competitor
  .competitor__input
    text-align center

  .competitor__image
    line-height image-width
    text-align center

  .competitor__metric
    background #f9f9f9
    border-radius 20px

.image
  position relative

  .image__spinner<commit_msg>use width instead of max-width for flexbox item<commit_after>competitor-width = 400px
image-width = 230px
metric-margin = 2px
icon-size = 30px

body
  background #333

h1
  color white
  text-align center
  margin 0
  padding 0
  font-family 'Press Start 2P', cursive

.competition
  display flex
  justify-content center
  align-items center
  flex-wrap wrap

  .competition__competitor
    margin 0 1%
    flex 1
    width competitor-width

  .competition__shuffle
    color white
    font-family 'Press Start 2P', cursive

.competitor
  .competitor__input
    text-align center

  .competitor__image
    line-height image-width
    text-align center

  .competitor__metric
    background #f9f9f9
    border-radius 20px

.image
  position relative

  .image__spinner
{'fraction_non_alphanumeric': 0.055776892430278883, 'fraction_numerical': 0.033200531208499334, 'mean_word_length': 3.072972972972973, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1409834', 'n_tokens_mistral': 535, 'n_tokens_neox': 492, 'n_words': 142}