<commit_before>body.projects-show:not(.projects-index) {
  .container-wrapper {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
}

header {
  a.edit-project {
    @include button(rgb(240,240,240));
    text-decoration: none;
    padding: 7px 12px 6px;
    margin-top: 10px;
    float: right;
    font-size: 0.8em;
  }
  
  .prev-next-links {
    margin-bottom: 5px;

    a {
      color: $pink;
      text-decoration: none;
      font-size: 0.8em;

      &:hover {
        text-decoration: underline;
      }
    }

    .prev-project {
      float: left;
    }

    .next-project{
      float: right;
    }

    &:after {
      content: '';
      display: block;
      clear: both;
    }
  }
}

header.project {
  margin-bottom: 12px;

  h1 {
    font: normal 34px $sans-serif;
    display: inline-block;
    margin: 0px;
  }
}

#project-gallery {
  position: relative;
  margin: 0px auto 40px;
  background: #646464;
  border: 2px solid #646464;
  
  .image {
    line-height: 0;
    overflow: hidden;
    
    &.large-square:first-child {
      margin-right: 2px;
    }
    
    &.small-rectangle:first-child {
      margin-bottom: 2px;
    }
    
    &.small-square:first-child {
      margin-right: 2px;
    }
    
    &.small-square.on-top {
      margin-bottom: 2px;
    }
    
    &.large-rectangle img {
      max-width: 940px;
      max-height: 470px;
    }
    
    &.small-rectangle img {
      max-width: 468px;
      max-height: 234px;
    }
    
    &.large-square img {
      max-width: 470px;
      max-height: 470px;
    }
    
    &.small-square img {
      max-width: 234px;
      max-height: 234px;
    }
    
    &.not-shown {
      display: none;
    }
    
    img {
      margin: 0px;
      width: 100%;
      height: auto;
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      -moz-transition-duration: .5s;
      -webkit-transition-duration: .5s;
      transition-duration: .5s;
    }
    
    &:not(.placeholder):hover img {
      cursor: pointer;
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -moz-transition-duration: .5s;
      -webkit-transition-duration: .5s;
      transition-duration: .5s;
    }
    
  }
  
  .view-photos {
    position: absolute;
    bottom: 20px;
    right: 20px;
        
    @include button(rgb(240,240,240));
    text-decoration: none;
    padding: 7px 12px 6px;
    font-size: 0.8em;
  }
  
}

.project-details {
  @extend .clearfix;
  margin: 0px auto;
  max-width: grid-width(12);
  width: 100%;
  
  .meta-data {
    @extend .clearfix;
    border-bottom: 1px solid rgb(220,220,220);
    margin-bottom: 30px;

    p {
      color: rgb(100,100,100);
      font: normal 14px/22px $sans-serif;
      float: left;

      span {
        a {
          color: $pink;
          text-decoration: none;

          &:hover {
            text-decoration: underline;
          }
        }
      }
    }

    div.addthis_toolbox {
      float: right;
    }
  }

  .project-description {
    max-width: grid-width(8);

    h2 {
      font: normal 18px/22px $sans-serif;<commit_msg>Ensure project description does not squish against right column.<commit_after>body.projects-show:not(.projects-index) {
  .container-wrapper {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
}

header {
  a.edit-project {
    @include button(rgb(240,240,240));
    text-decoration: none;
    padding: 7px 12px 6px;
    margin-top: 10px;
    float: right;
    font-size: 0.8em;
  }
  
  .prev-next-links {
    margin-bottom: 5px;

    a {
      color: $pink;
      text-decoration: none;
      font-size: 0.8em;

      &:hover {
        text-decoration: underline;
      }
    }

    .prev-project {
      float: left;
    }

    .next-project{
      float: right;
    }

    &:after {
      content: '';
      display: block;
      clear: both;
    }
  }
}

header.project {
  margin-bottom: 12px;

  h1 {
    font: normal 34px $sans-serif;
    display: inline-block;
    margin: 0px;
  }
}

#project-gallery {
  position: relative;
  margin: 0px auto 40px;
  background: #646464;
  border: 2px solid #646464;
  
  .image {
    line-height: 0;
    overflow: hidden;
    
    &.large-square:first-child {
      margin-right: 2px;
    }
    
    &.small-rectangle:first-child {
      margin-bottom: 2px;
    }
    
    &.small-square:first-child {
      margin-right: 2px;
    }
    
    &.small-square.on-top {
      margin-bottom: 2px;
    }
    
    &.large-rectangle img {
      max-width: 940px;
      max-height: 470px;
    }
    
    &.small-rectangle img {
      max-width: 468px;
      max-height: 234px;
    }
    
    &.large-square img {
      max-width: 470px;
      max-height: 470px;
    }
    
    &.small-square img {
      max-width: 234px;
      max-height: 234px;
    }
    
    &.not-shown {
      display: none;
    }
    
    img {
      margin: 0px;
      width: 100%;
      height: auto;
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      -moz-transition-duration: .5s;
      -webkit-transition-duration: .5s;
      transition-duration: .5s;
    }
    
    &:not(.placeholder):hover img {
      cursor: pointer;
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -moz-transition-duration: .5s;
      -webkit-transition-duration: .5s;
      transition-duration: .5s;
    }
    
  }
  
  .view-photos {
    position: absolute;
    bottom: 20px;
    right: 20px;
        
    @include button(rgb(240,240,240));
    text-decoration: none;
    padding: 7px 12px 6px;
    font-size: 0.8em;
  }
  
}

.project-details {
  @extend .clearfix;
  margin: 0px auto;
  max-width: grid-width(12);
  width: 100%;
  
  .meta-data {
    @extend .clearfix;
    border-bottom: 1px solid rgb(220,220,220);
    margin-bottom: 30px;

    p {
      color: rgb(100,100,100);
      font: normal 14px/22px $sans-serif;
      float: left;

      span {
        a {
          color: $pink;
          text-decoration: none;

          &:hover {
            text-decoration: underline;
          }
        }
      }
    }

    div.addthis_toolbox {
      float: right;
    }
  }

  .project-description {
    max-width: 580px;

    h2 {
      font: normal 18px/22px $sans-serif;
{'fraction_non_alphanumeric': 0.13645717904068386, 'fraction_numerical': 0.047807503561817316, 'mean_word_length': 1.736249458640104, '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': '3736478', 'n_tokens_mistral': 2579, 'n_tokens_neox': 2297, 'n_words': 439}