Work in progress — This wiki is an active migration / mirror of Homestar Runner Wiki and is not finished yet. Account registration and public editing are turned off until the migration is further along. For status updates, see the migration thread on the forums.

Template:Timeline of Homestar Runner: Difference between revisions

From HR Wiki Twice
Jump to navigationJump to search

imported>HRWikiMirrorBot

imported>HRWikiMirrorBot
Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert)
 
imported>HRWikiMirrorBot
Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert)
 
Line 1: Line 1:
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine -->
<!-- Wayback HTML body (hrwiki.org); RawHtml -->
{| class="wikitable"
<html>
|-
<div style="background: #fff; float: right; font-size: smaller;"><table border="0" cellpadding="0" cellspacing="0">
| style="width: 130px; height: 40px; text-align: right" | [[Original Book]] →
<tr>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 1996 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/e/e9/Original_Book_Cover.PNG/68px-Original_Book_Cover.PNG
<td style="width: 130px; height: 40px; text-align: right">
|-
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -15px;"><a href="/index.php?title=Original_Book" title="Original Book">Original Book</a> →</span>
| style="width: 130px; height: 40px; text-align: right" |
</p>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 1997
</td>
|-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">1996</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Original_Book_Cover.PNG" title='"Everybody loves the Homestar Runner. He is a terrific athlete."'><img alt='"Everybody loves the Homestar Runner. He is a terrific athlete."' border="0" height="52" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/e/e9/Original_Book_Cover.PNG/68px-Original_Book_Cover.PNG" width="68"/></a></span></td>
| style="width: 130px; height: 40px; text-align: right" |
</tr>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 1998
<tr>
|-
<td style="width: 130px; height: 40px; text-align: right"></td>
| style="width: 130px; height: 20px; text-align: right" | [[Where My Hat Is At?|Where My Hat is At?]] →
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">1997</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"></span></td>
| style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 1999 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/5/51/WhereMyHat.png/68px-WhereMyHat.png
</tr>
|-
<tr>
| style="width: 130px; height: 20px; text-align: right" | [[homestarrunner.com|Website]] →<br />
<td style="width: 130px; height: 40px; text-align: right"></td>
[[Marzipan's Answering Machine|MAM]] →<br />
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">1998</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"></span></td>
[[Old-Timey]] →
</tr>
| style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2000 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2f/old_flash_stuff.png/68px-old_flash_stuff.png
<tr>
|-
<td style="width: 130px; height: 20px; text-align: right">
| style="width: 130px; height: 40px; text-align: right" | [[Strong Bad Email]] →
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Where_My_Hat_Is_At%3F" title="Where My Hat Is At?">Where My Hat is At?</a> →</span>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2001 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/3/3f/sbemail1.PNG/68px-sbemail1.PNG
</p>
|-
</td><td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">1999</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:WhereMyHat.png" title="Where your hat is at, Homestar?"><img alt="Where your hat is at, Homestar?" border="0" height="41" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/5/51/WhereMyHat.png/68px-WhereMyHat.png" width="68"/></a></span></td>
| style="width: 130px; height: 40px; text-align: right" | [[Videlectrix]] →<br />
</tr>
[[Powered by The Cheat|PBTC]] →<br />
<tr>
[[Compy 386]] →<br />
<td style="width: 130px; height: 20px; text-align: right">
[[Teen Girl Squad|TGS]] →
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=homestarrunner.com" title="homestarrunner.com">Website</a> →</span><br/>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2002 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2d/sbemail.png/68px-sbemail.png
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -5px;"><a href="/index.php?title=Marzipan%27s_Answering_Machine" title="Marzipan's Answering Machine">MAM</a> →</span><br/>
|-
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Old-Timey" title="Old-Timey">Old-Timey</a> →</span>
| style="width: 130px; height: 60px; text-align: right" | [[20X6]] →<br />
</p>
[[Trogdor]] →<br />
</td>
[[Dangeresque (film series)|Dangeresque]] →<br />
<td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2000</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:old_flash_stuff.png" title="The Homestar Runner!"><img alt="The Homestar Runner!" border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2f/old_flash_stuff.png/68px-old_flash_stuff.png" width="68"/></a></span></td>
[[Puppet Stuff]] →
</tr>
| style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2003 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/f/f6/sbemail58picture2a.PNG/66px-sbemail58picture2a.PNGhttps://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/d/d9/Everybody_Knows_It.jpg/68px-Everybody_Knows_It.jpg
<tr>
|-
<td style="width: 130px; height: 40px; text-align: right">
| style="width: 133px; height: 40px; text-align: right" | [[Cheat Commandos]] →<br />
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Strong_Bad_Email" title="Strong Bad Email">Strong Bad Email</a> →</span>
[[Peasant's Quest]] →<br />
</p>
[[strongbad email.exe]] →<br />
</td>
[[Lappy 486]] →<br />
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2001</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:sbemail1.PNG" title="&quot;Oh, who is the guy who checks all his emails? That's me, Strong Bad.&quot;"><img alt="&quot;Oh, who is the guy who checks all his emails? That's me, Strong Bad.&quot;" border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/3/3f/sbemail1.PNG/68px-sbemail1.PNG" width="68"/></a></span></td>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2004 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/7/73/sbemail119.PNG/68px-sbemail119.PNG
</tr>
|-
<tr>
| style="width: 130px; height: 40px; text-align: right" | [[Stinkoman 20X6]] →<br />
<td style="width: 130px; height: 40px; text-align: right">
[[Everything Else]] →
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Videlectrix" title="Videlectrix">Videlectrix</a> →</span><br/>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2005 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/1c/TeenGirlSquad10.PNG/68px-TeenGirlSquad10.PNG
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Powered_by_The_Cheat" title="Powered by The Cheat">PBTC</a> →</span><br/>
|-
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Compy_386" title="Compy 386">Compy 386</a> →</span><br/>
| style="width: 130px; height: 40px; text-align: right" | [[Podstar Runner 2006|Podstar Runner]] →
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 10px;"><a href="/index.php?title=Teen_Girl_Squad" title="Teen Girl Squad">TGS</a> →</span>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2006 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/f/f8/Podstar.PNG/68px-Podstar.PNG
</p>
|-
</td>
| style="width: 130px; height: 30px; text-align: right" | [[New Paper]] →
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2002</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:sbemail.png" title='"A spectacle of graphics and sound!"'><img alt='"A spectacle of graphics and sound!"' border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2d/sbemail.png/68px-sbemail.png" width="68"/></a></span></td>
| style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2007 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/17/New_Paper_Icon.png/68px-New_Paper_Icon.png
</tr>
|-
<tr>
| style="width: 130px; height: 40px; text-align: right" | [[Strong Bad's Cool Game for Attractive People|SBCG4AP]] →
<td style="width: 130px; height: 60px; text-align: right">
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2008 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/0c/SBCG4AP_Pop_Up.PNG/68px-SBCG4AP_Pop_Up.PNG
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -20px;"><a href="/index.php?title=20X6" title="20X6">20X6</a> →</span><br/>
|-
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -19px;"><a href="/index.php?title=Trogdor" title="Trogdor">Trogdor</a> →</span><br/>
| style="width: 130px; height: 40px; text-align: right" | [[Compé]] →
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -19px;"><a href="/index.php?title=Dangeresque_%28film_series%29" title="Dangeresque (film series)">Dangeresque</a> →</span><br/>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2009 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/ae/Comp%C3%A9_with_SB.png/68px-Comp%C3%A9_with_SB.png
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 20px;"><a href="/index.php?title=Puppet_Stuff" title="Puppet Stuff">Puppet Stuff</a> →</span>
|-
</p>
| style="width: 130px; height: 40px; text-align: right" | [[Xeriouxly Forxe]] →
</td>
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2010 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/07/HSR_Xeriouxly_Forxe.png/68px-HSR_Xeriouxly_Forxe.png
<td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2003</span> <span style="float: right; border: solid #cedbeb 1px;"><a class="image" href="/index.php?title=File:sbemail58picture2a.PNG" title='"And the Trogdor comes in the NIIIIIIIIIIIIGHT!!!!!"'><img alt='"And the Trogdor comes in the NIIIIIIIIIIIIGHT!!!!!"' border="0" height="48" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/f/f6/sbemail58picture2a.PNG/66px-sbemail58picture2a.PNG" width="66"/></a></span><span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Everybody_Knows_It.jpg" title="&quot;Don't ask me why I said it. Because I already forgot.&quot;"><img alt="&quot;Don't ask me why I said it. Because I already forgot.&quot;" border="0" height="51" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/d/d9/Everybody_Knows_It.jpg/68px-Everybody_Knows_It.jpg" width="68"/></a></span></td>
|-
</tr>
| style="width: 130px; height: 20px; text-align: right" | [[Hiatuses|Hiatus]] →
<tr>
<td style="width: 133px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Cheat_Commandos" title="Cheat Commandos">Cheat Commandos</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Peasant%27s_Quest" title="Peasant's Quest">Peasant's Quest</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=strongbad_email.exe" title="strongbad email.exe">strongbad_email.exe</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Lappy_486" title="Lappy 486">Lappy 486</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2004</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:sbemail119.PNG" title='"Finally, a computer for your lap!"'><img alt='"Finally, a computer for your lap!"' border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/7/73/sbemail119.PNG/68px-sbemail119.PNG" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Stinkoman_20X6" title="Stinkoman 20X6">Stinkoman 20X6</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 5px;"><a href="/index.php?title=Everything_Else" title="Everything Else">Everything Else</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2005</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:TeenGirlSquad10.PNG" title='"Teen Girl Squad Tenthennial Extravaganza!"'><img alt='"Teen Girl Squad Tenthennial Extravaganza!"' border="0" height="48" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/1c/TeenGirlSquad10.PNG/68px-TeenGirlSquad10.PNG" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a class="mw-redirect" href="/index.php?title=Podstar_Runner_2006" title="Podstar Runner 2006">Podstar Runner</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2006</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Podstar.PNG" title='"What am I doing in this tiny box?"'><img alt='"What am I doing in this tiny box?"' border="0" height="51" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/f/f8/Podstar.PNG/68px-Podstar.PNG" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 30px; text-align: right">
<p><span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=New_Paper" title="New Paper">New Paper</a> →</span>
</p>
</td>
<td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2007</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:New_Paper_Icon.png" title='"Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"'><img alt='"Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"' border="0" height="60" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/17/New_Paper_Icon.png/68px-New_Paper_Icon.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Strong_Bad%27s_Cool_Game_for_Attractive_People" title="Strong Bad's Cool Game for Attractive People">SBCG4AP</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2008</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:SBCG4AP_Pop_Up.PNG" title="&quot;Time to tear up another day, the Strong Bad freakin' way!&quot;"><img alt="&quot;Time to tear up another day, the Strong Bad freakin' way!&quot;" border="0" height="52" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/0c/SBCG4AP_Pop_Up.PNG/68px-SBCG4AP_Pop_Up.PNG" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -5px;"><a href="/index.php?title=Comp%C3%A9" title="Compé">Compé</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2009</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Comp%C3%A9_with_SB.png" title='"So sleek! So-phisticated! So... Compé!"'><img alt='"So sleek! So-phisticated! So... Compé!"' border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/ae/Comp%C3%A9_with_SB.png/68px-Comp%C3%A9_with_SB.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Xeriouxly_Forxe" title="Xeriouxly Forxe">Xeriouxly Forxe</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2010</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:HSR_Xeriouxly_Forxe.png" title='"Xhut up and juxt xay your linex!"'><img alt='"Xhut up and juxt xay your linex!"' border="0" height="36" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/07/HSR_Xeriouxly_Forxe.png/68px-HSR_Xeriouxly_Forxe.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 20px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -15px;"><a href="/index.php?title=Hiatuses" title="Hiatuses">Hiatus</a> →</span>
</p>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -5px;"><a href="/index.php?title=%40ronginald" title="@ronginald">@ronginald</a> →</span></td>
<td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2011</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:babylady.jpg" title="&quot;DON'T throw baby!&quot;"><img alt="&quot;DON'T throw baby!&quot;" border="0" height="47" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/02/babylady.jpg/68px-babylady.jpg" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -15px;"><a href="/index.php?title=%40ronginald" title="@ronginald">sbemail 206 teaser</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2012</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:sbemail206_teaser.jpg" title='"Someday, when you least expect it..."'><img alt='"Someday, when you least expect it..."' border="0" height="51" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a0/sbemail206_teaser.jpg/68px-sbemail206_teaser.jpg" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -5px;"><a href="/index.php?title=W00tstock_-_18_Jul_2013" title="W00tstock - 18 Jul 2013">W00tstock 5.0</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2013</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:W00tstock.png" title='"Go away, Homestuck."'><img alt='"Go away, Homestuck."' border="0" height="38" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/b/b3/W00tstock.png/68px-W00tstock.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a class="mw-redirect" href="/index.php?title=April_Fools%27_2014" title="April Fools' 2014">April Fools' 2014</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 10px;"><a href="/index.php?title=%40StrongBadActual" title="@StrongBadActual">@StrongBadActual</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2014</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:AprilFools2014.png" title="&quot;You got this, Homestar. This is nothin'.&quot;"><img alt="&quot;You got this, Homestar. This is nothin'.&quot;" border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/e/e9/AprilFools2014.png/68px-AprilFools2014.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=sbemail_206" title="sbemail 206">sbemail 206</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Lappier" title="Lappier">Lappier</a> →</span>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2015</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:sbemail206.png" title='"Just like the previous model, only crappier. I mean, more expensive. I mean, lappier."'><img alt='"Just like the previous model, only crappier. I mean, more expensive. I mean, lappier."' border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a7/sbemail206.png/68px-sbemail206.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Marzipan%27s_Answering_Machine_Version_17.2" title="Marzipan's Answering Machine Version 17.2">MAM 17.2</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Homestar_Runner_20th_Anniversary_Show" title="Homestar Runner 20th Anniversary Show">20th Anniversary Show</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2016</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:dilapidated_XL8.png" title='"What? How can her mailbox be full?"'><img alt='"What? How can her mailbox be full?"' border="0" height="50" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/b/b7/dilapidated_XL8.png/68px-dilapidated_XL8.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Skills_of_an_Artist" title="Skills of an Artist">Skills of an Artist</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2017</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:TwitterSOAA.png" title='"Welcome back to another Skills of an Artist!"'><img alt='"Welcome back to another Skills of an Artist!"' border="0" height="38" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/5/54/TwitterSOAA.png/68px-TwitterSOAA.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 140px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=The_Deleteheads_Download" title="The Deleteheads Download">Deleteheads Download</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Trogdor%21%21_The_Board_Game" title="Trogdor!! The Board Game">Trogdor!!</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2018</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:gameGallery12new.jpg" title="&quot;A cooperative game of burnination, majesty, and consummate V's.&quot;"><img alt="&quot;A cooperative game of burnination, majesty, and consummate V's.&quot;" border="0" height="38" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2d/gameGallery12new.jpg/68px-gameGallery12new.jpg" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Trogdor%21%21_The_Board_Game_Rulebook_EP" title="Trogdor!! The Board Game Rulebook EP">Trogdor!! EP</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2019</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:TrogdorRulebookAlbum.jpg" title="Just remember all the awesome stuff that Trogdor did!"><img alt="Just remember all the awesome stuff that Trogdor did!" border="0" height="68" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a1/TrogdorRulebookAlbum.jpg/68px-TrogdorRulebookAlbum.jpg" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -10px;"><a href="/index.php?title=Homestar_Runner_Original_Soundtrack" title="Homestar Runner Original Soundtrack">Original Soundtrack</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 10px;"><a href="/index.php?title=Stinkoman_20X6_Walkthrough_Level_10" title="Stinkoman 20X6 Walkthrough Level 10">Level 10</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 10px;"><a href="/index.php?title=Post-Flash_Site_Update" title="Post-Flash Site Update">Post-Flash site update</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2020</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:NewIndexPage.png" title="Come on in!"><img alt="Come on in!" border="0" height="47" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/d/d9/NewIndexPage.png/68px-NewIndexPage.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: -12px;"><a href="/index.php?title=Main_Page_27" title="Main Page 27">Main Page 27</a> →</span><br/>
<span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Halloween_Hide_%26_Seek" title="Halloween Hide &amp; Seek">Halloween Hide &amp; Seek</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2021</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Main_Page_27.PNG" title="Come celebrate Trogday with the first new homepage in over 10 years."><img alt="Come celebrate Trogday with the first new homepage in over 10 years." border="0" height="49" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/6/6b/Main_Page_27.PNG/68px-Main_Page_27.PNG" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Decemberweenvent_Calendar" title="Decemberweenvent Calendar">Decemberweenvent</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2022</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:Decemberweenvent_Calendar.png" title="What the crap? A non-chocolate and/or LEGO Decemberweenvent calendar? I used to could eat both of thems"><img alt="What the crap? A non-chocolate and/or LEGO Decemberweenvent calendar? I used to could eat both of thems" border="0" height="35" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/16/Decemberweenvent_Calendar.png/68px-Decemberweenvent_Calendar.png" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Dangeresque:_The_Roomisode_Triungulate" title="Dangeresque: The Roomisode Triungulate">Roomisode Triungulate</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2023</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg" title="Three bite-sized different Roomisode...isodes."><img alt="Three bite-sized different Roomisode...isodes." border="0" height="39" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/4/44/DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg/68px-DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg" width="68"/></a></span></td>
</tr>
<tr>
<td style="width: 130px; height: 40px; text-align: right">
<p> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: {{{float}}};position: relative;top: 0px;"><a href="/index.php?title=Back_To_A_Website" title="Back To A Website">Back To A Website</a> →</span><br/>
</p>
</td>
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="font-size: 12pt; text-shadow: {{{shadow}}};padding: {{{padding}}};float: left;position: relative;top: {{{top}}};">2025</span> <span style="text-shadow: {{{shadow}}};padding: {{{padding}}};float: right;position: relative;top: {{{top}}};"><a class="image" href="/index.php?title=File:20250417_BlueskyPost.jpg" title="I was scrolling down to the local HTML...!"><img alt="I was scrolling down to the local HTML...!" border="0" height="68" src="https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/8/89/20250417_BlueskyPost.jpg/68px-20250417_BlueskyPost.jpg" width="68"/></a></span></td>
</tr>
</table></div>
<a id="Instructions" name="Instructions"></a><h2> <span class="mw-headline">Instructions</span></h2>
<a id="Adding_a_new_year" name="Adding_a_new_year"></a><h3> <span class="mw-headline">Adding a new year</span></h3>
<ul><li>The easiest way is to copy and paste an existing year, and edit it as needed.  It should be placed at the very end, but <i>before</i> the closing <code>&lt;/table&gt;</code> tag.
<ul><li>Years begin with: <code>&lt;!-- 20X6 --&gt;&lt;tr&gt;</code>
</li><li>And end with: <code>&lt;/tr&gt;</code>
</li></ul>
</li><li>When adjusting the height of a year, the value must be changed in <i>both</i> <code>&lt;td&gt;</code> elements.
<ul><li><b>Note</b>: if adjusting the height of an existing year, be sure to readjust the placement of individual items if needed (see below).
</li></ul>
</li></ul>
<a id="Adding_new_events" name="Adding_new_events"></a><h3> <span class="mw-headline">Adding new events</span></h3>
<ul><li>To add new items to the timeline, place them in the <i>first</i> <code>&lt;td&gt;</code> for the appropriate year.  Again, copying and pasting an existing item is probably the easiest way.
<ul><li>Notice that each item has in front <code>{{f|top=0px|t=</code>.
</li><li>This can be used to vertically position the item.  By increasing this number, the item moves down, decreasing moves it up.  Negative numbers are allowed.
</li></ul>
</li></ul>
<br/><hr/><br/>


[[@ronginald]] →
| style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2011 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/0/02/babylady.jpg/68px-babylady.jpg
|-
| style="width: 130px; height: 40px; text-align: right" | [[@ronginald|sbemail 206 teaser]] →
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2012 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a0/sbemail206_teaser.jpg/68px-sbemail206_teaser.jpg
|-
| style="width: 130px; height: 40px; text-align: right" | [[W00tstock - 18 Jul 2013|W00tstock 5.0]] →
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2013 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/b/b3/W00tstock.png/68px-W00tstock.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[April Fools' 2014]] →<br />
[[@StrongBadActual]] →
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2014 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/e/e9/AprilFools2014.png/68px-AprilFools2014.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[sbemail 206]] →<br />
[[Lappier]] →
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2015 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a7/sbemail206.png/68px-sbemail206.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[Marzipan's Answering Machine Version 17.2|MAM 17.2]] →<br />
[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2016 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/b/b7/dilapidated_XL8.png/68px-dilapidated_XL8.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[Skills of an Artist]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2017 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/5/54/TwitterSOAA.png/68px-TwitterSOAA.png
|-
| style="width: 140px; height: 40px; text-align: right" | [[The Deleteheads Download|Deleteheads Download]] →<br />
[[Trogdor!! The Board Game|Trogdor!!]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2018 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/2/2d/gameGallery12new.jpg/68px-gameGallery12new.jpg
|-
| style="width: 130px; height: 40px; text-align: right" | [[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2019 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/a/a1/TrogdorRulebookAlbum.jpg/68px-TrogdorRulebookAlbum.jpg
|-
| style="width: 130px; height: 40px; text-align: right" | [[Homestar Runner Original Soundtrack|Original Soundtrack]] →<br />
[[Stinkoman 20X6 Walkthrough Level 10|Level 10]] →<br />
[[Post-Flash Site Update|Post-Flash site update]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2020 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/d/d9/NewIndexPage.png/68px-NewIndexPage.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[Main Page 27]] →<br />
[[Halloween Hide & Seek]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2021 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/6/6b/Main_Page_27.PNG/68px-Main_Page_27.PNG
|-
| style="width: 130px; height: 40px; text-align: right" | [[Decemberweenvent Calendar|Decemberweenvent]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2022 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/1/16/Decemberweenvent_Calendar.png/68px-Decemberweenvent_Calendar.png
|-
| style="width: 130px; height: 40px; text-align: right" | [[Dangeresque: The Roomisode Triungulate|Roomisode Triungulate]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;" | 2023 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/4/44/DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg/68px-DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg
|-
| style="width: 130px; height: 40px; text-align: right" | [[Back To A Website]] →<br />
| style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;" | 2025 https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/8/89/20250417_BlueskyPost.jpg/68px-20250417_BlueskyPost.jpg
|}


== Instructions ==


=== Adding a new year ===
 
<div class="visualClear"></div>
* The easiest way is to copy and paste an existing year, and edit it as needed. It should be placed at the very end, but ''before'' the closing </table> tag.
</html>
** Years begin with: <!-- 20X6 --><tr>
** And end with: </tr>
* When adjusting the height of a year, the value must be changed in ''both'' <td> elements.
** '''Note''': if adjusting the height of an existing year, be sure to readjust the placement of individual items if needed (see below).
 
=== Adding new events ===
 
* To add new items to the timeline, place them in the ''first'' <td> for the appropriate year. Again, copying and pasting an existing item is probably the easiest way.
** Notice that each item has in front {{f|top=0px|t=.
** This can be used to vertically position the item. By increasing this number, the item moves down, decreasing moves it up. Negative numbers are allowed.
 
----
[[Category:Complex Formatting Templates]]


Latest revision as of 21:00, 18 July 2026

Original Book →

1996 "Everybody loves the Homestar Runner. He is a terrific athlete."
1997
1998

Where My Hat is At? →

1999 Where your hat is at, Homestar?

Website →
MAM →
Old-Timey →

2000 The Homestar Runner!

Strong Bad Email →

2001 "Oh, who is the guy who checks all his emails? That's me, Strong Bad."

Videlectrix →
PBTC →
Compy 386 →
TGS →

2002 "A spectacle of graphics and sound!"

20X6 →
Trogdor →
Dangeresque →
Puppet Stuff →

2003 "And the Trogdor comes in the NIIIIIIIIIIIIGHT!!!!!""Don't ask me why I said it. Because I already forgot."

Cheat Commandos →
Peasant's Quest →
strongbad_email.exe →
Lappy 486 →

 2004 "Finally, a computer for your lap!"

Stinkoman 20X6 →
Everything Else →

2005 "Teen Girl Squad Tenthennial Extravaganza!"

Podstar Runner →

2006 "What am I doing in this tiny box?"

New Paper →

2007 "Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"

SBCG4AP →

2008 "Time to tear up another day, the Strong Bad freakin' way!"

Compé →

2009 "So sleek! So-phisticated! So... Compé!"

Xeriouxly Forxe →

2010 "Xhut up and juxt xay your linex!"

Hiatus →

@ronginald →		 2011 "DON'T throw baby!"

sbemail 206 teaser →

2012 "Someday, when you least expect it..."

W00tstock 5.0 →

2013 "Go away, Homestuck."

April Fools' 2014 →
@StrongBadActual →

2014 "You got this, Homestar. This is nothin'."

sbemail 206 →
Lappier →

2015 "Just like the previous model, only crappier. I mean, more expensive. I mean, lappier."

MAM 17.2 →
20th Anniversary Show →

 2016 "What? How can her mailbox be full?"

Skills of an Artist →

 2017 "Welcome back to another Skills of an Artist!"

Deleteheads Download →
Trogdor!! →

 2018 "A cooperative game of burnination, majesty, and consummate V's."

Trogdor!! EP →

 2019 Just remember all the awesome stuff that Trogdor did!

Original Soundtrack →
Level 10 →
Post-Flash site update →

 2020 Come on in!

Main Page 27 →
Halloween Hide & Seek →

 2021 Come celebrate Trogday with the first new homepage in over 10 years.

Decemberweenvent →

 2022 What the crap? A non-chocolate and/or LEGO Decemberweenvent calendar? I used to could eat both of thems

Roomisode Triungulate →

 2023 Three bite-sized different Roomisode...isodes.

Back To A Website →

 2025 I was scrolling down to the local HTML...!

Instructions

Adding a new year

  • The easiest way is to copy and paste an existing year, and edit it as needed. It should be placed at the very end, but before the closing </table> tag.
    • Years begin with: <!-- 20X6 --><tr>
    • And end with: </tr>
  • When adjusting the height of a year, the value must be changed in both <td> elements.
    • Note: if adjusting the height of an existing year, be sure to readjust the placement of individual items if needed (see below).

Adding new events

  • To add new items to the timeline, place them in the first <td> for the appropriate year. Again, copying and pasting an existing item is probably the easiest way.
    • Notice that each item has in front {{f|top=0px|t=.
    • This can be used to vertically position the item. By increasing this number, the item moves down, decreasing moves it up. Negative numbers are allowed.



Retrieved from "https://hrwikitwice.com/index.php?title=Template:Timeline_of_Homestar_Runner&oldid=37208"