Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
Bad Bad Guy (Talk | contribs) m |
Bleu Ninja (Talk | contribs) m (rm redir) |
||
(includes 48 intermediate revisions) | |||
Line 4: | Line 4: | ||
<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> | ||
Line 28: | Line 29: | ||
<span style="position: relative; top: 0px;">[[Old-Timey]] →</span> | <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> | ||
Line 35: | Line 36: | ||
<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> | ||
Line 45: | Line 46: | ||
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] →</span> | <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> | ||
Line 52: | Line 53: | ||
<span style="position: relative; top: -20px;">[[20X6]] →</span><br/> | <span style="position: relative; top: -20px;">[[20X6]] →</span><br/> | ||
<span style="position: relative; top: -19px;">[[Trogdor]] →</span><br/> | <span style="position: relative; top: -19px;">[[Trogdor]] →</span><br/> | ||
+ | <span style="position: relative; top: -19px;">[[Dangeresque (film series)|Dangeresque]] →</span><br/> | ||
<span style="position: relative; top: 20px;">[[Puppet Stuff]] →</span> | <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:sbemail58picture2a.PNG|66px]]</span><span style="float: right;">[[Image:Everybody Knows It.jpg|68px]]</span></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: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> | ||
Line 64: | Line 66: | ||
<span style="position: relative; top: 0px;">[[Lappy 486]] →</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> | ||
Line 70: | Line 72: | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
<span style="position: relative; top: -10px;">[[Stinkoman 20X6]] →</span><br/> | <span style="position: relative; top: -10px;">[[Stinkoman 20X6]] →</span><br/> | ||
- | <span style="position: relative; top: | + | <span style="position: relative; top: 5px;">[[Everything Else]] →</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;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.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;">2005</span> <span style="float: right">[[Image:TeenGirlSquad10.PNG|68px|"Teen Girl Squad Tenthennial Extravaganza!"]]</span></td> |
</tr> | </tr> | ||
Line 79: | Line 81: | ||
<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> | ||
Line 86: | Line 88: | ||
<span style="position: relative; top: -10px;">[[New Paper]] →</span> | <span style="position: relative; top: -10px;">[[New Paper]] →</span> | ||
</td> | </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]]</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> | ||
Line 93: | Line 95: | ||
<span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|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 Pop Up.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;">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> | </tr> | ||
<!-- 2009 --><tr> | <!-- 2009 --><tr> | ||
- | <td style="width: 130px; height: 20px; text-align: right"></td> | + | <td style="width: 130px; height: 40px; 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;"> | + | <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;">[[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=== |
Revision as of 18:41, 10 May 2022
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