<commit_before>/**
 * Copyright 2014 Google Inc. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

$name: 'page-home';

@import '../base/_layout';
@import '../base/_color';
@import '../base/_breakpoints';
@import '../base/_typography';


##{$name} {

// Homepage doesn't include top-left io logo.
.masthead {
  core-toolbar {
    .io-logo {
      display: none;
    }
  }
}

.masthead-container {
  .io-logo {
    display: inline-block;
  }
}

.home-photo {
  background: url(../images/home/Image-01.jpg) no-repeat 50% 0;
  background-size: cover;
  height: 310px;
}

.page__section--attend {
  position: relative;
  color: #fff;
  @extend .bg-globe;

  .attend__cityname {
    color: $color-cyan-A400;
    height: 48px; // same as line height.
  }

  .attend__globe {
    min-height: 150px;
  }
}

.registration__card {
  core-icon {
    margin-right: 15px;
  }
}

#join {
  h2 {
    max-width: 300px;
  }

  .join__social {
    a {
      margin-bottom: 15px;
    }

    core-icon {
      margin-left: 5px;
    }
  }
  .social-post {
    header {
      color: $color-gray;
      margin-bottom: $tabletKeyline;
    }
  }
}

@media (max-width: $phone-breakpoint-max) {
  .registration__card {
    .card {
      border-bottom: 1px solid $color-light-grey-border;
    }
  }
}

@media (min-width: $tablet-breakpoint-min) {
  $overlayCardTop: 180px;

  .io__hash {
    margin: 80px auto;
  }

  .masthead-container {
    .io-logo {
      width: 256px;
      height: 184px;
    }
  }

  .home-photo {
    height: 745px;
    margin-top: -146px;
  }

  #registration {
    position: relative;
    margin-bottom: -264px;
    .registration__setreminder {
      background: #fff;
      color: $color-cyan-A700;
      position: absolute;
      top: 40px;
      right: $desktopKeyline;
    }
  }
  .page__section--attend {
    margin-bottom: -153px;
  }
  .attend__globe {
    height: 500px;
  }
  #join {
    position: relative;
    margin-top: -144px;
    padding-top: $overlayCardTop;

    .join__social {
      position: absolute;
      top: $overlayCardTop;
      right: $desktopKeyline;
    }
  }
}

@media (min-width: $desktop-breakpoint-mid) {
  #registration {
    margin-bottom: -248px;
  }
  .home-photo {
    margin-top: -182px;
  }
  .page__section--attend {
    margin-bottom: -201px;
  }
}

@media (min-width: $desktop-breakpoint-max) {
  .home-photo {
    margin-top: -134px;
  }
  .page__section--attend {
    margin-bottom: -153px;
  }
}

@media (min-resolution: 2.0dppx), (-webkit-min-device-pixel-ratio: 2), (min-width: $tablet-breakpoint-min) {
  .card__photo--recap  {
    background-image: url(../images/home/recap-500@2x.jpg);
  }
}

}
<commit_msg>1px adjust now that ripple container has changed locations<commit_after>/**
 * Copyright 2014 Google Inc. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

$name: 'page-home';

@import '../base/_layout';
@import '../base/_color';
@import '../base/_breakpoints';
@import '../base/_typography';


##{$name} {

// Homepage doesn't include top-left io logo.
.masthead {
  core-toolbar {
    .io-logo {
      display: none;
    }
  }
}

.masthead-container {
  .io-logo {
    display: inline-block;
  }
}

.home-photo {
  background: url(../images/home/Image-01.jpg) no-repeat 50% 0;
  background-size: cover;
  height: 310px;
}

.page__section--attend {
  position: relative;
  color: #fff;
  @extend .bg-globe;

  .attend__cityname {
    color: $color-cyan-A400;
    height: 48px; // same as line height.
  }

  .attend__globe {
    min-height: 150px;
  }
}

.registration__card {
  core-icon {
    margin-right: 15px;
  }
}

#join {
  h2 {
    max-width: 300px;
  }

  .join__social {
    a {
      margin-bottom: 15px;
    }

    core-icon {
      margin-left: 5px;
    }
  }
  .social-post {
    header {
      color: $color-gray;
      margin-bottom: $tabletKeyline;
    }
  }
}

@media (max-width: $phone-breakpoint-max) {
  .registration__card {
    .card {
      border-bottom: 1px solid $color-light-grey-border;
    }
  }
}

@media (min-width: $tablet-breakpoint-min) {
  $overlayCardTop: 180px;

  .io__hash {
    margin: 80px auto;
  }

  .masthead-container {
    .io-logo {
      width: 256px;
      height: 184px;
    }
  }

  .home-photo {
    height: 745px;
    margin-top: -147px;
  }

  #registration {
    position: relative;
    margin-bottom: -264px;
    .registration__setreminder {
      background: #fff;
      color: $color-cyan-A700;
      position: absolute;
      top: 40px;
      right: $desktopKeyline;
    }
  }
  .page__section--attend {
    margin-bottom: -153px;
  }
  .attend__globe {
    height: 500px;
  }
  #join {
    position: relative;
    margin-top: -144px;
    padding-top: $overlayCardTop;

    .join__social {
      position: absolute;
      top: $overlayCardTop;
      right: $desktopKeyline;
    }
  }
}

@media (min-width: $desktop-breakpoint-mid) {
  #registration {
    margin-bottom: -248px;
  }
  .home-photo {
    margin-top: -183px;
  }
  .page__section--attend {
    margin-bottom: -201px;
  }
}

@media (min-width: $desktop-breakpoint-max) {
  .home-photo {
    margin-top: -135px;
  }
  .page__section--attend {
    margin-bottom: -153px;
  }
}

@media (min-resolution: 2.0dppx), (-webkit-min-device-pixel-ratio: 2), (min-width: $tablet-breakpoint-min) {
  .card__photo--recap  {
    background-image: url(../images/home/recap-500@2x.jpg);
  }
}

}

{'fraction_non_alphanumeric': 0.14056911833307417, 'fraction_numerical': 0.028144923029077906, 'mean_word_length': 2.4899620184481823, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 2, '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': '7189658', 'n_tokens_mistral': 2488, 'n_tokens_neox': 2302, 'n_words': 524}