<commit_before>@import compass

$background-image-url: url('/img/background.gif')
$message-font-size:    18px
$message-line-height:  $message-font-size * 2.5
$fontcolor:            #888
$card-width:           640px
$card-height:          360px
$footer-font-size:     12px
$footer-top-margin:    30px

=cardsize
  width: $card-width
  height: $card-height

=fullsize
  width: 100%
  height: 100%

body
  color: $fontcolor
  text-shadow: 0px 0px 1px #ccc
  background-image: $background-image-url

#container
  +cardsize
  +perspective(3000px)
  position: relative
  margin: auto
  margin-top: 50px

#card
  +fullsize
  +transform-style(preserve-3d)
  +transition(transform 1s)
  position: absolute

#card > *
  +fullsize
  +backface-visibility(hidden)
  +box-shadow(0 0 50px #888)
  display: block
  position: absolute

#card .image

#card .message
  +background-image(radial-gradient($card-width/2 $card-height/2, #fff $card-width/3, #eee $card-width))
  +transform(rotateY(180deg))
  font-size: $message-font-size
  line-height: $message-line-height
  text-align: center

#card .message p
  +cardsize
  display: table-cell
  vertical-align: middle

#card.flipped
  +transform(rotateY(-180deg))

footer
  +text-shadow(0 0 1px #ccc)
  text-align: center
  font-size: $footer-font-size
  margin-top: $footer-top-margin

a
  +text-shadow(0 0 1px #888)
  color: $fontcolor
  text-decoration: none
  &:hover
    +text-shadow(0 0 1px #444)<commit_msg>Modify link style<commit_after>@import compass

$background-image-url: url('/img/background.gif')
$message-font-size:    18px
$message-line-height:  $message-font-size * 2.5
$fontcolor:            #888
$card-width:           640px
$card-height:          360px
$footer-font-size:     12px
$footer-top-margin:    30px

=cardsize
  width: $card-width
  height: $card-height

=fullsize
  width: 100%
  height: 100%

body
  color: $fontcolor
  text-shadow: 0px 0px 1px #ccc
  background-image: $background-image-url

#container
  +cardsize
  +perspective(3000px)
  position: relative
  margin: auto
  margin-top: 50px

#card
  +fullsize
  +transform-style(preserve-3d)
  +transition(transform 1s)
  position: absolute

#card > *
  +fullsize
  +backface-visibility(hidden)
  +box-shadow(0 0 50px #888)
  display: block
  position: absolute

#card .image

#card .message
  +background-image(radial-gradient($card-width/2 $card-height/2, #fff $card-width/3, #eee $card-width))
  +transform(rotateY(180deg))
  font-size: $message-font-size
  line-height: $message-line-height
  text-align: center

#card .message p
  +cardsize
  display: table-cell
  vertical-align: middle

#card.flipped
  +transform(rotateY(-180deg))

footer
  +text-shadow(0 0 1px #ccc)
  text-align: center
  font-size: $footer-font-size
  margin-top: $footer-top-margin

a
  +text-shadow(0 0 1px #888)
  color: $fontcolor
  &:hover
    +text-shadow(0 0 1px #333)
{'fraction_non_alphanumeric': 0.1337979094076655, 'fraction_numerical': 0.04529616724738676, 'mean_word_length': 3.5427215189873418, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2445574', 'n_tokens_mistral': 1160, 'n_tokens_neox': 1063, 'n_words': 235}