<commit_before>/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
  margin: 0;
  height: 100%;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  color: #333;
}

#container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.main-strip, .month-carousel {
  width: 600px;
}

.main-strip {
  margin: 0 auto;
}

.header {
  text-align: center;
  opacity: 0.3;
}

.header img {
  height: 24px;
}

.header .logo-icon {
  display: none;
}

.header .logo-text {
  margin-right: 4px;
}

.header span {
  font-family: 'alegreya sans';
  font-size: 24px;
  font-weight: 300;
  text-transform:uppercase;
}

.header {
  margin-top: 20px;
  margin-bottom: 8px;
}

.month-carousel-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
}

.month-carousel {
  position: relative;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.month-carousel.animate {
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.month {
  position: absolute;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -webkit-transition: opacity 0.2s;
  user-select: none;
  transition: opacity 0.2s;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  /* inactive */
  opacity: 0.15;
}

.month .click-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1000;
}

.month.active {
  opacity: 1;
  cursor: default;
}

.month.active .click-screen {
  display: none;
}

/* month contents */

.month-row {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}

.month-row.month-header {
  font-family: 'alegreya sans';
  font-weight: 800;
  font-size: 28px;
  text-align: center;
}

.month-row.weekday-labels {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: 'alegreya sans';
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: rgba(0,0,0,0.25);
  text-transform: uppercase;
}

.days {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  -webkit-align-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-content: flex-start;
  width: 100%;
  padding: 0 8px 32px 8px;
  margin-left: -8px;
  margin-right: -8px;
  overflow-y: scroll;
  margin-bottom: 0;
}

.cell {
  width: 81px;
  margin-right: 4px;
}

.days .cell {
  position: relative;
  left: 0;<commit_msg>make some space for scrollbars in the archive site<commit_after>/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
  margin: 0;
  height: 100%;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  color: #333;
}

#container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.main-strip, .month-carousel {
  width: 600px;
}

.main-strip {
  margin: 0 auto;
}

.header {
  text-align: center;
  opacity: 0.3;
}

.header img {
  height: 24px;
}

.header .logo-icon {
  display: none;
}

.header .logo-text {
  margin-right: 4px;
}

.header span {
  font-family: 'alegreya sans';
  font-size: 24px;
  font-weight: 300;
  text-transform:uppercase;
}

.header {
  margin-top: 20px;
  margin-bottom: 8px;
}

.month-carousel-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
}

.month-carousel {
  position: relative;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.month-carousel.animate {
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.month {
  position: absolute;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -webkit-transition: opacity 0.2s;
  user-select: none;
  transition: opacity 0.2s;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  /* inactive */
  opacity: 0.15;
}

.month .click-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1000;
}

.month.active {
  opacity: 1;
  cursor: default;
}

.month.active .click-screen {
  display: none;
}

/* month contents */

.month-row {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}

.month-row.month-header {
  font-family: 'alegreya sans';
  font-weight: 800;
  font-size: 28px;
  text-align: center;
}

.month-row.weekday-labels {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: 'alegreya sans';
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: rgba(0,0,0,0.25);
  text-transform: uppercase;
}

.days {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  -webkit-align-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-content: flex-start;
  width: 100%;
  padding: 0 8px 32px 8px;
  margin-left: -8px;
  margin-right: -8px;
  overflow-y: scroll;
  margin-bottom: 0;
}

.cell {
  width: 78px;
  margin-right: 4px;
}

.days .cell {
  position: relative;
  left: 0;
{'fraction_non_alphanumeric': 0.14021201413427561, 'fraction_numerical': 0.03392226148409894, 'mean_word_length': 3.1501466275659826, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '4416266', 'n_tokens_mistral': 2862, 'n_tokens_neox': 2596, 'n_words': 713}