<commit_before>// =========== HEADER (Banner Image) =========== //

.page-banner {
  margin-top: -$header-height;
  text-align: center;
  color: #fff;
  background: $green;

  .container {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  img {
    display: block;
    margin: 0 auto 20px;
    width: 25%;
  }

  .intro-text {
    .name {
      display: block;
      text-transform: uppercase;
      font-family: $montserrat;
      font-size: 2em;
      font-weight: 700;
    }

    .skills {
      font-size: 1.25em;
      font-weight: 300;
    }

    .social {
      padding: 0;
      margin: 1em 0;
      list-style: none;
      font-size: 1.2em;

      li {
        display: inline-block;
        padding: 0;

        a {
          color: white;
          display: inline-block;
          width: 35px;
          height: 35px;
          margin: 0 5px;
          border-radius: 50%;
          border: 2px solid white;
          transition: all 0.25s;

          .fa { line-height: 31px; }

          &:hover {
            color: $green;
            background-color: white;
          }
        }
      }
    }
  }

  @media (min-width: 768px) {
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
      url('../img/header-blur.jpg');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;

    .container {
      padding-top: 200px;
      padding-bottom: 100px;
    }

    .intro-text {
      .name {
        font-size: 4.75em;
      }

      .skills {
        font-size: 1.75em;
      }
    }
  }
}

// =========== ABOUT SECTION =========== //

#about {
  img.portrait {
    margin: 0 auto;
    width: 75%;
    max-width: 300px;
    @media (min-width: $screen-lg-min) {
      width: auto;<commit_msg>Display banner image on mobile instead of green background<commit_after>// =========== HEADER (Banner Image) =========== //

.page-banner {
  margin-top: -$header-height;
  text-align: center;
  color: #fff;
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('../img/header-blur.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  .container {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  img {
    display: block;
    margin: 0 auto 20px;
    width: 25%;
  }

  .intro-text {
    .name {
      display: block;
      text-transform: uppercase;
      font-family: $montserrat;
      font-size: 2em;
      font-weight: 700;
    }

    .skills {
      font-size: 1.25em;
      font-weight: 300;
    }

    .social {
      padding: 0;
      margin: 1em 0;
      list-style: none;
      font-size: 1.2em;

      li {
        display: inline-block;
        padding: 0;

        a {
          color: white;
          display: inline-block;
          width: 35px;
          height: 35px;
          margin: 0 5px;
          border-radius: 50%;
          border: 2px solid white;
          transition: all 0.25s;

          .fa { line-height: 31px; }

          &:hover {
            color: $green;
            background-color: white;
          }
        }
      }
    }
  }

  @media (min-width: 768px) {
    .container {
      padding-top: 200px;
      padding-bottom: 100px;
    }

    .intro-text {
      .name {
        font-size: 4.75em;
      }

      .skills {
        font-size: 1.75em;
      }
    }
  }
}

// =========== ABOUT SECTION =========== //

#about {
  img.portrait {
    margin: 0 auto;
    width: 75%;
    max-width: 300px;
    @media (min-width: $screen-lg-min) {
      width: auto;
{'fraction_non_alphanumeric': 0.1558872305140962, 'fraction_numerical': 0.04007739082365948, 'mean_word_length': 1.605471562275018, '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': '6778587', 'n_tokens_mistral': 1417, 'n_tokens_neox': 1234, 'n_words': 282}