<commit_before>@import (reference) "../../utils/global.less";

* {
  font-family: 'Quattrocento', serif;
}

html, body, .f-page {
  width: 100%;
  height: 100%;
}

.f-home {
  width: 100%;
  height: 100%;
}

.f-background {
  position: relative;
  width: 100%;
  height: 180vh;
  overflow: hidden;
  @media(max-width: 1200px) {
    height: 160vh;
  }
  @media(max-width: 910px) {
    height: 120vh;
  }
  @media(max-width: 640px) {
    height: 80vh;
  }
}

.f-abstract {
  background: @bgShapeColor;
  position: absolute;
}

.abstract-1 {
  width: 100%;
  height: 600px;
  right: -50%;
  top: -610px;
  transform-origin: left bottom;
  transform: rotate(42deg);
}

.abstract-2 {
  width: 175%;
  height: 100vh;
  right: 0;
  top: 43vw;
  transform-origin: right top;
  transform: rotate(-20deg);
  @media(max-width: 780px) {
      top: 42vh;
  }
  @media(max-width: 420px) {
      top: 40vh;
  }
}

@perspective: 100;
@translateZ: -50;
@scaleFactor: 1 + (@translateZ * -1) / @perspective;
.parallax {
  perspective: unit(@perspective, px);
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  perspective-origin-x: 100%;
  &-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin-x: 100%;
    &-background {
      transform: translateZ(unit(@translateZ, px)) scale(@scaleFactor);
    }
    &-foreground {
      transform: translateZ(0);
    }
  }
}

.f-contents {
  padding-top: 8vh;
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
  .f-author-logo {
      box-shadow: 0px 0px 0px 2px #FEFEFE;
  }
  .f-sitelogo {
    width: 100%;
    font-size: 8em;
    height: 1em;
    a {
      color: @fontColor;
    }
  }
  .f-author-bio {
    max-width: 450px;
    margin: 0px auto;
    font-size: 1.4em;
    color: @fontColor;
  }
  .f-icons-container {
    font-size: 2.4em;
    margin: 0.6em 0em;
    .f-icon {
      margin: 0em 0.6em;
      color: @primaryColor;
    }
  }
  .f-recent-posts-wrap {
    margin-top: 4em;
  }
  footer {
    width: 100%;
    height: 10em;
    line-height: 10em;
    vertical-align: middle;
    text-align: center;
    color: @fontColorLight;
    span {
      font-weight: bold;
      color: @fontColorHighLighted;
    }

  }
}<commit_msg>Home Parallax :: Only keep one pattern<commit_after>@import (reference) "../../utils/global.less";

* {
  font-family: 'Quattrocento', serif;
}

html, body, .f-page {
  width: 100%;
  height: 100%;
}

.f-home {
  width: 100%;
  height: 100%;
}

@perspective: 1;
@translateZ: -1;
@scaleFactor: 1 + (@translateZ * -1) / @perspective;
.parallax {
  perspective: unit(@perspective, px);
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  perspective-origin-x: 100%;
  &-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin-x: 100%;
    &-background {
      transform: translateZ(unit(@translateZ, px)) scale(@scaleFactor);
    }
    &-foreground {
      transform: translateZ(0);
    }
  }
}

.f-abstract-1 {
  height: 50vw;
  background: white;
  &::after {
    content: ' ';
    display: block;
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50vw 50vw 0;
    border-color: transparent #F0F0F0 transparent transparent;
  }
  .DEVICE_MOBILE({
    display: none;
  });
}

.f-contents {
  padding-top: 8vh;
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
  .f-sitelogo {
    width: 100%;
    font-size: 8em;
    height: 1em;
    a {
      color: @fontColor;
    }
  }
  .f-author-bio {
    max-width: 450px;
    margin: 0px auto;
    font-size: 1.4em;
    color: @fontColor;
    .DEVICE_MOBILE({
      margin: 0em 1em;
    });
  }
  .f-icons-container {
    font-size: 2.4em;
    margin: 0.6em 0em;
    .f-icon {
      margin: 0em 0.6em;
      color: @primaryColor;
    }
  }
  .f-recent-posts-wrap {
    margin-top: 4em;
  }
  footer {
    width: 100%;
    height: 10em;
    line-height: 10em;
    vertical-align: middle;
    text-align: center;
    color: @fontColorLight;
    span {
      font-weight: bold;
      color: @fontColorHighLighted;
    }
  }
}
{'fraction_non_alphanumeric': 0.1575492341356674, 'fraction_numerical': 0.05081449063943593, 'mean_word_length': 2.3943894389438944, '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': '6518238', 'n_tokens_mistral': 1819, 'n_tokens_neox': 1623, 'n_words': 354}