4.1.plaintextandemojis.txt

<div class="twt"><div class="light">
<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1">We have direct messages too!</span></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived">😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>
<p><span class="dmsent1">And emojis too!!!</span></p>
<p><span class="dmsent2">yay</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>
</div></div>

4.2.imagesandvideos.txt

<div class="twt"><div class="light">
<p><span class="dmdate">Today</span></p>


<p><img class="dmsentimg" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam."/></p>
<p><span class="dmsent2">same as with tweets, change “image class” for “video class” to use a video</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>9:00 AM · Seen</span></div></p>


<p><video class="dmreceivedimg" src="https://raw.githubusercontent.com/wanningzinho/tai/main/rw.mp4" alt="Video of a white cat with an annoyed expression, having his cheeks pinched by a pair of hands."/></p>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>110:13 AM <span class="dmaddreactionsmall"></span></span></div></p>
</div></div>

4.3.reactions.txt

<div class="twt"><div class="light">
<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1">We have direct messages too!</span></p>
<p><div class="dmreactionreceived"><span class="dmreactionborder"></span>😲 <span class="dmreactiontext">1</span></div></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived">😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>
<p><span class="dmsent1">And emojis too!!!</span></p>
<p><div class="dmreactionsent">❤️ <span class="dmreactiontext">1</span></div></p>

<p><span class="dmsent2">yay</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>
</div></div>

4.4.voicemessages

<div class="twt"><div class="light">
<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1"><audio><source src="https://raw.githubusercontent.com/wanningzinho/tai/main/xm.mp3">
</audio><span class="dmvoicereceived"></span><span class="dmvoicetimer"><b> 0:02</b></span></span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>


<p><span class="dmsent1"><audio><source src="https://raw.githubusercontent.com/wanningzinho/tai/main/xm.mp3">
</audio><span class="dmvoicesent"></span><span class="dmvoicetimer"><b> 0:02</b></span></span>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>
</div></div>

4.5.groupchat.txt

<div class="twt"><div class="light"><div class="dmgroupchat">
<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1">We have direct messages too!</span></p>
<p><div class="dmreactionreceived"><span class="dmreactionborder"></span>😲 <span class="dmreactiontext">1</span>✌️ <span class="dmreactiontext">1</span></div></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived"><img class="icondm" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by </span>tai again · 9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>
<p><span class="dmsent1">And emojis too!!!</span></p>
<p><div class="dmreactionsent"></span>❤️ <span class="dmreactiontext">2</span></div></p>

<p><span class="dmsent2">yay</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>
</div></div></div>

4.6.headerandbackground.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><img class="headerdmicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><span class="headerdmtext"><span class="screenreader">Chat with:</span>tai again</span><span class="headerbutton4"></span></div>

<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1">We have direct messages too!</span></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived">😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>
<p><span class="dmsent1">And emojis too!!!</span></p>
<p><span class="dmsent2">yay</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>
</div></div></div>

4.7.scrollabletemplate

<div class="twt"><div class="dark"><div class="bg1"><div class="bg3">
<div class="headerdm"><span class="headerbutton1"></span><img class="headerdmicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><span class="headerdmtext"><span class="screenreader">Chat with:</span>tai again</span><span class="headerbutton4"></span></div>

<p><span class="dmdate">Today</span></p>

<p><span class="dmreceived1">This is just an example, the next messages are the same as before, just to fill space <3</span></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived">😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM </span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>
<p><span class="dmsent1">And emojis too!!!</span></p>
<p><span class="dmsent2">yay</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>9:10 AM</span></div></p>


<p><video class="dmreceivedimg" src="https://raw.githubusercontent.com/wanningzinho/tai/main/rw.mp4" alt="Video of a white cat with an annoyed expression, having his cheeks pinched by a pair of hands."/></p>
<p><div class="dmreactionreceived"><span class="dmreactionborder"></span>✌️ <span class="dmreactiontext">1</span><span class="dmaddreactionbig"></span></div></p>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:45 AM </span></div></p>


<p><img class="dmsentimg" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam."/></p>
<p><span class="dmsent2">same as with tweets, change “image class” for “video class” to use a video</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:13 AM · Seen</span></div></p>



</div>


<div class="dmfooter"><div class="dmfooterbar"><span class="dmfooterbutton1"></span><span class="dmfooterbutton2"></span><span class="dmfooterbartext">Start a message</span><span class="dmfooterbutton3"></span></div></div>
</div></div>
</div>