<commit_before><template>
  <div>
    <p class="message">{{ message }}<span v-if="url && urlText"> &nbsp; | &nbsp; <a  @click="$mixpanel.track('Announcement - Website', { url: url })" :href="url" class="link" target="_blank">{{ urlText }}</a><a href="#" class="close"><img src="/images/close/small-light.png" @click.prevent="hide" class="close-image" width="9" alt="Close"></a></span></p>
  </div>
</template>

<script>
  export default {
    computed: {
      message () {
        return this.$store.getters['announcement/message']
      },
      url () {
        return this.$store.getters['announcement/url']
      },
      urlText () {
        return this.$store.getters['announcement/urlText']
      }
    },
    methods: {
      hide () {
        this.$mixpanel.track('Announcement - Hide')
        this.$store.dispatch('announcement/hide')
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import '~assets/css/settings';
  
  .close {
    display: none;
    position: absolute;
    right: 10px;
    top: 18px;
    @include tweakpoint('min-width', $tweakpoint--default) {
      display: inline-block;
      right: 20px;
    }
  }
  
  .link {
    color: $color--gallery;
  }
  
  .message {
    text-align: center;
    color: $color--gallery;
    font-size: .9rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
</style>
<commit_msg>Fixes #60<commit_after><template>
  <div>
    <p class="message">{{ message }}<span v-if="url && urlText"> &nbsp; | &nbsp; <a  @click="$mixpanel.track('Announcement - Website', { url: url })" :href="url" class="link" target="_blank">{{ urlText }}</a></span><a href="#" class="close"><img src="/images/close/small-light.png" @click.prevent="hide" class="close-image" width="9" alt="Close"></a></p>
  </div>
</template>

<script>
  export default {
    computed: {
      message () {
        return this.$store.getters['announcement/message']
      },
      url () {
        return this.$store.getters['announcement/url']
      },
      urlText () {
        return this.$store.getters['announcement/urlText']
      }
    },
    methods: {
      hide () {
        this.$mixpanel.track('Announcement - Hide')
        this.$store.dispatch('announcement/hide')
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import '~assets/css/settings';

  .close {
    display: none;
    position: absolute;
    right: 10px;
    top: 18px;
    @include tweakpoint('min-width', $tweakpoint--default) {
      display: inline-block;
      right: 20px;
    }
  }

  .link {
    color: $color--gallery;
  }

  .message {
    text-align: center;
    color: $color--gallery;
    font-size: .9rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
</style>

{'fraction_non_alphanumeric': 0.1894160583941606, 'fraction_numerical': 0.00948905109489051, 'mean_word_length': 2.664438502673797, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, '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': '2535928', 'n_tokens_mistral': 972, 'n_tokens_neox': 941, 'n_words': 173}