<commit_before>
<ion-navbar *navbar class="show-navbar android-attr">
  <ion-title>Social Card</ion-title>
</ion-navbar>

<ion-content class="has-header components-demo cards-bg">

<ion-card>

  <ion-item>
    <ion-avatar item-left>
      <img src="img/marty-avatar.png">
    </ion-avatar>
    <h2><NAME></h2>
    <p>November 5, 1955</p>
  </ion-item>

  <img src="img/advance-card-bttf.png">

  <ion-card-content>
  <p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
  </ion-card-content>

  <ion-item actions class="demo-card">
    <button primary clear item-left>
      <icon thumbs-up></icon>
      <div style="color: #4b4b4b">12 Likes</div>
    </button>
    <button primary clear item-left>
      <icon text></icon>
      <div style="color: #4b4b4b">4 Comments</div>
    </button>
    <p item-left class="time-ago">
      11h ago      
    </p>
  </ion-item>

</ion-card>

<ion-card>

  <ion-item>
    <ion-avatar item-left>
      <img src="img/ian-avatar.png">
    </ion-avatar>
    <h2>Dr. <NAME></h2>
    <p>June 28, 1990</p>
  </ion-item>

  <img src="img/advance-card-jp.jpg">

  <ion-card-content>
  <p>Your scientists were so preoccupied with whether or not they could, that they didn't stop to think if they should.</p>
  </ion-card-content><commit_msg>docs(demos): add social card example<commit_after>
<ion-navbar *navbar class="show-navbar android-attr">
  <ion-title>Social Card</ion-title>
</ion-navbar>

<ion-content class="has-header components-demo cards-bg">

<ion-card>

  <ion-item>
    <ion-avatar item-left>
      <img src="img/marty-avatar.png">
    </ion-avatar>
    <h2><NAME></h2>
    <p>November 5, 1955</p>
  </ion-item>

  <img src="img/advance-card-bttf.png">

  <ion-card-content>
  <p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
  </ion-card-content>

  <ion-item actions class="demo-card">
    <button primary clear item-left>
      <icon thumbs-up></icon>
      <div style="color: #4b4b4b">12 Likes</div>
    </button>
    <button primary clear item-left>
      <icon text></icon>
      <div style="color: #4b4b4b">4 Comments</div>
    </button>
    <p item-left class="time-ago">
      11h ago      
    </p>
  </ion-item>

</ion-card>


<ion-card>

  <ion-item>
    <ion-avatar item-left>
      <img src="img/sarah-avatar.png.jpeg">
    </ion-avatar>
    <h2><NAME></h2>
    <p>May 12, 1984</p>
  </ion-item>

  <img src="img/advance-card-tmntr.jpg">

  <ion-card-content>
  <p>I face the unknown future, with a sense of hope. Because if a machine, a Terminator, can learn the value of human life, maybe we can too.</p>
  </ion-card-content>

  <ion-item actions class="demo-card">
    <button primary clear item-left>
      <icon thumbs-up></icon>
      <div style="color: #4b4b4b">30 Likes</div>
    </button>
    <button primary clear item-left>
      <icon text></icon>
      <div style="color: #4b4b4b">64 Comments</div>
    </button>
    <p item-left class="time-ago">
      30yr ago      
    </p>
  </ion-item>

</ion-card>


<ion-card>

  <ion-item>
    <ion-avatar item-left>
      <img src="img/ian-avatar.png">
    </ion-avatar>
    <h2>Dr. <NAME></h2>
    <p>June 28, 1990</p>
  </ion-item>

  <img src="img/advance-card-jp.jpg">

  <ion-card-content>
  <p>Your scientists were so preoccupied with whether or not they could, that they didn't stop to think if they should.</p>
  </ion-card-content>
{'fraction_non_alphanumeric': 0.1757558632382029, 'fraction_numerical': 0.020344730149759818, 'mean_word_length': 2.7539766702014847, 'pattern_counts': {'":': 0, '<': 144, '<?xml version=': 0, '>': 144, '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': '6536282', 'n_tokens_mistral': 1417, 'n_tokens_neox': 1334, 'n_words': 327}