---
title: "Trans Twitter Topics"
---
{{#extend "layout"}}

  {{#content "bodyClass"}}page ttt{{/content}}

  {{#content "body"}}

    <section class="ttt-grid">

    {{#each posts}}
    <div class="ttt-post {{#if flags.bordered}} bordered{{/if}}">
      <a href="{{this.url}}" class="ttt-tab">{{icon 'link'}} Permalink</a>
      <div class="ttt-wrap">{{{this.content}}}</div>
    </div>
    {{/each}}

    </section>

    <script>
      function reheight () {
        $('.ttt-wrap').each((i, el) => {
          const $wrap = $(el);
          const $cell = $wrap.closest('.ttt-post');

          const span = Math.ceil($wrap.height() / 20) + 2;
          $cell.css({ 'grid-row-end': 'span ' + span });
        })
      }
      $(() => {
        reheight();
        // window.addEventListener('scroll', reheight);
        window.addEventListener('resize', reheight);

      })
    </script>
  {{/content}}

{{/extend}}