{% assign bubble = site.data.bubbles[include.id] %}

<div class="bd-bubble is-{{ include.id }} js-bubble-{{ include.id }}" style="--h: {{ bubble.hue }}">
  <div class="bd-bubble-content">
    {{ bubble.content }}
  </div>

  <div class="bd-bubble-arrow"></div>

  <footer class="bd-bubble-author">
    <img src="{{ site.url }}/assets/images/twitter/{{ include.id }}.jpg" alt="Avatar of {{ bubble.name }}">
    <strong>{{ bubble.name }}</strong>
  </footer>
</div>
