<commit_before><template>
  <a v-bind:href="'/app-details/' + card.id">
  <div class="card">
    <img class="card-img-top" v-bind:src="card.image_url" alt="App Icon">
    <div class="card-block text-xs-center">
      <h6 class="card-title">{{ card.title }}</h6>
      <p class="card-text">
        <small class="text-muted">
          <svg class="svg-icon icon-inverted-thumbs-up" width="16px" height="16px" viewBox="0 0 25 25">
            <use xlink:href="#iconThumbsUp"></use>
          </svg>
          {{ card.thumbs_up }}
        </small>
      </p>
    </div>
  </div>
  </a>
</template>

<script>
export default {
  name: 'single-card',
  props: {
    card: {
      id: '',
      title: '',
      type: '',
      image_url: '',
      thumbs_up: 0
    }
  }
}
</script>

<style lang="scss" scoped>
@import './static/css/_variables.scss';
    a {

        // Remove text decoration that comes from having the .card inside a "a"
        color: #373a3c;
        text-decoration: none;
        &:hover, &:focus {
            color: #373a3c;
            outline: none;
            text-decoration: none;
        }
        @media screen and (max-width: map-get($grid-breakpoints, lg)) {
          &:last-child, &:nth-last-child(2) {
            display: none;
          }
        }

        .card {
            max-width: 170px;

            .card-title {
              word-wrap: break-word;
            }

            // Make it smaller on small screens
            @media screen and (max-width: map-get($grid-breakpoints, sm)) {
                max-width: 32vw;
                display: inline-block;
                margin-bottom: .75rem;<commit_msg>A comment I forgot to commit last time<commit_after><template>
  <a v-bind:href="'/app-details/' + card.id">
  <div class="card">
    <img class="card-img-top" v-bind:src="card.image_url" alt="App Icon">
    <div class="card-block text-xs-center">
      <h6 class="card-title">{{ card.title }}</h6>
      <p class="card-text">
        <small class="text-muted">
          <svg class="svg-icon icon-inverted-thumbs-up" width="16px" height="16px" viewBox="0 0 25 25">
            <use xlink:href="#iconThumbsUp"></use>
          </svg>
          {{ card.thumbs_up }}
        </small>
      </p>
    </div>
  </div>
  </a>
</template>

<script>
export default {
  name: 'single-card',
  props: {
    card: {
      id: '',
      title: '',
      type: '',
      image_url: '',
      thumbs_up: 0
    }
  }
}
</script>

<style lang="scss" scoped>
@import './static/css/_variables.scss';
    a {

        // Remove text decoration that comes from having the .card inside a "a"
        color: #373a3c;
        text-decoration: none;
        &:hover, &:focus {
            color: #373a3c;
            outline: none;
            text-decoration: none;
        }

        @media screen and (max-width: map-get($grid-breakpoints, lg)) {
          // Remove 2 extra cards
          &:last-child, &:nth-last-child(2) {
            display: none;
          }
        }

        .card {
            max-width: 170px;

            .card-title {
              word-wrap: break-word;
            }

            // Make it smaller on small screens
            @media screen and (max-width: map-get($grid-breakpoints, sm)) {
                max-width: 32vw;
                display: inline-block;
                margin-bottom: .75rem;
{'fraction_non_alphanumeric': 0.15964391691394658, 'fraction_numerical': 0.017507418397626113, 'mean_word_length': 1.701121794871795, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '1680142', 'n_tokens_mistral': 1159, 'n_tokens_neox': 1099, 'n_words': 248}