<commit_before>// Copyright (C) <NAME> 2014
//
// This file is part of ASLO.
//
// ASLO is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// ASLO is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with ASLO.  If not, see <http://www.gnu.org/licenses/>.

@import util

.all-activities
  margin-top: 15px

  .search
    float: none
    clear: both
    display: block

    +center()
    padding: 10px

    width: 100%
    max-width: #{ $maxw }

    font-size: 1.25em
    color: $black

    background-color: rgba(0,0,0,0)
    border: none
    border-bottom: 3px solid $gray

=colorClass($y, $cat)
  .categories i[filter="#{ $cat }"]
    color: $y

  .categories i[filter="#{ $cat }"].checked
    color: $white
    background-color: $y

  ul.activities > .activity.category-#{ $cat }
    background-color: $y

+colorClass($red,     game)
+colorClass($yellow,  programming)
+colorClass($black,   robotics)
+colorClass($green,   science)
+colorClass($blue,    internet)
+colorClass($aqua,    maths)
+colorClass($lime,    language)
+colorClass($olive,   geography)
+colorClass($navy,    documents)
+colorClass($orange,  music)
+colorClass($purple,  media)
+colorClass($fuchsia, art)
+colorClass($black,   teacher)
+colorClass($black,   system)

.categories
  margin-top: 10px
  +center()
  max-width: #{ $maxw }

  .any
    color: $black
  .any.checked
    color: $white
    background: linear-gradient($red, $yellow)
    box-shadow: 1px 1px 2px $green, -1px -1px 2px $blue

  .fa
    padding: 7px
    height: 1em   // Because 1em = 1 x the font size!?
    width: 1em

    text-align: center
    border-radius: 50%
    display: inline-block

    text-shadow: 0 0 0 transparent
    transition: 0.5s ease all

    &:hover
      text-shadow: 1px 3px 3px $black

ul.activities
  max-width: #{ $maxw }
  +center()
  padding-left: 0

  list-style: none
  overflow: hidden

  .activity
    display: block
    float: left

    width: 30%
    margin-right: 1%
    margin-bottom: 2%
    padding: 1%

    border-radius: 5px
    text-align: center

    background-color: $blue
    text-decoration: none

    img.icon
      display: block
      +center()
      background-color: rgba(255, 255, 255, 0.5)

      padding: 5px
      border-radius: 5px
      width: 55px
      height: 55px

    span
      color: $white
      font-weight: bold
      font-size: 1.25em

      word-wrap: break-word

    +hover_shrink(0.95)


.recommended-activities-container
  +center()
  max-width: #{ $maxw }<commit_msg>Fix activity label text overflow!<commit_after>// Copyright (C) <NAME> 2014
//
// This file is part of ASLO.
//
// ASLO is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// ASLO is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with ASLO.  If not, see <http://www.gnu.org/licenses/>.

@import util

.all-activities
  margin-top: 15px

  .search
    float: none
    clear: both
    display: block

    +center()
    padding: 10px

    width: 100%
    max-width: #{ $maxw }

    font-size: 1.25em
    color: $black

    background-color: rgba(0,0,0,0)
    border: none
    border-bottom: 3px solid $gray

=colorClass($y, $cat)
  .categories i[filter="#{ $cat }"]
    color: $y

  .categories i[filter="#{ $cat }"].checked
    color: $white
    background-color: $y

  ul.activities > .activity.category-#{ $cat }
    background-color: $y

+colorClass($red,     game)
+colorClass($yellow,  programming)
+colorClass($black,   robotics)
+colorClass($green,   science)
+colorClass($blue,    internet)
+colorClass($aqua,    maths)
+colorClass($lime,    language)
+colorClass($olive,   geography)
+colorClass($navy,    documents)
+colorClass($orange,  music)
+colorClass($purple,  media)
+colorClass($fuchsia, art)
+colorClass($black,   teacher)
+colorClass($black,   system)

.categories
  margin-top: 10px
  +center()
  max-width: #{ $maxw }

  .any
    color: $black
  .any.checked
    color: $white
    background: linear-gradient($red, $yellow)
    box-shadow: 1px 1px 2px $green, -1px -1px 2px $blue

  .fa
    padding: 7px
    height: 1em   // Because 1em = 1 x the font size!?
    width: 1em

    text-align: center
    border-radius: 50%
    display: inline-block

    text-shadow: 0 0 0 transparent
    transition: 0.5s ease all

    &:hover
      text-shadow: 1px 3px 3px $black

ul.activities
  max-width: #{ $maxw }
  +center()
  padding-left: 0

  list-style: none
  overflow: hidden

  .activity
    display: block
    float: left

    width: 30%
    margin-right: 1%
    margin-bottom: 2%
    padding: 1%

    border-radius: 5px
    text-align: center

    background-color: $blue
    text-decoration: none

    img.icon
      display: block
      +center()
      background-color: rgba(255, 255, 255, 0.5)

      padding: 5px
      border-radius: 5px
      width: 55px
      height: 55px

    span
      display: block
      height: 1.3em
      overflow: hidden
      text-overflow: ellipsis

      color: $white
      font-weight: bold
      font-size: 1.25em

    +hover_shrink(0.95)


.recommended-activities-container
  +center()
  max-width: #{ $maxw }
{'fraction_non_alphanumeric': 0.11923847695390781, 'fraction_numerical': 0.024716098864395457, 'mean_word_length': 2.7454659161976234, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '1333547', 'n_tokens_mistral': 2141, 'n_tokens_neox': 1963, 'n_words': 630}