<commit_before><template>
  <div class="wrapper">
    <a v-if="item.website" :href="item.website" @click="$mixpanel.track('DApp - Website', { url: item.website })" class="link" target="_blank">Visit website<span v-if="item.isNsfw"> (NSFW)</span></a>
  </div>
</template>

<script>
  export default {
    computed: {
      item () {
        return this.$store.getters['dapp/active']
      }
    }
  }
</script>

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

  .link {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    text-decoration: none;
    padding: 15px 25px;
    color: $color--gallery;
    background: $color--mine-shaft;
    box-shadow: 0 17px 70px rgba($color--mine-shaft,.4);
    @include tweakpoint('min-width', $tweakpoint--default) {
      padding: 20px 40px;
      font-size: 1.1rem;
    }
  }

  .wrapper {
    text-align: center;
  }
</style><commit_msg>Add launch dapp CTA on detail page<commit_after><template>
  <div v-if="item.dappUrl || item.website" class="wrapper">
    <span v-if="item.dappUrl === item.website">
      <a v-if="item.website" :href="item.website" @click="$mixpanel.track('DApp - Website/Launch DApp', { url: item.website })" class="link" target="_blank">Launch ÐApp/Website<span v-if="item.isNsfw"> (NSFW)</span></a>
    </span>
    <span v-else>
      <a v-if="item.dappUrl" :href="item.dappUrl" @click="$mixpanel.track('DApp - Launch DApp', { url: item.dappUrl })" class="link" target="_blank">Launch ÐApp<span v-if="item.isNsfw"> (NSFW)</span></a>
      <a v-if="item.website" :href="item.website" @click="$mixpanel.track('DApp - Website', { url: item.website })" class="link" target="_blank">Visit website<span v-if="item.isNsfw"> (NSFW)</span></a>
    </span>
  </div>
</template>

<script>
  export default {
    computed: {
      item () {
        return this.$store.getters['dapp/active']
      }
    }
  }
</script>

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

  .link {
    position: relative;
    display: inline-block;
    margin: 10px 0 10px 6px;
    text-decoration: none;
    padding: 15px 25px;
    color: $color--gallery;
    background: $color--mine-shaft;
    box-shadow: 0 17px 70px rgba($color--mine-shaft,.4);
    @include tweakpoint('min-width', $tweakpoint--default) {
      padding: 20px 40px;
      font-size: 1.1rem;
    }
  }

  .wrapper {
    text-align: center;
  }
</style>
{'fraction_non_alphanumeric': 0.18900915903413823, 'fraction_numerical': 0.01706910907577019, 'mean_word_length': 3.2231985940246046, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '5905796', 'n_tokens_mistral': 932, 'n_tokens_neox': 865, 'n_words': 170}