ch1.txt

<div class="twt"><div class="light"> <div class="storycontainer">





<div class="page">
<p><a name="tl1" rel="nofollow" id="tl1"></a>
<div class="phone">
<span class="screenreader">A phone template displaying a twitter timeline, as if you were navigating on the twitter app from tai’s account.</span>
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="header"><a href="#p1" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headerbutton2"></span><span class="headerbutton3"></span></div>
<div class="page2">






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This work skin is interactive!! Open this thread to read the explanation :3 </p>

1/??</div>


<div class="sharebar1"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">3</span><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<span class="replyvertical1"></span> <div class="replycontent"><img class="iconthread" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <div class="replyid"><br /><span class="showthread"><a href="#tweet1" rel="nofollow">Show this thread</span></a></div></div><hr class="line">
<p><a name="t1" rel="nofollow" id="t1"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


1 picture!
<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet2" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t2" rel="nofollow" id="t2"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox2b"> <img class="replyimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet3" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t3" rel="nofollow" id="t3"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


3 pictures! 
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>



<div class="sharebar"><a href="#tweet4" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t4" rel="nofollow" id="t4"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


4 pictures! 

<div class="replyimgbox4a"> <img class="replyimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="replyimgbox4b"> <img class="replyimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>


<div class="sharebar"><a href="#tweet5" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t5" rel="nofollow" id="t5"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a tweet in a circle!
<div class="replycirclebox1"><img class="replycircleicon1" src="https://i.ibb.co/2j1rCXS/circle.png" alt=" " /> <span class="replycirclecontent1"> Only people in @wanningzinho’s Twitter Circle can see this Tweet. </span></div></div>


<div class="sharebar"><a href="#tweet6" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2b"></span><span class="reply2b"></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">3</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t6" rel="nofollow" id="t6"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a quote tweet! <span class="screenreader".> Quoting a tweet of: </span><div class="replyqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetswee… · 14h<span class="screenreader">Ago. </span></span></div>
<div class="qtcontent"><p>And this is the quoted tweet! It can have an image :)
</p><div class="qtimgbox1"> <img class="qtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div></div>


<div class="sharebar"><a href="#tweet7" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t7" rel="nofollow" id="t7"></a>






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a poll!
<div class="replypoll"><span class="replypolltext">Option 1</span></div>
<div class="replypoll"><span class="replypolltext">Option 2</span></div>
<div class="replypoll"><span class="replypolltext">Option 3</span></div>
<div class="replypoll"><span class="replypolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>


<div class="sharebar"><a href="#tweet8" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t8" rel="nofollow" id="t8"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a poll with results!

<div class="replypollresults"><div class="replypollresultstext">Option 1</div><div class="replypollresultstext2">50%</div><div class="pollbarwinner"><span class="pollbarwin50"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 2</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 3</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 4</div><div class="replypollresultstext2">0%</div></div>
<span class="pollvotes">97 votes <b>·</b> Final results</span>
</div>


<div class="sharebar"><a href="#tweet9" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t9" rel="nofollow" id="t9"></a>



<div class="tlactivity"><span class="activity3"></span> another tai Liked </div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


“activity1” is a retweet symbol, “activity2” is a reply symbol, and “activity3” is the like symbol</p>
Also just a final note about the timeline page, you see there’s a huge empty space after the last tweet, right? That happens because of screen readers, so the design doesn’t look too off when you come back to the timeline after opening the last tweet.</div>


<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">25</span><span class="replybutton4"></span></div>
<hr class="line">




<div class="end"></div></div></div>
<div class="footer"><span class="footerbutton1b"></span><a href="#s1" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n1" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="https://archiveofourown.org/works/47944813/chapters/120901699#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span><div class="not3"></a></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet1" rel="nofollow" id="tweet1"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This work skin is interactive!! Open this thread to see how it works :3 </p>

1/??
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Ok, first of all, this is inspired by <a href="https://archiveofourown.org/works/11514573"><span class="links">La_Temperanza’s CYOA work skin</span></a>! So give it a read to get the gist of it hehe </p>

So, how does it work? Basically, we’re creating different stylized pages inside a chapter (timeline, tweet, profile, dm, etc) and linking them back and forth!</p>

2/??</p></div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


For example, in the timeline page, which is where we start, we have links in the replies symbol of the tweets, and each of these links takes you to the respective page of the tweet (tweet1, tweet2, twee3…). Then, on that page, the arrow symbol has a link that takes you back to the timeline page! </p>

Pretty simple, huh? </p>

3/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


A thing to consider: I tried to make this screen reader friendly. We have a slight issue that is: if the timeline anchor - that is, the spot of the page we’re linking back in the tweet page - is at the top of the page, visually, it looks perfect! It takes you back to exactly where you were, at the exact point of the timeline you had scrolled down, etc. But! If you’re using a screen reader, it will start reading everything all over again from the top of the timeline page. </p>

4/??</p>
</div>


<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>



<span class="replyvertical5"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So I created many anchors in the timeline page, one at the end of each tweet - so when we open the tweet1 page, we can go back to the end of tweet1 in the timeline, and the screen reader will read from tweet 2 onwards </p>

This raises a new problem: it doesn’t look good!</p>

5/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So my solution was: in the tweet page, the top left arrow links you back to the timeline top anchor link; and the bottom right arrow links to the respective tweet anchor link in the timeline, for people with screen readers. </p>

6/??</p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Also I have to warn you, this skin only works with creator’s style on. It is not readable if downloaded. Even if you’re using a screen reader, you have to read it here on ao3 in your browser - I tested it with android’s talkback and nvda. Worked alright, though you have to swipe/use the arrow keys to move to the next text element</p>

7/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


There are two ways you can use this skin:</p>

1) let’s say, you want your reader to scroll a character’s tweet amidst your fic. So you have your chapter text. Then you use this skin, create all the pages and etc, and after the very last div you start another paragraph of your fic; </p>

8/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2) or - and this gets very fun hehe! - let’s say you want a fic told ONLY through twitter :) So!!! In this case we can have, like, the option to set the pace of the story by giving the reader to refresh the timeline to see new tweets etc etc…. ok, take a look at <a href="https://archiveofourown.org/works/45837850/chapters/115360603"><span class="links">my example fic</span></a> just so this makes a little more sense lmao </p>

9/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Here in this tutorial, I will be showing the second option. If you want the first one, you just have to use the HTML of the second chapter and delete the parts about refreshing the timeline to see new tweets </p>

10/?? </p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So this fic here is divided in 4 chapters:</p>

Chapter 1: tl1, tweet1, tweet2, tweet3, tweet4, tweet5, tweet6, tweet7, tweet8, tweet9, s1, n1, p1, p2, p4 [in other words, the first timeline page, the tweets pages, search page, notifications page, and profile pages (more on those later)]. There is a blue dot in the DM’s icon, showing that there are new direct messages to be read, and when you click on the DM’s, it will take you to chapter 2;</p>

11/??
</div>


<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Chapter 2: we have all the same pages as chapter 1, plus dm1, chat1, chat2, p3 (more on that later). The main difference is that now we have a blue dot on the timeline symbol, and when you click on the timeline, you see the “show new tweets” message. When you click on that, it takes you to chapter 3;</p>

12/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Chapter 3: tl2, tweet10, tweet11, tweet12, s2, n2, p5, p6, p8. There is a blue dot in the DM’s icon, showing that there are new direct messages to be read again, and when you click on the DM’s, it will take you to chapter 4;</p> 

13/?? </p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Chapter 4: all the same pages as chapter 3, plus dm2, chat3, p7. And now we have no notification symbols, when you click on the timeline, there is no “new tweets” message, and no blue dot in the DM’s, signaling that the story is over</p>

14/??</p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Don’t worry if you don’t really understand all this right now, hopefully it will make sense once you interact with this fic and get what I mean by the pages and chapter changes. By the way, the reason we break this in many chapters is that with this skin, depending on how many tweets you have, you can easily hit the character limit! </p>

15/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


The CSS and HTML are linked below this twitter template. The CSS is what you will copy and paste to your work skin - and here you have to compromise and choose a light, dark or dim theme before hand, because this code is too long and you can’t have the three of them in your work skin. The HTML is what you will edit accordingly to your story and etc and paste to your fic. Just change “light” at the beginning of each chapter to “dark” or “blue” depending on the CSS you chose.</p>

16/16 </p>
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

In regard to the main tweet on top of this page:</p>

twtnumers 1, 2 and 3 - this is the info about your tweet such as retweets, qrts and likes. You can delete them as you wish (if your tweet has only likes and no rts or qrts, keep only twtnumbers1 and delete the others, etc);</p>

</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


twtbutton - these are the images for replies, retweets and likes. twtbutton1a=regular replies, twtbutton1b=can’t reply, twtbutton2a=regular retweets, twtbutton2b=can’t retweet, twtbutton2c=retweeted, twtbutton3a=regular like, twtbutton3b=liked. </p>

Tweets can be as long as you want, since there’s no character limit here hehe</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You only need to care about the tweet length when you have replies with that vertical line between icons</div>


<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical2"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You need to change replyvertical and sharebar depending on your tweet’s lenght</p>

Use replyvertical1 and sharebar1 for tweets up to 3 lines.</p>
</div>

<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical2"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

replyvertical2 and sharebar2 - from 4 to 6 lines. </p>

replyvertical3 and sharebar3 - from 7 to 9 lines. </p>

replyvertical4 and sharebar4 - from 10 to 13 lines. </p>

replyvertical5 and sharebar5 - from 14 to 16 lines or pictures/qrts</p>
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And of course, you need to take in account the lines used of the "replying to @..." + line break, when you put in that info </p>

It may not be the most practical way, I admit, however it worked fine for me!</p>

I just make sure to test out my work skin on a draf wip and fix all this stuff before actually posting it~
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@sweetsweetdays</span></span>
<hr class="line2">


In similar fashion to the main tweet, you can change the buttons in the reply too.</p>

replybutton1a+reply1a=regular reply, replybutton1b+reply1b=can't reply, replybytton2a+reply2a=regular retweet, replybutton2b+reply2b=can't retweet, replybutton2c+reply2c=retweeted, replybutton3a+reply3a=regular like, replybutton3b+reply3b=liked </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And here is another tweet, replying to the main tweet, but unrelated to the thread above.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet2" rel="nofollow" id="tweet2"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


1 picture!
<div class="twtimgbox1"> <img class="twtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And!! Here's a fun thing hehe
 <div class="imgboxcenB"><span class="imgboxcenBsym"></span><span class="imgboxcenBtext1">Content warning: Sensitive content</span><span class="imgboxcenBtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenBbutton"><span class="imgboxcenbuttontext">Show</span></div><img class="imgcenB" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


I only made it in a reply size though
<div class="imgboxcenC"><span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." /> <img class="imgcen2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose."/> </div>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

But you can always edit the work skin to make it for a main tweet, if you wish so
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div>  <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/><img class="imgcen3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

imgboxcenA is for portrait ratios, imgboxcenB is for squares, and imgboxsenC is for landscapes - which is the default for when you have more than one pic
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/>
<img class="imgcen4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> <img class="imgcen4c" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen4d" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet3" rel="nofollow" id="tweet3"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


2 pictures!

<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox2b"> <img class="twtimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

It can be a video too! Just change "img class" for "video class" and link your video :)
<div class="replyimgbox1"> <video class="replyimg1" 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." width="100%"/>
</div> </div>



<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>

<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t3" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet4" rel="nofollow" id="tweet4"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


3 pictures!
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t4" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet5" rel="nofollow" id="tweet5"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


4 pictures!
<div class="twtimgbox4a"> <img class="twtimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="twtimgbox4b"> <img class="twtimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t5" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet6" rel="nofollow" id="tweet6"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a tweet in a circle!
<div class="twtcirclebox1"><img class="twtcircleicon" src="https://i.ibb.co/2j1rCXS/circle.png" alt=" " /> <span class="twtcirclecontent"> Only people in @wanningzinhos’s Twitter Circle can see this Tweet. </span></div></div>

<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2b"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">


<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="verified"></span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

This tweet has a verified icon! Just add the “verified” part beside the name. “priv” if it’s a priv icon that you want.</p>
These are all the same, wether it’s a main tweet or a reply.</p>
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2b"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t6" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet7" rel="nofollow" id="tweet7"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a quote tweet! <span class="screenreader">. Quoting a tweet of: </span><div class="twtqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 14h</span></div>
<div class="qtcontent">And this is the quoted tweet! It can have an image :)
<div class="twtimgboxqt1"> <img class="twtimgqt1" src=https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">





<img class="icon" src="https://i.ibb.co/XtjqCSG/7s.jpg" alt=" " /><div class="replyid"><span class="replyname">Seven Seas Entertainment <span class="verified"> </span> </span><span class="replyhandle"> @g…</span></div><span class="replydots"></span><div class="replycontent">

This tweet is <span class="links">#promoted</span>!</p>

It’s the same wether it’s a main tweet or a reply</p>

<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/pbqDvXG/yuwu.jpg" alt="A picture of the english cover for volume 1 of yuwu."/> </div>
<span class="pollvotes"><span class="promoted"> </span> Promoted</span>


</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a">  </span><span class="replybutton2a"><span class="screenreader"> Retweets:</span></span><span class="reply2a">179</span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">3799</span><span class="replybutton4"></span></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t7" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet8" rel="nofollow" id="tweet8"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a poll!</p>
<div class="twtpoll"><span class="twtpolltext">Option 1</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 2</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 3</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t8" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet9" rel="nofollow" id="tweet9"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">

This is a poll with results!
<div class="twtpollresults"><div class="twtpollresultstext1"><b>Option 1</b></div><div class="twtpollresultstext2">50%</div><div class="twtpollbarwinner
"><span class="twtpollbarwin50"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 2</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 3</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 4</div><div class="twtpollresultstext2">0%</div></div>
<span class="pollvotes">97 votes <b>·</b> Final results</span>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

You have the following options according to the percentage of votes: twtpollbarwin25, twtpollbarwin50, twtpollbarwin75, twtpollbarwin100, twtpollbarlos25 and twtpollbarlos50</p>

And for replies you have: pollbarwin25, pollbarwin50, pollbarwin75, pollbarwin100, pollbarlos25 and pollbarlos50 </p>

</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t9" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="s1" rel="nofollow" id="s1"></a></p>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><div class="headerbar1"><span class="headerbartext">Search Twitter</span></div>
<br />
<div class="bio"> <br /> <br /></div><div class="bio"> <span class="recent"><b>Recent</b></span><span  class="searchbutton"></span></div>
<div class="searchprofile1"> <img class="searchicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><p><a href="#p4" rel="nofollow"><span class="searchname"> tai again</span><p><span class="searchhandle">@sweetsw…</span></a></div>


<div class="searchhistorybox1"> <span class="searchhistory">this is the search history</span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">”searchhistorybox1” is the first </span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">every other is “searchhistorybox2”</span><span class="historybutton"></span></div>



</div>


<div class="footer"><a href="#tl1" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><span class="footerbutton2b"></span><a href="#n1" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="https://archiveofourown.org/works/47944813/chapters/120901699#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span></a><div class="not3"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="n1" rel="nofollow" id="n1"></a></p>
<div class="phone">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<div class="bg5">
<div class="headernot"><a href="#p2" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headertext" >Notifications</span>
<span class="headerbutton5"></span></div>
<div class="bio"><span class="replyhandle"><b> &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; All &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </b></span> <b> Mentions</b>
<hr class="line4">
</div>
<hr class="line">




<div class="loading"><span class="screenreader">Loading screen.</span></div>







</div>
<div class="footer"><a href="#tl1" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><a href="#s1" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><span class="footerbutton3b"></span><a href="https://archiveofourown.org/works/47944813/chapters/120901699#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span><div class="not3"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="page">
<p><a name="p1" rel="nofollow" id="p1"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#tl1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>



<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the timeline page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p2" rel="nofollow" id="p2"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#n1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the notifications page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#n1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p4" rel="nofollow" id="p4"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/Fn1BSdj/header1.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /> <a href="#s1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Following</span></div></div>


<div class="bio"> <span class="bioname">tai again</span><br />

<span class="replyhandle"> @sweetsweetdays </span><span class="followsyou"> Follows you</span>
<hr class="line2">

This is the profile linked in the search page, on the recent searches

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc</span><br />

<span class="link1"></span><span class="links">link.com
</span><span class="space"> </span>



<hr class="line2">

<b>28</b><span class="replyhandle"> Following </span> <b>37</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>













</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#s1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>


</div></div></div>

ch2.txt

<div class="twt"><div class="light"> <div class="storycontainer">





<div class="page">
<p><a name="tl1" rel="nofollow" id="tl1"></a>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span><span class="screenreader">Twitter timeline.</span><span class="newtwts"><a href="https://archiveofourown.org/works/47944813/chapters/120902149#tl2" rel="nofollow">↑  See new Tweets <span class="screenreader"> Click to refresh the timeline </span></a></span></div>


<div class="header"><a href="#p1" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headerbutton2"></span><span class="headerbutton3"></span></div>
<div class="page2">






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This work skin is interactive!! Open this thread to read the explanation :3 </p>

1/??</div>


<div class="sharebar1"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">3</span><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<span class="replyvertical1"></span> <div class="replycontent"><img class="iconthread" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <div class="replyid"><br /><span class="showthread"><a href="#tweet1" rel="nofollow">Show this thread</span></a></div></div><hr class="line">
<p><a name="t1" rel="nofollow" id="t1"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


1 picture!
<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet2" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t2" rel="nofollow" id="t2"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox2b"> <img class="replyimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet3" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t3" rel="nofollow" id="t3"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


3 pictures! 
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>



<div class="sharebar"><a href="#tweet4" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t4" rel="nofollow" id="t4"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


4 pictures! 

<div class="replyimgbox4a"> <img class="replyimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="replyimgbox4b"> <img class="replyimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>


<div class="sharebar"><a href="#tweet5" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t5" rel="nofollow" id="t5"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a tweet in a circle!
<div class="replycirclebox1"><img class="replycircleicon1" src="https://i.ibb.co/2j1rCXS/circle.png" alt=" " /> <span class="replycirclecontent1"> Only people in @wanningzinho’s Twitter Circle can see this Tweet. </span></div></div>


<div class="sharebar"><a href="#tweet6" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2b"></span><span class="reply2b"></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">3</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t6" rel="nofollow" id="t6"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a quote tweet! <span class="screenreader".> Quoting a tweet of: </span><div class="replyqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetswee… · 14h<span class="screenreader">Ago. </span></span></div>
<div class="qtcontent"><p>And this is the quoted tweet! It can have an image :)
</p><div class="qtimgbox1"> <img class="qtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div></div>


<div class="sharebar"><a href="#tweet7" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t7" rel="nofollow" id="t7"></a>






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a poll!
<div class="replypoll"><span class="replypolltext">Option 1</span></div>
<div class="replypoll"><span class="replypolltext">Option 2</span></div>
<div class="replypoll"><span class="replypolltext">Option 3</span></div>
<div class="replypoll"><span class="replypolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>


<div class="sharebar"><a href="#tweet8" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t8" rel="nofollow" id="t8"></a>




<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is a poll with results!

<div class="replypollresults"><div class="replypollresultstext">Option 1</div><div class="replypollresultstext2">50%</div><div class="pollbarwinner"><span class="pollbarwin50"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 2</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 3</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 4</div><div class="replypollresultstext2">0%</div></div>
<span class="pollvotes">97 votes <b>·</b> Final results</span>
</div>


<div class="sharebar"><a href="#tweet9" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t9" rel="nofollow" id="t9"></a>



<div class="tlactivity"><span class="activity3"></span> another tai Liked </div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


“activity1” is a retweet symbol, “activity2” is a reply symbol, and “activity3” is the like symbol</p>
Also just a final note about the timeline page, you see there’s a huge empty space after the last tweet, right? That happens because of screen readers, so the design doesn’t look too off when you come back to the timeline after opening the last tweet.</div>


<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">25</span><span class="replybutton4"></span></div>
<hr class="line">




<div class="end"></div></div></div>
<div class="footer"><span class="footerbutton1b"></span><a href="#s1" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n1" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span></a></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet1" rel="nofollow" id="tweet1"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This work skin is interactive!! Open this thread to see how it works :3 </p>

1/??
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Ok, first of all, this is inspired by <a href="https://archiveofourown.org/works/11514573"><span class="links">La_Temperanza’s CYOA work skin</span></a>! So give it a read to get the gist of it hehe </p>

So, how does it work? Basically, we’re creating different stylized pages inside a chapter (timeline, tweet, profile, dm, etc) and linking them back and forth!</p>

2/??</p></div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


For example, in the timeline page, which is where we start, we have links in the replies symbol of the tweets, and each of these links takes you to the respective page of the tweet (tweet1, tweet2, twee3…). Then, on that page, the arrow symbol has a link that takes you back to the timeline page! </p>

Pretty simple, huh? </p>

3/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


A thing to consider: I tried to make this screen reader friendly. We have a slight issue that is: if the timeline anchor - that is, the spot of the page we’re linking back in the tweet page - is at the top of the page, visually, it looks perfect! It takes you back to exactly where you were, at the exact point of the timeline you had scrolled down, etc. But! If you’re using a screen reader, it will start reading everything all over again from the top of the timeline page. </p>

4/??</p>
</div>


<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>



<span class="replyvertical5"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So I created many anchors in the timeline page, one at the end of each tweet - so when we open the tweet1 page, we can go back to the end of tweet1 in the timeline, and the screen reader will read from tweet 2 onwards </p>

This raises a new problem: it doesn’t look good!</p>

5/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>
<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So my solution was: in the tweet page, the top left arrow links you back to the timeline top anchor link; and the bottom right arrow links to the respective tweet anchor link in the timeline, for people with screen readers. </p>

6/??</p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Also I have to warn you, this skin only works with creator’s style on. It is not readable if downloaded. Even if you’re using a screen reader, you have to read it here on ao3 in your browser - I tested it with android’s talkback and nvda. Worked alright, though you have to swipe/use the arrow keys to move to the next text element</p>

7/??</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


There are two ways you can use this skin:</p>

1) let’s say, you want your reader to scroll a character’s tweet amidst your fic. So you have your chapter text. Then you use this skin, create all the pages and etc, and after the very last div you start another paragraph of your fic; </p>

8/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2) or - and this gets very fun hehe! - let’s say you want a fic told ONLY through twitter :) So!!! In this case we can have, like, the option to set the pace of the story by giving the reader to refresh the timeline to see new tweets etc etc…. ok, take a look at <a href="https://archiveofourown.org/works/45837850/chapters/115360603"><span class="links">my example fic</span></a> just so this makes a little more sense lmao </p>

9/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Here in this tutorial, I will be showing the second option. If you want the first one, you just have to use the HTML of the second chapter and delete the parts about refreshing the timeline to see new tweets </p>

10/?? </p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


So this fic here is divided in 4 chapters:</p>

Chapter 1: tl1, tweet1, tweet2, tweet3, tweet4, tweet5, tweet6, tweet7, tweet8, tweet9, s1, n1, p1, p2, p4 [in other words, the first timeline page, the tweets pages, search page, notifications page, and profile pages (more on those later)]. There is a blue dot in the DM’s icon, showing that there are new direct messages to be read, and when you click on the DM’s, it will take you to chapter 2;</p>

11/??
</div>


<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Chapter 2: we have all the same pages as chapter 1, plus dm1, chat1, chat2, p3 (more on that later). The main difference is that now we have a blue dot on the timeline symbol, and when you click on the timeline, you see the “show new tweets” message. When you click on that, it takes you to chapter 3;</p>

12/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Chapter 3: tl2, tweet10, tweet11, tweet12, s2, n2, p5, p6, p8. There is a blue dot in the DM’s icon, showing that there are new direct messages to be read again, and when you click on the DM’s, it will take you to chapter 4;</p> 

13/?? </p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Chapter 4: all the same pages as chapter 3, plus dm2, chat3, p7. And now we have no notification symbols, when you click on the timeline, there is no “new tweets” message, and no blue dot in the DM’s, signaling that the story is over</p>

14/??</p>
</div>


<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Don’t worry if you don’t really understand all this right now, hopefully it will make sense once you interact with this fic and get what I mean by the pages and chapter changes. By the way, the reason we break this in many chapters is that with this skin, depending on how many tweets you have, you can easily hit the character limit! </p>

15/?? </p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


The CSS and HTML are linked below this twitter template. The CSS is what you will copy and paste to your work skin - and here you have to compromise and choose a light, dark or dim theme before hand, because this code is too long and you can’t have the three of them in your work skin. The HTML is what you will edit accordingly to your story and etc and paste to your fic. Just change “light” at the beginning of each chapter to “dark” or “blue” depending on the CSS you chose.</p>

16/16 </p>
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

In regard to the main tweet on top of this page:</p>

twtnumers 1, 2 and 3 - this is the info about your tweet such as retweets, qrts and likes. You can delete them as you wish (if your tweet has only likes and no rts or qrts, keep only twtnumbers1 and delete the others, etc);</p>

</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


twtbutton - these are the images for replies, retweets and likes. twtbutton1a=regular replies, twtbutton1b=can’t reply, twtbutton2a=regular retweets, twtbutton2b=can’t retweet, twtbutton2c=retweeted, twtbutton3a=regular like, twtbutton3b=liked. </p>

Tweets can be as long as you want, since there’s no character limit here hehe</p>
</div>


<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You only need to care about the tweet length when you have replies with that vertical line between icons</div>


<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>


<span class="replyvertical2"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You need to change replyvertical and sharebar depending on your tweet’s lenght</p>

Use replyvertical1 and sharebar1 for tweets up to 3 lines.</p>
</div>

<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical2"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

replyvertical2 and sharebar2 - from 4 to 6 lines. </p>

replyvertical3 and sharebar3 - from 7 to 9 lines. </p>

replyvertical4 and sharebar4 - from 10 to 13 lines. </p>

replyvertical5 and sharebar5 - from 14 to 16 lines or pictures/qrts</p>
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And of course, you need to take in account the lines used of the "replying to @..." + line break, when you put in that info </p>

It may not be the most practical way, I admit, however it worked fine for me!</p>

I just make sure to test out my work skin on a draf wip and fix all this stuff before actually posting it~
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@sweetsweetdays</span></span>
<hr class="line2">


In similar fashion to the main tweet, you can change the buttons in the reply too.</p>

replybutton1a+reply1a=regular reply, replybutton1b+reply1b=can't reply, replybytton2a+reply2a=regular retweet, replybutton2b+reply2b=can't retweet, replybutton2c+reply2c=retweeted, replybutton3a+reply3a=regular like, replybutton3b+reply3b=liked </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And here is another tweet, replying to the main tweet, but unrelated to the thread above.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet2" rel="nofollow" id="tweet2"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


1 picture!
<div class="twtimgbox1"> <img class="twtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And!! Here's a fun thing hehe
 <div class="imgboxcenB"><span class="imgboxcenBsym"></span><span class="imgboxcenBtext1">Content warning: Sensitive content</span><span class="imgboxcenBtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenBbutton"><span class="imgboxcenbuttontext">Show</span></div><img class="imgcenB" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


I only made it in a reply size though
<div class="imgboxcenC"><span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." /> <img class="imgcen2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose."/> </div>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

But you can always edit the work skin to make it for a main tweet, if you wish so
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div>  <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/><img class="imgcen3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

imgboxcenA is for portrait ratios, imgboxcenB is for squares, and imgboxsenC is for landscapes - which is the default for when you have more than one pic
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/>
<img class="imgcen4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> <img class="imgcen4c" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen4d" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet3" rel="nofollow" id="tweet3"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


2 pictures!

<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox2b"> <img class="twtimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

It can be a video too! Just change "img class" for "video class" and link your video :)
<div class="replyimgbox1"> <video class="replyimg1" 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." width="100%"/>
</div> </div>



<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>

<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t3" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet4" rel="nofollow" id="tweet4"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


3 pictures!
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t4" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet5" rel="nofollow" id="tweet5"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


4 pictures!
<div class="twtimgbox4a"> <img class="twtimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="twtimgbox4b"> <img class="twtimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t5" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet6" rel="nofollow" id="tweet6"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a tweet in a circle!
<div class="twtcirclebox1"><img class="twtcircleicon" src="https://i.ibb.co/2j1rCXS/circle.png" alt=" " /> <span class="twtcirclecontent"> Only people in @wanningzinhos’s Twitter Circle can see this Tweet. </span></div></div>

<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2b"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">


<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="verified"></span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

This tweet has a verified icon! Just add the “verified” part beside the name. “priv” if it’s a priv icon that you want.</p>
These are all the same, wether it’s a main tweet or a reply.</p>
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2b"></span><span class="reply2b"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t6" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet7" rel="nofollow" id="tweet7"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a quote tweet! <span class="screenreader">. Quoting a tweet of: </span><div class="twtqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 14h</span></div>
<div class="qtcontent">And this is the quoted tweet! It can have an image :)
<div class="twtimgboxqt1"> <img class="twtimgqt1" src=https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">





<img class="icon" src="https://i.ibb.co/XtjqCSG/7s.jpg" alt=" " /><div class="replyid"><span class="replyname">Seven Seas Entertainment <span class="verified"> </span> </span><span class="replyhandle"> @g…</span></div><span class="replydots"></span><div class="replycontent">

This tweet is <span class="links">#promoted</span>!</p>

It’s the same wether it’s a main tweet or a reply</p>

<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/pbqDvXG/yuwu.jpg" alt="A picture of the english cover for volume 1 of yuwu."/> </div>
<span class="pollvotes"><span class="promoted"> </span> Promoted</span>


</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a">  </span><span class="replybutton2a"><span class="screenreader"> Retweets:</span></span><span class="reply2a">179</span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">3799</span><span class="replybutton4"></span></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t7" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet8" rel="nofollow" id="tweet8"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is a poll!</p>
<div class="twtpoll"><span class="twtpolltext">Option 1</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 2</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 3</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t8" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet9" rel="nofollow" id="tweet9"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>


<div class="headerdm"><a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">

This is a poll with results!
<div class="twtpollresults"><div class="twtpollresultstext1"><b>Option 1</b></div><div class="twtpollresultstext2">50%</div><div class="twtpollbarwinner
"><span class="twtpollbarwin50"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 2</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 3</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>
<div class="twtpollresults"><div class="twtpollresultstext1">Option 4</div><div class="twtpollresultstext2">0%</div></div>
<span class="pollvotes">97 votes <b>·</b> Final results</span>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

You have the following options according to the percentage of votes: twtpollbarwin25, twtpollbarwin50, twtpollbarwin75, twtpollbarwin100, twtpollbarlos25 and twtpollbarlos50</p>

And for replies you have: pollbarwin25, pollbarwin50, pollbarwin75, pollbarwin100, pollbarlos25 and pollbarlos50 </p>

</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t9" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="s1" rel="nofollow" id="s1"></a></p>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<a href="#tl1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><div class="headerbar1"><span class="headerbartext">Search Twitter</span></div>
<br />
<div class="bio"> <br /> <br /></div><div class="bio"> <span class="recent"><b>Recent</b></span><span  class="searchbutton"></span></div>
<div class="searchprofile1"> <img class="searchicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><p><a href="#p4" rel="nofollow"><span class="searchname"> tai again</span><p><span class="searchhandle">@sweetsw…</span></a></div>


<div class="searchhistorybox1"> <span class="searchhistory">this is the search history</span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">”searchhistorybox1” is the first </span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">every other is “searchhistorybox2”</span><span class="historybutton"></span></div>



</div>


<div class="footer"><a href="#tl1" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline. There are new tweets.</span></span></a><span class="footerbutton2b"></span><a href="#n1" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span></a><div class="not1"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="n1" rel="nofollow" id="n1"></a></p>
<div class="phone">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<div class="bg5">
<div class="headernot"><a href="#p2" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headertext" >Notifications</span>
<span class="headerbutton5"></span></div>
<div class="bio"><span class="replyhandle"><b> &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; All &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </b></span> <b> Mentions</b>
<hr class="line4">
</div>
<hr class="line">




<div class="loading"><span class="screenreader">Loading screen.</span></div>







</div>
<div class="footer"><a href="#tl1" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline. There are new tweets.</span></span></a><a href="#s1" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><span class="footerbutton3b"></span><a href="https://archiveofourown.org/works/47944813/chapters/120901699#dm1" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span><div class="not1"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="page">
<p><a name="p1" rel="nofollow" id="p1"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#tl1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>



<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the timeline page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p2" rel="nofollow" id="p2"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#n1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the notifications page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#n1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p4" rel="nofollow" id="p4"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/Fn1BSdj/header1.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /> <a href="#s1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Following</span></div></div>


<div class="bio"> <span class="bioname">tai again</span><br />

<span class="replyhandle"> @sweetsweetdays </span><span class="followsyou"> Follows you</span>
<hr class="line2">

This is the profile linked in the search page, on the recent searches

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc</span><br />

<span class="link1"></span><span class="links">link.com
</span><span class="space"> </span>



<hr class="line2">

<b>28</b><span class="replyhandle"> Following </span> <b>37</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>













</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#s1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />








<div class="page">
<p><a name="p3" rel="nofollow" id="p3"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#dm1" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the DM's page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#dm1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page">
<p><a name="dm1" rel="nofollow" id="dm1"></a></p>
<div class="phone">

<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="header"><a href="#p3" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><div class="headerbar"><span class="screenreader">Twitter. Direct Messages. </span><span class="headerbartext">Search Direct Messages</span></div><span class="headerbutton5"></span></div>
<div class="page2">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><div class="dmid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 4h </span> <span class="screenreader"> ago</span></div><div class="dmcontent"><a href="#chat1" rel="nofollow">same as with tweets, change “image class” for “video class” to use a video<span class="screenreader">. Click to open chat.</span></a></p></div>
<a name="c1" rel="nofollow" id="c1"></a>

<img class="icon" src="https://i.ibb.co/D1k87fc/cat.png" alt=" " /><div class="dmgroup"><span class="screenreader">group chat with</span><span class="dmgroupnumber">2</span><span class="screenreader">people</span></div><div class="dmid"><span class="replyname">all tai’s group chat</span><span class="replyhandle"> · 5h </span><span class="screenreader"> ago</span></div><div class="dmcontent"><a href="#chat2" rel="nofollow">another tai reacted with ❤️: 😁✌️<span class="screenreader">. Click to open chat.</a></p></div>
<a name="c2" rel="nofollow" id="c2"></a>

<div class="end"></div>
</div>
</div>
<div class="footer"><a href="#tl1" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline. There are new tweets.</span></span></a><a href="#s1" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n1" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><span class="footerbutton4b"></span><div class="not1"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="chat1" rel="nofollow" id="chat1"></a></p>
<div class="phone">
<div class="bg3">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<div class="headerdm"><a href="#dm1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><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><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></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">Also I haven’t really paid attention to time stamps and numbers of replies and likes in tweets in this tutorial teehee</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>9:20 AM</span></div></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:41 AM </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 </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>10:25 AM <span class="dmaddreactionsmall"></span></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:33 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 class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#c1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />



<div class="page">
<p><a name="chat2" rel="nofollow" id="chat2"></a></p>
<div class="phone">
<div class="bg3">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<div class="headerdm"><a href="#dm1" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><img class="headerdmicon" src="https://i.ibb.co/D1k87fc/cat.png" alt=" " /><span class="headerdmtext"><span class="screenreader">Group chat: </span>all tais group chat</span><span class="headerbutton4"></span></div>
<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="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 </span>tai again · 9:00 AM </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>9:13 AM · Seen</span></div></p>


</div></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 class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#c2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
								
</div></div></div>

ch3.txt

<div class="twt"><div class="light"> <div class="storycontainer">





<div class="page">
<p><a name="tl2" rel="nofollow" id="tl2"></a>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span><span class="screenreader">Twitter timeline.</span></div>


<div class="header"><a href="#p5" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headerbutton2"></span><span class="headerbutton3"></span></div>
<div class="page2">






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is the second, refreshed timeline and new tweets!!!! the next couple of tweets are just here to fill in space~
<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet10" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t10" rel="nofollow" id="t10"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox2b"> <img class="replyimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet11" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t11" rel="nofollow" id="t11"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


3 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>



<div class="sharebar"><a href="#tweet12" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t12" rel="nofollow" id="t12"></a>



<div class="end"></div></div></div>
<div class="footer"><span class="footerbutton1b"></span><a href="#s2" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n2" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="https://archiveofourown.org/works/47944813/chapters/120945613#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span><div class="not3"></a></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />



<div class="page" align="justify">
<p><a name="tweet10" rel="nofollow" id="tweet10"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is the second, refreshed timeline and new tweets!!!! the next couple of tweets are just here to fill in space~
<div class="twtimgbox1"> <img class="twtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And!! Here's a fun thing hehe
 <div class="imgboxcenB"><span class="imgboxcenBsym"></span><span class="imgboxcenBtext1">Content warning: Sensitive content</span><span class="imgboxcenBtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenBbutton"><span class="imgboxcenbuttontext">Show</span></div><img class="imgcenB" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


I only made it in a reply size though
<div class="imgboxcenC"><span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." /> <img class="imgcen2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose."/> </div>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

But you can always edit the work skin to make it for a main tweet, if you wish so
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div>  <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/><img class="imgcen3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

imgboxcenA is for portrait ratios, imgboxcenB is for squares, and imgboxsenC is for landscapes - which is the default for when you have more than one pic
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/>
<img class="imgcen4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> <img class="imgcen4c" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen4d" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t10" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet11" rel="nofollow" id="tweet11"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


2 pictures!

<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox2b"> <img class="twtimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

It can be a video too! Just change "img class" for "video class" and link your video :)
<div class="replyimgbox1"> <video class="replyimg1" 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." width="100%"/>
</div> </div>



<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>

<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t11" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet12" rel="nofollow" id="tweet12"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


3 pictures!
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t12" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page">
<p><a name="s2" rel="nofollow" id="s2"></a></p>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>

<a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><div class="headerbar1"><span class="headerbartext">Search Twitter</span></div>
<br />
<div class="bio"> <br /> <br /></div><div class="bio"> <span class="recent"><b>Recent</b></span><span  class="searchbutton"></span></div>
<div class="searchprofile1"> <img class="searchicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><p><a href="#p8" rel="nofollow"><span class="searchname"> tai again</span><p><span class="searchhandle">@sweetsw…</span></a></div>


<div class="searchhistorybox1"> <span class="searchhistory">this is the search history</span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">”searchhistorybox1” is the first </span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">every other is “searchhistorybox2”</span><span class="historybutton"></span></div>



</div>


<div class="footer"><a href="#tl2" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><span class="footerbutton2b"></span><a href="#n2" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="https://archiveofourown.org/works/47944813/chapters/120945613#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span></a><div class="not3"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="n2" rel="nofollow" id="n2"></a></p>
<div class="phone">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>

<div class="bg5">
<div class="headernot"><a href="#p6" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headertext" >Notifications</span>
<span class="headerbutton5"></span></div>
<div class="bio"><span class="replyhandle"><b> &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; All &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </b></span> <b> Mentions</b>
<hr class="line4">
</div>
<hr class="line">




<div class="loading"><span class="screenreader">Loading screen.</span></div>







</div>
<div class="footer"><a href="#tl2" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><a href="#s2" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><span class="footerbutton3b"></span><a href="https://archiveofourown.org/works/47944813/chapters/120945613#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages. There are new messages.</span></span><div class="not3"></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="page">
<p><a name="p5" rel="nofollow" id="p5"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#tl2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>



<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the timeline page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p6" rel="nofollow" id="p6"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#n2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the notifications page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#n2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p8" rel="nofollow" id="p8"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/Fn1BSdj/header1.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /> <a href="#s2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Following</span></div></div>


<div class="bio"> <span class="bioname">tai again</span><br />

<span class="replyhandle"> @sweetsweetdays </span><span class="followsyou"> Follows you</span>
<hr class="line2">

This is the profile linked in the search page, on the recent searches

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc</span><br />

<span class="link1"></span><span class="links">link.com
</span><span class="space"> </span>



<hr class="line2">

<b>28</b><span class="replyhandle"> Following </span> <b>37</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>






</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#s2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>


</div></div></div>

ch4.txt

<div class="twt"><div class="light"> <div class="storycontainer">





<div class="page">
<p><a name="tl2" rel="nofollow" id="tl2"></a>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span><span class="screenreader">Twitter timeline.</span></div>


<div class="header"><a href="#p5" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headerbutton2"></span><span class="headerbutton3"></span></div>
<div class="page2">






<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


This is the second, refreshed timeline and new tweets!!!! the next couple of tweets are just here to fill in space~
<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet10" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t10" rel="nofollow" id="t10"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


2 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox2b"> <img class="replyimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div></div>



<div class="sharebar"><a href="#tweet11" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>
<hr class="line">
<p><a name="t11" rel="nofollow" id="t11"></a>





<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 2h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


3 pictures!
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>



<div class="sharebar"><a href="#tweet12" rel="nofollow"><span class="replybutton1a"><span class="screenreader">Replies:</span></span><span class="reply1a">1<span class="screenreader">Click to see.</span></span></a><span class="replybutton2a"><span class="screenreader">Retweets:</span></span><span class="reply2a">4</span></span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">13</span><span class="replybutton4"></span></div>

<hr class="line">
<p><a name="t12" rel="nofollow" id="t12"></a>



<div class="end"></div></div></div>
<div class="footer"><span class="footerbutton1b"></span><a href="#s2" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n2" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span></a></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />



<div class="page" align="justify">
<p><a name="tweet10" rel="nofollow" id="tweet10"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


This is the second, refreshed timeline and new tweets!!!! the next couple of tweets are just here to fill in space~
<div class="twtimgbox1"> <img class="twtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">



<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And!! Here's a fun thing hehe
 <div class="imgboxcenB"><span class="imgboxcenBsym"></span><span class="imgboxcenBtext1">Content warning: Sensitive content</span><span class="imgboxcenBtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenBbutton"><span class="imgboxcenbuttontext">Show</span></div><img class="imgcenB" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


I only made it in a reply size though
<div class="imgboxcenC"><span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." /> <img class="imgcen2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose."/> </div>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

But you can always edit the work skin to make it for a main tweet, if you wish so
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div>  <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/><img class="imgcen3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

imgboxcenA is for portrait ratios, imgboxcenB is for squares, and imgboxsenC is for landscapes - which is the default for when you have more than one pic
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/>
<img class="imgcen4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> <img class="imgcen4c" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen4d" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t10" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page" align="justify">
<p><a name="tweet11" rel="nofollow" id="tweet11"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


2 pictures!

<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox2b"> <img class="twtimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

It can be a video too! Just change "img class" for "video class" and link your video :)
<div class="replyimgbox1"> <video class="replyimg1" 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." width="100%"/>
</div> </div>



<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>

<hr class="line">

<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t11" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page" align="justify">
<p><a name="tweet12" rel="nofollow" id="tweet12"></a></p>
<div class="phone">
<div class="bg2">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>


<div class="headerdm"><a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">


3 pictures!
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>



<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

Random reply to fill in space.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">


<div class="end2"></div>
</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#t12" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page">
<p><a name="s2" rel="nofollow" id="s2"></a></p>
<div class="phone">
<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>

<a href="#tl2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><div class="headerbar1"><span class="headerbartext">Search Twitter</span></div>
<br />
<div class="bio"> <br /> <br /></div><div class="bio"> <span class="recent"><b>Recent</b></span><span  class="searchbutton"></span></div>
<div class="searchprofile1"> <img class="searchicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><p><a href="#p8" rel="nofollow"><span class="searchname"> tai again</span><p><span class="searchhandle">@sweetsw…</span></a></div>


<div class="searchhistorybox1"> <span class="searchhistory">this is the search history</span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">”searchhistorybox1” is the first </span><span class="historybutton"></span></div>
<div class="searchhistorybox2"> <span class="searchhistory">every other is “searchhistorybox2”</span><span class="historybutton"></span></div>



</div>


<div class="footer"><a href="#tl2" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><span class="footerbutton2b"></span><a href="#n2" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><a href="#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span></a></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="n2" rel="nofollow" id="n2"></a></p>
<div class="phone">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>71</span></span></div>

<div class="bg5">
<div class="headernot"><a href="#p6" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><span class="headertext" >Notifications</span>
<span class="headerbutton5"></span></div>
<div class="bio"><span class="replyhandle"><b> &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; All &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </b></span> <b> Mentions</b>
<hr class="line4">
</div>
<hr class="line">




<div class="loading"><span class="screenreader">Loading screen.</span></div>







</div>
<div class="footer"><a href="#tl2" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><a href="#s2" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><span class="footerbutton3b"></span><a href="https://archiveofourown.org/works/47944813/chapters/120945613#dm2" rel="nofollow"><span class="footerbutton4a"><span class="screenreader">Direct messages.</span></span></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><span class="phonefooterbutton3"></span></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="page">
<p><a name="p5" rel="nofollow" id="p5"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#tl2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>



<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the timeline page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p6" rel="nofollow" id="p6"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#n2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the notifications page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#n2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="p8" rel="nofollow" id="p8"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>14:18</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>71</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/Fn1BSdj/header1.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /> <a href="#s2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Following</span></div></div>


<div class="bio"> <span class="bioname">tai again</span><br />

<span class="replyhandle"> @sweetsweetdays </span><span class="followsyou"> Follows you</span>
<hr class="line2">

This is the profile linked in the search page, on the recent searches

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc</span><br />

<span class="link1"></span><span class="links">link.com
</span><span class="space"> </span>



<hr class="line2">

<b>28</b><span class="replyhandle"> Following </span> <b>37</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>













</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#s2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />








<div class="page">
<p><a name="p7" rel="nofollow" id="p7"></a></p>
<div class="phone">
<div class="phoneheaderdark"><span class="phonehourdark"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbolsdark"><hr class="batterylevel75dark"> <span class="phonebatterydark"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="bg4">
<div class="profileheader"> <img class="profileheaderimg" src="https://i.ibb.co/YZJfm01/header2.png" alt=" " /> <img class="profileicon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /> <a href="#dm2" rel="nofollow"><span class="profilebutton1"><span class="screenreader">Go back.</span></span></a><span class="profilebutton2"></span><span class="profilebutton3"></span><div class="follow"><span class="followtext">Edit profile</span></div></div>


<div class="bio"> <span class="bioname"> tai </span><br />

<span class="replyhandle"> @wanningzinho </span>
<hr class="line2">

this is the profile linked on the profile pic on the top left of the DM's page

<hr class="line2">


<span class="loc"></span><span class="replyhandle"> loc!</span><br />

<span class="link1"></span><span class="links"> link.com
</span><span class="space"> </span>

<hr class="line2">

<b>311</b><span class="replyhandle"> Following </span> <b>3,800</b><span class="replyhandle"> Followers </span>
<hr class="line2">
<br />
<b>Tweets</b>&nbsp; <span class="replyhandle"><b> &nbsp;  Tweets & replies &nbsp; &nbsp;  Media &nbsp; &nbsp; Likes</b></span>
<hr class="line3">
</div>
<hr class="line">


<div class="profileload"> <span class="profileloadtext"> Cannot retrieve tweets at the moment. Please try again later.</span></div>


</div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#dm2" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<div class="page">
<p><a name="dm2" rel="nofollow" id="dm2"></a></p>
<div class="phone">

<div class="bg1">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>
<div class="header"><a href="#p7" rel="nofollow"><span class="screenreader">My profile. Click to see. </span><img class="headericon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" alt=" " /></a><div class="headerbar"><span class="screenreader">Twitter. Direct Messages. </span><span class="headerbartext">Search Direct Messages</span></div><span class="headerbutton5"></span></div>
<div class="page2">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" " /><div class="dmid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 4h </span> <span class="screenreader"> ago</span></div><div class="dmcontent"><a href="#chat3" rel="nofollow">a new message!<span class="screenreader">. Click to open chat.</span></a></p></div>
<a name="c3" rel="nofollow" id="c3"></a>


<div class="end"></div>
</div>
</div>
<div class="footer"><a href="#tl2" rel="nofollow"><span class="footerbutton1a"><span class="screenreader">Timeline.</span></span></a><a href="#s2" rel="nofollow"><span class="footerbutton2a"><span class="screenreader">Search.</span></span></a><a href="#n2" rel="nofollow"><span class="footerbutton3a"><span class="screenreader">Notifications.</span></span></a><span class="footerbutton4b"></span></div>
<div class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#tl1" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="page">
<p><a name="chat3" rel="nofollow" id="chat3"></a></p>
<div class="phone">
<div class="bg3">
<div class="phoneheader"><span class="phonehour"><span class="screenreader">Time:</span>13:56</span><span class="phoneheadersymbols"><hr class="batterylevel75"><span class="phonebattery"><span class="screenreader">Battery level:</span>76</span></span></div>

<div class="headerdm"><a href="#dm2" rel="nofollow"><span class="headerbutton1"><span class="screenreader">Go back.</span></span></a><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="dmsent2">a new message!</span></p>
<p><div class="dmreactionsent"><span class="dmtimestampsent"><span class="screenreader">Sent by you at </span>10:33 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 class="phonefooter"><span class="phonefooterbutton1"></span><span class="phonefooterbutton2"></span><a href="#c3" rel="nofollow"><span class="phonefooterbutton3"><span class="screenreader">Go back.</span></span></a></div>
</div>
</div>


</div></div></div>

<p>All CSS can be found <a href="https://gist.github.com/wanningzinho/b772e7e910ce7c237833209c3b3c915d"><u>here.</u></a></p>

<p>And all HTML can be found <a href="https://gist.github.com/wanningzinho/bb8e07496968d5dd12c8ddaae857ebc2"><u>here.</u></a></p>