<commit_before>@import ../darkswarm/branding
@import ../darkswarm/mixins

#welcome_page
  header
    text-align: center
    padding: 4em 2em
    @include fullbg
    background-image: url('/assets/home/tagline-bg.jpg')
    background-repeat: no-repeat
    background-position: center center
    margin-bottom: 2em
    p
      text-transform: uppercase
      font-weight: 300
    &, & *
      color: white
  section
    margin: 2em 0 0 0
    &, & *
      color: #5498da

  .description
    background-color: #eff5fc
    margin-top: -2em
    margin-bottom: 2em
    padding: 4em 2em 2em 1em 

  .admin-cta
    border: 1px solid #5498da
    @include border-radius(3px)
    text-align: center
    padding: 1em

  .error
    display: block
    color: white
    background: red
    margin-bottom: 1em
    padding: 0.5em
    font-style: oblique

  
  a.selector
    position: relative
    border: 2px solid black
    text-align: center
    width: 100%
    cursor: pointer
    &, & *
      color: white
    &:after, &:before
      top: 100%
      left: 50%
      border: solid transparent
      content: " "
      height: 0
      width: 0
      position: absolute
      pointer-events: none
    &:after
      border-color: rgba(136, 183, 213, 0)
      border-top-color: #5498da
      border-width: 12px
      margin-left: -12px
    &:hover
      &:after
        border-top-color: #9fc820    
    &:before
      border-color: rgba(84, 152, 218, 0)
      border-top-color: black
      border-width: 15px
      margin-left: -15px
    .bottom
      background: repeating-linear-gradient(60deg, rgba(84, 152, 218, 0), rgba(84, 152, 218, 0) 5px, rgba(255, 255, 255, 0.25) 5px, rgba(255, 255, 255, 0.25) 10px)
      margin-top: 1em
      margin-left: -15px
      margin-right: -15px
      padding: 5px
      text-transform: uppercase
    &.selected
      background-color: black
      &:after, &:hover &:after
        border-top-color: black



// #welcome_page
//   color: #000000
//   h1, h2, h3, h4, h5, h6
//     color: #000000

//   .big
//     font-weight: bold
//     font-size: 36px

//   .plain_text
//     font-size: 16px

//   #welcome
//     text-align: center
//     margin: 50px 0px
//     h1
//       margin-bottom: 10px

//   #next_steps
//     text-align: center
//     margin-bottom: 50px
//     h1
//       margin-bottom: 10px

//   .options
//     .option
//       a.selector
//         opacity: 1
//         display: block
//         cursor: pointer
//         border: 3px solid black
//         border-radius: 12px 12px 0px 0px
//         text-align: center
//         margin-bottom: 20px
//         .top
//           min-height: 113px
//           padding: 15px 8px
//           h2
//             margin-bottom: 10px
//         .bottom
//           border-top: 3px solid black
//           padding: 8px 0px

//         &:hover
//           opacity: 0.8

//         &.selected
//           color: #ffffff
//           background-color: #ff4444
//           border-color: #000000
//           h1, h2, h3, h4, h5, h6
//             color: #ffffff

//       &.disabled
//         color: #b0b0b0
//         .selector
//           border-color: #b0b0b0
//           h1, h2, h3, h4, h5, h6
//             color: #b0b0b0
//           .bottom
//             border-top-color: #b0b0b0

//       .description
//         font-size: 16px
//         text-align: justify<commit_msg>Tweak styling for error message to be consistent with other form error styling in admin<commit_after>@import ../darkswarm/branding
@import ../darkswarm/mixins

#welcome_page
  header
    text-align: center
    padding: 4em 2em
    @include fullbg
    background-image: url('/assets/home/tagline-bg.jpg')
    background-repeat: no-repeat
    background-position: center center
    margin-bottom: 2em
    p
      text-transform: uppercase
      font-weight: 300
    &, & *
      color: white
  section
    margin: 2em 0 0 0
    &, & *
      color: #5498da

  .description
    background-color: #eff5fc
    margin-top: -2em
    margin-bottom: 2em
    padding: 4em 2em 2em 1em 

  .admin-cta
    border: 1px solid #5498da
    @include border-radius(3px)
    text-align: center
    padding: 1em

  .error
    display: block
    color: #f57e80
    border: 1px solid #f57e80
    background-color: #fde6e7
    @include border-radius(3px)
    margin-bottom: 1em
    padding: 0.5em
  
  a.selector
    position: relative
    border: 2px solid black
    text-align: center
    width: 100%
    cursor: pointer
    &, & *
      color: white
    &:after, &:before
      top: 100%
      left: 50%
      border: solid transparent
      content: " "
      height: 0
      width: 0
      position: absolute
      pointer-events: none
    &:after
      border-color: rgba(136, 183, 213, 0)
      border-top-color: #5498da
      border-width: 12px
      margin-left: -12px
    &:hover
      &:after
        border-top-color: #9fc820    
    &:before
      border-color: rgba(84, 152, 218, 0)
      border-top-color: black
      border-width: 15px
      margin-left: -15px
    .bottom
      background: repeating-linear-gradient(60deg, rgba(84, 152, 218, 0), rgba(84, 152, 218, 0) 5px, rgba(255, 255, 255, 0.25) 5px, rgba(255, 255, 255, 0.25) 10px)
      margin-top: 1em
      margin-left: -15px
      margin-right: -15px
      padding: 5px
      text-transform: uppercase
    &.selected
      background-color: black
      &:after, &:hover &:after
        border-top-color: black



// #welcome_page
//   color: #000000
//   h1, h2, h3, h4, h5, h6
//     color: #000000

//   .big
//     font-weight: bold
//     font-size: 36px

//   .plain_text
//     font-size: 16px

//   #welcome
//     text-align: center
//     margin: 50px 0px
//     h1
//       margin-bottom: 10px

//   #next_steps
//     text-align: center
//     margin-bottom: 50px
//     h1
//       margin-bottom: 10px

//   .options
//     .option
//       a.selector
//         opacity: 1
//         display: block
//         cursor: pointer
//         border: 3px solid black
//         border-radius: 12px 12px 0px 0px
//         text-align: center
//         margin-bottom: 20px
//         .top
//           min-height: 113px
//           padding: 15px 8px
//           h2
//             margin-bottom: 10px
//         .bottom
//           border-top: 3px solid black
//           padding: 8px 0px

//         &:hover
//           opacity: 0.8

//         &.selected
//           color: #ffffff
//           background-color: #ff4444
//           border-color: #000000
//           h1, h2, h3, h4, h5, h6
//             color: #ffffff

//       &.disabled
//         color: #b0b0b0
//         .selector
//           border-color: #b0b0b0
//           h1, h2, h3, h4, h5, h6
//             color: #b0b0b0
//           .bottom
//             border-top-color: #b0b0b0

//       .description
//         font-size: 16px
//         text-align: justify
{'fraction_non_alphanumeric': 0.12505459309943223, 'fraction_numerical': 0.06696753530353763, 'mean_word_length': 1.5529542920847268, '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': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3823746', 'n_tokens_mistral': 2694, 'n_tokens_neox': 2318, 'n_words': 595}