JSFiddle - React, Tailwind, and code Playground

Daily recap email (top section)

by tonytlwu

HTML

<h1>Fliplet Daily Report - Thu 11 Jun 2020</h1>

<p>Good Morning Team!</p>

<p>Here is your daily stat update from yesterday.</p>

<ul>
  <li>3 new users signed up</li>
  <li>3 new apps were created</li>
  <li>5 app launches were recorded</li>
</ul>

<h1>3 new users signed up</h1>

<!-- Excludes users created by organizations.settings.internal = true, i.e. Fliplet or QA -->

<h2>1 from paying customers</h2>

<p><strong>Acme Inc.</strong></p>

<ul>
  <li>[email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<h2>2 from free users</h2>

<p><strong>Apple</strong></p>

<ul>
  <li>[email protected] (<a href="#">LinkedIn</a>)</li>
  <li>[email protected] (<a href="#">LinkedIn</a>) was invited by [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<!-- Excludes apps created by organizations.settings.internal = true, i.e. Fliplet or QA-->

<h1>3 new apps were created</h1>

<h2>1 from paying customers</h2>

<p><strong>Acme Inc.</strong></p>

<ul>
  <li><strong>Demo app</strong> from [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<h2>2 from free users</h2>

<p><strong>Apple</strong></p>

<ul>
  <li><strong>Demo app</strong> from [email protected] (<a href="#">LinkedIn</a>)</li>
  <li><strong>Return to Office</strong> from [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<h1>5 app launches were recorded</h1>

<h2>3 from paying customers</h2>

<p><strong>Apple</strong></p>

<ul>
  <li>(web) Demo app by [email protected] (<a href="#">LinkedIn</a>)</li>
  <li><strong>NEW</strong>(ios) Demo app by [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<p><strong>Acme Inc.</strong></p>

<ul>
  <li><strong>UPDATE</strong> (android) Demo app by [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<h2>2 from free users</h2>

<p><strong>Apple 2</strong></p>

<ul>
  <li>(web) Demo app by [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>

<p><strong>Acme 2 Inc.</strong></p>

<ul>
  <li>(web) Demo app by [email protected] (<a href="#">LinkedIn</a>)</li>
</ul>