Comment-Friendly Fake Twitter

First Threaded Reply.html

<raw-code><div style="border-top: 1px rgb(230, 236, 240) solid; max-width: 598px; font-family: 'Helvetica Neue', sans-serif; padding: 15px 15px 0;">
  <div style="display: flex">
    <div style="display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center;">
      <img src="https://v.dreamwidth.org/13274395/3477114" style="width: 49px; height: 49px; border-radius: 100%; min-width: 49px;" />
      <div style="width: 2px; background-color: rgb(204, 214, 221); flex-grow: 1; margin: 5px auto;"></div>
    </div>
    <div style="padding-left: 10px; flex-grow: 1;">
      <div><b>Shrike</b> <span style="color: rgb(101, 119, 134)">@<b></b>softlyfalling</span></div>
      <div style="color: rgb(101, 119, 134)">Replying to <span style="color: rgb(36, 198, 224)">@<b></b>sadbirdinsnow</span></div>
    <div style="padding: 5px 0;">
      anyone who thinks should just stop, it's not good.
    </div>
    </div>
  </div>
</div></raw-code>

Initial Post.html

<raw-code><div class="tweet" style="padding: 15px; font-family: 'Helvetica Neue', sans-serif; max-width: 598px;">
  <div style="display: flex">
    <img src="https://v.dreamwidth.org/13274395/3477114" style="width: 49px; height: 49px; border-radius: 100%" />
    <div style="padding-left: 10px;">
      <div><b>Shrike</b></div>
      <div style="color: rgb(101, 119, 134)">@<b></b>sadbirdinsnow</div>
    </div>
  </div>
  <div style="font-size: 23px; color: rgb(20, 23, 26); padding: 10px 0">the graveyard might seem like a cool place to hang out but do a bit of digging and you will find there is a whole lot of dead people just under the surface.</div>
  <div style="color: rgb(101, 119, 134)">1:20 AM &bull; Day 201</div>
</div></raw-code>

Last Threaded Reply.html

<raw-code><div style="max-width: 598px; font-family: 'Helvetica Neue', sans-serif; padding: 0 15px 15px;">
  <div style="display: flex">
    <div>
      <img src="https://v.dreamwidth.org/13274395/3477114" style="width: 49px; height: 49px; border-radius: 100%; min-width: 49px;" />
    </div>
    <div style="padding-left: 10px; flex-grow: 1;">
      <div><b>Shrike</b> <span style="color: rgb(101, 119, 134)">@<b></b>sadbirdinsnow</span></div>
      <div style="color: rgb(101, 119, 134)">Replying to <span style="color: rgb(36, 198, 224)">@<b></b>sadbirdinsnow</span></div>
    <div style="padding: 5px 0;">
      wolves eyes glow in the dark because we have moonlight energy, halloween store skeleton glows in the dark because of devil magics.
    </div>
    </div>
  </div>
</div></raw-code>

Middle Threaded Reply.html

<raw-code><div style="max-width: 598px; font-family: 'Helvetica Neue', sans-serif; padding: 0 15px 0px;">
  <div style="display: flex">
    <div style="display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center;">
      <img src="https://v.dreamwidth.org/13274395/3477114" style="width: 49px; height: 49px; border-radius: 100%; min-width: 49px;" />
      <div style="width: 2px; background-color: rgb(204, 214, 221); flex-grow: 1; margin: 5px auto;"></div>
    </div>
    <div style="padding-left: 10px; flex-grow: 1;">
      <div><b>Shrike</b> <span style="color: rgb(101, 119, 134)">@<b></b>softlyfalling</span></div>
      <div style="color: rgb(101, 119, 134)">Replying to <span style="color: rgb(36, 198, 224)">@<b></b>sadbirdinsnow</span></div>
    <div style="padding: 5px 0;">
      wolves eyes glow in the dark because we have moonlight energy, halloween store skeleton glows in the dark because of devil magics.
    </div>
    </div>
  </div>
</div></raw-code>