<commit_before>@import "constants";

@-webkit-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-webkit-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

@-moz-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-moz-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

@-ms-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-ms-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

ol.projects {
  list-style: none;

  li.project {
    float:left;
    margin: 5px;
    width:620px;
    height:200px;
    padding-right: 10px;

    > div {
      height: 100%;
    }

    &.success {
      background: $green;
      .information {
        h2 {
          background: $light-green;
          border-top: solid $very-dark-green 2px;
        }
      }
      .history{
        background: $very-light-green;
        border-color: $very-dark-green;

        .sparklines .sparkline {
          background: $very-very-light-green;
        }
      }
      &.aggregate .information {
        @include linear-gradient(0deg, $green 50%, $dark-green 51%);
      }
    }

    &.failure {
      background: $red;
      .information {
        h2 {
          background: $light-red;
          border-top: solid $very-dark-red 2px;
        }

      }
      .history{
        background: $very-light-red;
        border-color: $very-dark-red;

        .sparklines .sparkline {
          background: $very-very-light-red;
        }
      }
      &.aggregate .information {
        @include linear-gradient(0deg, $red 50%, $dark-red 51%);
      }
    }


    &.offline {
      background: $grey;

      .information {
        h2 {
          background: $light-grey;
          border-top: solid $very-dark-grey 2px;
        }
      }

      .history{
        background: $very-light-grey;
        border-color: $very-dark-grey;

        .sparklines .sparkline {
          background: $very-very-light-grey;
        }
      }
      &.aggregate .information{
        @include linear-gradient(0deg, $grey 50%, $dark-grey 51%);
      }
    }

    .information {
      > div {
        text-align: left;
      }
      float: left;
      width: 430px;


      h1 {
        height: 150px - 1;
        padding: 0 15px;
        line-height: 150px - 1;
        font-size: 100px;
        font-family: Helvetica, sans-serif;
        font-weight: bold;
        text-transform: capitalize;
        color: #2B2820;

        a, a:hover, a:visited {
          color: #2B2820;
          text-decoration: none;
        }
      }

      h2 {
        padding: 0 15px;
        height: 50px - 1;
        line-height: 50px - 1;
        font-size: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: capitalize;

        a {
          text-decoration: none;
          color: black;
        }
      }
    }

    .history {
      float: right;
      width: 180px;
      border-left: solid 2px;
      border-right: solid 2px;
      float: left;
      text-align: center;

      .publish_date {
        text-align: center;
        height: 150px;
        font-size: 40px;
        line-height: 150px;
      }

      .sparklines {
        display: inline-block;
        position: relative;
        margin: -25px 30px 5px;
        width: (20px + 2 + 2) * 5;
        list-style: none;

        .sparkline {
          display: block;
          float: left;
          position: relative;
          margin: 2px;
          overflow: hidden;<commit_msg>Updated style of projects to have proper spacing<commit_after>@import "constants";

@-webkit-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-webkit-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

@-moz-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-moz-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

@-ms-keyframes building-green {
  0% { background: $very-very-light-green; }
  100% { background: white; }
}

@-ms-keyframes building-red {
  0% { background: $very-very-light-red; }
  100% { background: white; }
}

ol.projects {
  list-style: none;

  li.project {
    float:left;
    margin: 5px;
    width:615px;
    height:200px;
    padding-right: 8px;

    > div {
      height: 100%;
    }

    &.success {
      background: $green;
      .information {
        h2 {
          background: $light-green;
          border-top: solid $very-dark-green 2px;
        }
      }
      .history{
        background: $very-light-green;
        border-color: $very-dark-green;

        .sparklines .sparkline {
          background: $very-very-light-green;
        }
      }
      &.aggregate .information {
        @include linear-gradient(0deg, $green 50%, $dark-green 51%);
      }
    }

    &.failure {
      background: $red;
      .information {
        h2 {
          background: $light-red;
          border-top: solid $very-dark-red 2px;
        }

      }
      .history{
        background: $very-light-red;
        border-color: $very-dark-red;

        .sparklines .sparkline {
          background: $very-very-light-red;
        }
      }
      &.aggregate .information {
        @include linear-gradient(0deg, $red 50%, $dark-red 51%);
      }
    }


    &.offline {
      background: $grey;

      .information {
        h2 {
          background: $light-grey;
          border-top: solid $very-dark-grey 2px;
        }
      }

      .history{
        background: $very-light-grey;
        border-color: $very-dark-grey;

        .sparklines .sparkline {
          background: $very-very-light-grey;
        }
      }
      &.aggregate .information{
        @include linear-gradient(0deg, $grey 50%, $dark-grey 51%);
      }
    }

    .information {
      > div {
        text-align: left;
      }
      float: left;
      width: 430px;


      h1 {
        height: 150px - 1;
        padding: 0 15px;
        line-height: 150px - 1;
        font-size: 100px;
        font-family: Helvetica, sans-serif;
        font-weight: bold;
        text-transform: capitalize;
        color: #2B2820;

        a, a:hover, a:visited {
          color: #2B2820;
          text-decoration: none;
        }
      }

      h2 {
        padding: 0 15px;
        height: 50px - 1;
        line-height: 50px - 1;
        font-size: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: capitalize;

        a {
          text-decoration: none;
          color: black;
        }
      }
    }

    .history {
      float: right;
      width: 180px;
      border-left: solid 2px;
      border-right: solid 2px;
      float: left;
      text-align: center;

      .publish_date {
        text-align: center;
        height: 150px;
        font-size: 34pt;
        line-height: 150px;
      }

      .sparklines {
        display: inline-block;
        position: relative;
        margin: -25px 30px 5px;
        width: (20px + 2 + 2) * 5;
        list-style: none;

        .sparkline {
          display: block;
          float: left;
          position: relative;
          margin: 2px;
          overflow: hidden;
{'fraction_non_alphanumeric': 0.12896405919661733, 'fraction_numerical': 0.0318446088794926, 'mean_word_length': 1.615411195577056, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '6874733', 'n_tokens_mistral': 2722, 'n_tokens_neox': 2438, 'n_words': 526}