<commit_before>// Cover.less

@import '../variables.less';
@import '../less-mixins-and-utils.less';

body {
  margin-top: @navigationBarHeight;
}

footer,
.Footer {
  @media
  (max-width: 767px),
  (max-device-width: 767px) {
    margin-top: 0 !important;
  }
}

.Cover {
  text-align: center;
  transform-style: preserve-3d;

  .CoverInner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  p {
    margin-top: 1em;
    margin-bottom: 1em;
    color: @accentColorSecondary;

    @media
    (orientation: landscape) and
    (max-device-width: 560px) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      font-size: 1em;
    }
  }

  a,
  a:hover,
  a:active,
  a:visited {
    text-decoration: none;
  }

  .SectionTitle,
  .SectionTitle:hover,
  .SectionTitle:active,
  .SectionTitle:visited {
    text-transform: uppercase;
    display: block;
    margin-top: -25px; // 50% of navigation bar height
    color: #3d3d3d;
    font-size: 84px;
    font-weight: 900;
    line-height: 64px;
    letter-spacing: -0.05em;

    @media
    (max-width: 767px),
    (max-device-width: 767px) {
      font-size: 4em;
      line-height: 0.8;
    }

    @media
    (max-width: 550px),
    (max-device-width: 550px) {
      font-size: 2.15em;
    }
  }

  a.MoreInformation,
  a.MoreInformation:hover,
  a.MoreInformation:active,
  a.MoreInformation:visited {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.125em;
    color: white;
    background-color: @accentColorPrimary;
    padding: 0.695em 1.5em;
    border-radius: 26px;
  }

  .ScrollToNextSectionArrow {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    width: auto;
    font-size: 48px;

    @media
    (max-width: 599px),
    (max-device-width: 599px) {
      bottom: -4px;
    }

    @media
    (orientation: landscape) and
    (max-device-width: 560px) {
      font-size: 2em;
    }

    @media
    (orientation: portrait) and
    (max-device-width: 500px) {
      font-size: 2em;
    }

    .ScrollToNextSectionArrowButton {
      color: @accentColorPrimary;
    }
  }
}

.Cover.UserExperienceDesignCover {
  
}

.Cover.SoftwareDevelopmentCover {
  @softwareDevelopmentCoverShadowDark: 0 0 6px darken(@accentColorPrimary, 20%);
  @softwareDevelopmentCoverShadowLight: 0 0 7px @accentColorPrimary;
  background-color: @accentColorPrimary;
  .background-size-cover('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Software-Development.png');
  
  // Background image for browsers that support SVG
  background-image:
    url(http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Software-Development.svg),
    linear-gradient(transparent, transparent);

  p {
    color: white;
    text-shadow: @softwareDevelopmentCoverShadowDark;
  }

  .SectionTitle,
  .SectionTitle:hover,
  .SectionTitle:active,
  .SectionTitle:visited {
    color: white;
    text-shadow: @softwareDevelopmentCoverShadowLight;
  }

  a.MoreInformation,
  a.MoreInformation:hover,
  a.MoreInformation:active,
  a.MoreInformation:visited {
    color: @accentColorPrimary;
    background-color: white;
    box-shadow: @softwareDevelopmentCoverShadowLight;
  }

  .ScrollToNextSectionArrowButton {
      color: white;
    }
}

.Cover.ProjectsCover {
  
}<commit_msg>Add cover image to projects section<commit_after>// Cover.less

@import '../variables.less';
@import '../less-mixins-and-utils.less';

body {
  margin-top: @navigationBarHeight;
}

footer,
.Footer {
  @media
  (max-width: 767px),
  (max-device-width: 767px) {
    margin-top: 0 !important;
  }
}

.Cover {
  text-align: center;
  transform-style: preserve-3d;

  .CoverInner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  p {
    margin-top: 1em;
    margin-bottom: 1em;
    color: @accentColorSecondary;

    @media
    (orientation: landscape) and
    (max-device-width: 560px) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      font-size: 1em;
    }
  }

  a,
  a:hover,
  a:active,
  a:visited {
    text-decoration: none;
  }

  .SectionTitle,
  .SectionTitle:hover,
  .SectionTitle:active,
  .SectionTitle:visited {
    text-transform: uppercase;
    display: block;
    margin-top: -25px; // 50% of navigation bar height
    color: #3d3d3d;
    font-size: 84px;
    font-weight: 900;
    line-height: 64px;
    letter-spacing: -0.05em;

    @media
    (max-width: 767px),
    (max-device-width: 767px) {
      font-size: 4em;
      line-height: 0.8;
    }

    @media
    (max-width: 550px),
    (max-device-width: 550px) {
      font-size: 2.15em;
    }
  }

  a.MoreInformation,
  a.MoreInformation:hover,
  a.MoreInformation:active,
  a.MoreInformation:visited {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.125em;
    color: white;
    background-color: @accentColorPrimary;
    padding: 0.695em 1.5em;
    border-radius: 26px;
  }

  .ScrollToNextSectionArrow {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    width: auto;
    font-size: 48px;

    @media
    (max-width: 599px),
    (max-device-width: 599px) {
      bottom: -4px;
    }

    @media
    (orientation: landscape) and
    (max-device-width: 560px) {
      font-size: 2em;
    }

    @media
    (orientation: portrait) and
    (max-device-width: 500px) {
      font-size: 2em;
    }

    .ScrollToNextSectionArrowButton {
      color: @accentColorPrimary;
    }
  }
}

.Cover.UserExperienceDesignCover {
  
}

.Cover.SoftwareDevelopmentCover {
  @softwareDevelopmentCoverShadowDark: 0 0 6px darken(@accentColorPrimary, 20%);
  @softwareDevelopmentCoverShadowLight: 0 0 7px @accentColorPrimary;
  background-color: @accentColorPrimary;
  .background-size-cover('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Software-Development.png');
  
  // Background image for browsers that support SVG
  background-image:
    url(http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Software-Development.svg),
    linear-gradient(transparent, transparent);

  p {
    color: white;
    text-shadow: @softwareDevelopmentCoverShadowDark;
  }

  .SectionTitle,
  .SectionTitle:hover,
  .SectionTitle:active,
  .SectionTitle:visited {
    color: white;
    text-shadow: @softwareDevelopmentCoverShadowLight;
  }

  a.MoreInformation,
  a.MoreInformation:hover,
  a.MoreInformation:active,
  a.MoreInformation:visited {
    color: @accentColorPrimary;
    background-color: white;
    box-shadow: @softwareDevelopmentCoverShadowLight;
  }

  .ScrollToNextSectionArrowButton {
      color: white;
    }
}

.Cover.ProjectsCover {
  &.HomePageCover {
    margin-bottom: 1.625em;
    border-bottom: 1px solid #dfdfdf;

    @media
    (max-width: 767px),
    (max-device-width: 767px) {
      margin-bottom: 1.5em;
    }
  }

  .background-size-cover('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Projects-Wide-v5-1280px.jpg');

  @media
  (min-width: 1281px),
  (min-height: 901px) {
    background-image: url('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Projects-Wide-v5-2560px.jpg');
  }

  @media
  (min-width: 1000px) and
  (min-device-pixel-ratio: 1.5) {
    background-image: url('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Projects-Wide-v5-2560px.jpg');
  }

  @media
  (min-width: 2800px) {
    background-image: url('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Projects-Wide-v5-4K.jpg');
  }

  @media
  (min-width: 1920px) and
  (min-device-pixel-ratio: 1.5) {
    background-image: url('http://static.tonikarttunen.com/static/src/components/Cover/images/Cover-Background-Projects-Wide-v5-4K.jpg');
  }
}
{'fraction_non_alphanumeric': 0.13489025012761613, 'fraction_numerical': 0.032542113323124046, 'mean_word_length': 2.9964303926568077, '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': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4800472', 'n_tokens_mistral': 3131, 'n_tokens_neox': 2773, 'n_words': 466}