Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
(Changing Puppet Stuff image: Everybody Knows It was first.) |
The Cheatbot (Talk | contribs) (update page name(s)) |
||
| (includes 66 intermediate revisions) | |||
| Line 2: | Line 2: | ||
<!-- 1996 --><tr> | <!-- 1996 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: -15px;">Original Book →</span> | + | <span style="position: relative; top: -15px;">[[Original Book]] →</span> |
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">1996</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px]]</span></td> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">1996</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px|"Everybody loves the Homestar Runner. He is a terrific athlete."]]</span></td> |
</tr> | </tr> | ||
<!-- 1997 --><tr> | <!-- 1997 --><tr> | ||
| - | <td style="width: 130px; height: | + | <td style="width: 130px; height: 40px; text-align: right"></td> |
| - | <td style="width: 120px; height: | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1997</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
<!-- 1998 --><tr> | <!-- 1998 --><tr> | ||
| - | <td style="width: 130px; height: | + | <td style="width: 130px; height: 40px; text-align: right"></td> |
| - | <td style="width: 120px; height: | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">1998</span> <span style="float: right"></span></td> |
</tr> | </tr> | ||
<!-- 1999 --><tr> | <!-- 1999 --><tr> | ||
| - | <td style="width: 130px; height: 20px; text-align: right"></ | + | <td style="width: 130px; height: 20px; text-align: right"> |
| - | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1999</span> <span style="float: right"></span></td> | + | <span style="position: relative; top: -10px;">[[Where My Hat is At?]] →</span> |
| + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1999</span> <span style="float: right">[[File:WhereMyHat.png|68px|Where your hat is at, Homestar?]]</span></td> | ||
</tr> | </tr> | ||
<!-- 2000 --><tr> | <!-- 2000 --><tr> | ||
<td style="width: 130px; height: 20px; text-align: right"> | <td style="width: 130px; height: 20px; text-align: right"> | ||
| - | <span style="position: relative; top: -10px;">Website →</span><br/> | + | <span style="position: relative; top: -10px;">[[homestarrunner.com|Website]] →</span><br/> |
| - | <span style="position: relative; top: 0px;">Old-Timey →</span> | + | <span style="position: relative; top: -5px;">[[Marzipan's Answering Machine|MAM]] →</span><br/> |
| + | <span style="position: relative; top: 0px;">[[Old-Timey]] →</span> | ||
</td> | </td> | ||
| - | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px]]</span></td> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px|The Homestar Runner!]]</span></td> |
</tr> | </tr> | ||
<!-- 2001 --><tr> | <!-- 2001 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: -10px;">Strong Bad Email →</span> | + | <span style="position: relative; top: -10px;">[[Strong Bad Email]] →</span> |
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2001</span> <span style="float: right">[[Image:sbemail1.PNG|68px]]</span></td> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2001</span> <span style="float: right">[[Image:sbemail1.PNG|68px|"Oh, who is the guy who checks all his emails? That's me, Strong Bad."]]</span></td> |
</tr> | </tr> | ||
<!-- 2002 --><tr> | <!-- 2002 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: 10px;">TGS →</span> | + | <span style="position: relative; top: -10px;">[[Videlectrix]] →</span><br/> |
| + | <span style="position: relative; top: -10px;">[[Powered by The Cheat|PBTC]] →</span><br/> | ||
| + | <span style="position: relative; top: -10px;">[[Compy 386]] →</span><br/> | ||
| + | <span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] →</span> | ||
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2002</span> <span style="float: right">[[Image:sbemail.png|68px]]</span></td> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2002</span> <span style="float: right">[[Image:sbemail.png|68px|"A spectacle of graphics and sound!"]]</span></td> |
</tr> | </tr> | ||
<!-- 2003 --><tr> | <!-- 2003 --><tr> | ||
<td style="width: 130px; height: 60px; text-align: right"> | <td style="width: 130px; height: 60px; text-align: right"> | ||
| - | <span style="position: relative; top: -20px;">20X6 →</span><br/> | + | <span style="position: relative; top: -20px;">[[20X6]] →</span><br/> |
| - | <span style="position: relative; top: | + | <span style="position: relative; top: -19px;">[[Trogdor]] →</span><br/> |
| - | <span style="position: relative; top: 20px;">Puppet Stuff →</span> | + | <span style="position: relative; top: -19px;">[[Dangeresque (film series)|Dangeresque]] →</span><br/> |
| + | <span style="position: relative; top: 20px;">[[Puppet Stuff]] →</span> | ||
</td> | </td> | ||
| - | <td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2003</span> <span style="float: right; border: solid #cedbeb 1px;">[[Image: | + | <td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2003</span> <span style="float: right; border: solid #cedbeb 1px;">[[Image:sbemail58picture2a.PNG|66px|"And the Trogdor comes in the NIIIIIIIIIIIIGHT!!!!!"]]</span><span style="float: right;">[[Image:Everybody Knows It.jpg|68px|"Don't ask me why I said it. Because I already forgot."]]</span></td> |
</tr> | </tr> | ||
<!-- 2004 --><tr> | <!-- 2004 --><tr> | ||
<td style="width: 133px; height: 40px; text-align: right"> | <td style="width: 133px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: 0px;">Cheat Commandos →</span><br/> | + | <span style="position: relative; top: 0px;">[[Cheat Commandos]] →</span><br/> |
| - | <span style="position: relative; top: 0px;">Peasant's Quest →</span> | + | <span style="position: relative; top: 0px;">[[Peasant's Quest]] →</span><br/> |
| + | <span style="position: relative; top: 0px;">[[strongbad_email.exe]] →</span><br/> | ||
| + | <span style="position: relative; top: 0px;">[[Lappy 486]] →</span><br/> | ||
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px]]</span></td> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px|"Finally, a computer for your lap!"]]</span></td> |
</tr> | </tr> | ||
<!-- 2005 --><tr> | <!-- 2005 --><tr> | ||
| - | <td style="width: 130px; height: 40px; text-align: right"></td> | + | <td style="width: 130px; height: 40px; text-align: right"> |
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px]]</span></td> | + | <span style="position: relative; top: -10px;">[[Stinkoman 20X6]] →</span><br/> |
| + | <span style="position: relative; top: 5px;">[[Everything Else]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px|"Teen Girl Squad Tenthennial Extravaganza!"]]</span></td> | ||
</tr> | </tr> | ||
<!-- 2006 --><tr> | <!-- 2006 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: -10px;">Podstar Runner →</span> | + | <span style="position: relative; top: -10px;">[[Podstar Runner]] →</span> |
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2006</span> <span style="float: right">[[Image:Podstar.PNG|68px]]</span></td> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2006</span> <span style="float: right">[[Image:Podstar.PNG|68px|"What am I doing in this tiny box?"]]</span></td> |
</tr> | </tr> | ||
<!-- 2007 --><tr> | <!-- 2007 --><tr> | ||
| - | <td style="width: 130px; height: 30px; text-align: right"></td> | + | <td style="width: 130px; height: 30px; text-align: right"> |
| - | + | <span style="position: relative; top: -10px;">[[New Paper]] →</span> | |
| + | </td> | ||
| + | <td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2007</span> <span style="float: right">[[Image:New Paper Icon.png|68px|"Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"]]</span></td> | ||
</tr> | </tr> | ||
<!-- 2008 --><tr> | <!-- 2008 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
| - | <span style="position: relative; top: -10px;">SBCG4AP →</span> | + | <span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] →</span> |
</td> | </td> | ||
| - | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2008</span> <span style="float: right">[[Image:SBCG4AP | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2008</span> <span style="float: right">[[Image:SBCG4AP Pop Up.PNG|68px|"Time to tear up another day, the Strong Bad freakin' way!"]]</span></td> |
| + | </tr> | ||
| + | |||
| + | <!-- 2009 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -5px;">[[Compé]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2009</span> <span style="float: right">[[Image:Compé with SB.png|68px|"So sleek! So-phisticated! So... Compé!"]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2010 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[Xeriouxly Forxe]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2010</span> <span style="float: right">[[Image:HSR Xeriouxly Forxe.png|68px|"Xhut up and juxt xay your linex!"]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2011 --><tr> | ||
| + | <td style="width: 130px; height: 20px; text-align: right"> | ||
| + | <span style="position: relative; top: -15px;">[[HRWiki:Hiatuses|Hiatus]] →</span> | ||
| + | <span style="position: relative; top: -5px;">[[@ronginald]] →</span></td> | ||
| + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2011</span> <span style="float: right">[[File:babylady.jpg|68px|"DON'T throw baby!"]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2012 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -15px;">[[@ronginald|sbemail 206 teaser]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2012</span> <span style="float: right">[[File:sbemail206 teaser.jpg|68px|"Someday, when you least expect it..."]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2013 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -5px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2013</span> <span style="float: right">[[File:W00tstock.png|68px|"Go away, Homestuck."]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2014 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[April Fools' 2014]] →</span><br/> | ||
| + | <span style="position: relative; top: 10px;">[[@StrongBadActual]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2014</span> <span style="float: right">[[File:AprilFools2014.png|68px|"You got this, Homestar. This is nothin'."]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2015 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[sbemail 206]] →</span><br/> | ||
| + | <span style="position: relative; top: -10px;">[[Lappier]] →</span> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2015</span> <span style="float: right">[[File:sbemail206.png|68px|"Just like the previous model, only crappier. I mean, more expensive. I mean, lappier."]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2016 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[Marzipan's Answering Machine Version 17.2|MAM 17.2]] →</span><br/> | ||
| + | <span style="position: relative; top: 0px;">[[Homestar Runner 20th Anniversary Show - 2 Sep 2016|20th Anniversary Show]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2016</span> <span style="float: right">[[File:dilapidated_XL8.png|68px|"What? How can her mailbox be full?"]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | |||
| + | <!-- 2017 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -5px;">[[too cool]] →</span><br/> | ||
| + | <span style="position: relative; top: 0px;">[[Skills of an Artist]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2017</span> <span style="float: right">[[File:TwitterSOAA.png|68px|"Welcome back to another Skills of an Artist!"]]</span></td> | ||
| + | </tr> | ||
| + | |||
| + | <!-- 2018 --><tr> | ||
| + | <td style="width: 140px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[The Deleteheads Download|Deleteheads Download]] →</span><br/> | ||
| + | <span style="position: relative; top: 0px;">[[Trogdor!! The Board Game|Trogdor!!]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2018</span> <span style="float: right">[[File:gameGallery12new.jpg|68px|"A cooperative game of burnination, majesty, and consummate V's."]]</span></td> | ||
| + | </tr> | ||
| + | <!-- 2019 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] →</span><br/> | ||
| + | <span style="position: relative; top: -10px;">[[Strong Bad Sings and Other Type Hits|Strong Bad Sings]] →</span><br/> | ||
| + | <span style="position: relative; top: 10px;">[[Hooked on Decemberween|Hooked on D-ween]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2019</span> <span style="float: right">[[File:TrogdorRulebookAlbum.jpg|68px|Just remember all the awesome stuff that Trogdor did!]]</span></td> | ||
| + | </tr> | ||
| + | <!-- 2020 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -10px;">[[Homestar Runner Original Soundtrack|Original Soundtrack]] →</span><br/> | ||
| + | <span style="position: relative; top: 10px;">[[Stinkoman 20X6 Level 10|Level 10]] →</span><br/> | ||
| + | <span style="position: relative; top: 10px;">[[Post-Flash site update]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2020</span> <span style="float: right">[[File:NewIndexPage.png|68px|Come on in!]]</span></td> | ||
| + | </tr> | ||
| + | <!-- 2021 --><tr> | ||
| + | <td style="width: 130px; height: 40px; text-align: right"> | ||
| + | <span style="position: relative; top: -15px;">[[Main Page 27]] →</span><br/> | ||
| + | </td> | ||
| + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2021</span> <span style="float: right">[[File:Main Page 27.PNG|68px|Come celebrate Trogday with the first new homepage in over 10 years.]]</span></td> | ||
</tr> | </tr> | ||
<!-- Place new years directly above this line --> | <!-- Place new years directly above this line --> | ||
</table></div><noinclude> | </table></div><noinclude> | ||
| + | |||
==Instructions== | ==Instructions== | ||
===Adding a new year=== | ===Adding a new year=== | ||
| Line 100: | Line 212: | ||
**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. | **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. | ||
<br/><hr/><br/> | <br/><hr/><br/> | ||
| + | [[Category:Complex Formatting Templates|{{PAGENAME}}]] | ||
</noinclude> | </noinclude> | ||
Revision as of 04:29, 4 February 2021
1996  |
|
| 1997 | |
| 1998 | |
1999  |
|
2000  |
|
2001  |
|
|
Videlectrix → |
2002  |
|
20X6 → |
2003   |
|
Cheat Commandos → |
2004  |
2005  |
|
2006  |
|
2007  |
|
|
SBCG4AP → |
2008  |
|
Compé → |
2009  |
2010  |
|
|
Hiatus → @ronginald → |
2011  |
2012  |
|
2013  |
|
2014  |
|
|
sbemail 206 → |
2015  |
2016  |
|
2017  |
|
2018  |
|
2019  |
|
2020  |
|
2021  |
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>
- Years begin with:
- 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
<span style="postition: relative; top: 0px;">. - 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.
- Notice that each item has in front
