Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
(too cool isn't that notable, and these two albums already existed before they were put on streamings) |
m (switch to formatting template; switch to nowiki in instructions (should make it easier to read)) |
||
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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=1996}} {{f|float=right|t=[[Image:Original Book Cover.PNG|68px|"Everybody loves the Homestar Runner. He is a terrific athlete."]]}}</td> |
</tr> | </tr> | ||
<!-- 1997 --><tr> | <!-- 1997 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"></td> | <td style="width: 130px; height: 40px; text-align: right"></td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=1997}} {{f|float=right|t=}}</td> |
</tr> | </tr> | ||
<!-- 1998 --><tr> | <!-- 1998 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"></td> | <td style="width: 130px; height: 40px; text-align: right"></td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=1998}} {{f|float=right|t=}}</td> |
</tr> | </tr> | ||
Line 20: | Line 20: | ||
<td style="width: 130px; height: 20px; text-align: right"> | <td style="width: 130px; height: 20px; text-align: right"> | ||
<span style="position: relative; top: -10px;">[[Where My Hat is At?]] →</span> | <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;"> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=1999}} {{f|float=right|t=[[File:WhereMyHat.png|68px|Where your hat is at, Homestar?]]}}</td> |
</tr> | </tr> | ||
Line 29: | 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;"> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2000}} {{f|float=right|t=[[Image:old flash stuff.png|68px|The Homestar Runner!]]}}</td> |
</tr> | </tr> | ||
Line 36: | 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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2001}} {{f|float=right|t=[[Image:sbemail1.PNG|68px|"Oh, who is the guy who checks all his emails? That's me, Strong Bad."]]}}</td> |
</tr> | </tr> | ||
Line 46: | 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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2002}} {{f|float=right|t=[[Image:sbemail.png|68px|"A spectacle of graphics and sound!"]]}}</td> |
</tr> | </tr> | ||
Line 56: | Line 56: | ||
<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;"> | + | <td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2003}} <span style="float: right; border: solid #cedbeb 1px;">[[Image:sbemail58picture2a.PNG|66px|"And the Trogdor comes in the NIIIIIIIIIIIIGHT!!!!!"]]</span>{{f|float=right|t=[[Image:Everybody Knows It.jpg|68px|"Don't ask me why I said it. Because I already forgot."]]}}</td> |
</tr> | </tr> | ||
Line 66: | 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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2004}} {{f|float=right|t=[[Image:sbemail119.PNG|68px|"Finally, a computer for your lap!"]]}}</td> |
</tr> | </tr> | ||
Line 74: | Line 74: | ||
<span style="position: relative; top: 5px;">[[Everything Else]] →</span> | <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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2005}} {{f|float=right|t=[[Image:TeenGirlSquad10.PNG|68px|"Teen Girl Squad Tenthennial Extravaganza!"]]}}</td> |
</tr> | </tr> | ||
Line 81: | 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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2006}} {{f|float=right|t=[[Image:Podstar.PNG|68px|"What am I doing in this tiny box?"]]}}</td> |
</tr> | </tr> | ||
Line 88: | 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;"> | + | <td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2007}} {{f|float=right|t=[[Image:New Paper Icon.png|68px|"Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"]]}}</td> |
</tr> | </tr> | ||
Line 95: | 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;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2008}} {{f|float=right|t=[[Image:SBCG4AP Pop Up.PNG|68px|"Time to tear up another day, the Strong Bad freakin' way!"]]}}</td> |
</tr> | </tr> | ||
Line 102: | Line 102: | ||
<span style="position: relative; top: -5px;">[[Compé]] →</span> | <span style="position: relative; top: -5px;">[[Compé]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2009}} {{f|float=right|t=[[Image:Compé with SB.png|68px|"So sleek! So-phisticated! So... Compé!"]]}}</td> |
</tr> | </tr> | ||
Line 109: | Line 109: | ||
<span style="position: relative; top: -10px;">[[Xeriouxly Forxe]] →</span> | <span style="position: relative; top: -10px;">[[Xeriouxly Forxe]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2010}} {{f|float=right|t=[[Image:HSR Xeriouxly Forxe.png|68px|"Xhut up and juxt xay your linex!"]]}}</td> |
</tr> | </tr> | ||
Line 116: | Line 116: | ||
<span style="position: relative; top: -15px;">[[Hiatuses|Hiatus]] →</span> | <span style="position: relative; top: -15px;">[[Hiatuses|Hiatus]] →</span> | ||
<span style="position: relative; top: -5px;">[[@ronginald]] →</span></td> | <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;"> | + | <td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2011}} {{f|float=right|t=[[File:babylady.jpg|68px|"DON'T throw baby!"]]}}</td> |
</tr> | </tr> | ||
Line 123: | Line 123: | ||
<span style="position: relative; top: -15px;">[[@ronginald|sbemail 206 teaser]] →</span> | <span style="position: relative; top: -15px;">[[@ronginald|sbemail 206 teaser]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2012}} {{f|float=right|t=[[File:sbemail206 teaser.jpg|68px|"Someday, when you least expect it..."]]}}</td> |
</tr> | </tr> | ||
Line 130: | Line 130: | ||
<span style="position: relative; top: -5px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] →</span> | <span style="position: relative; top: -5px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2013}} {{f|float=right|t=[[File:W00tstock.png|68px|"Go away, Homestuck."]]}}</td> |
</tr> | </tr> | ||
Line 138: | Line 138: | ||
<span style="position: relative; top: 10px;">[[@StrongBadActual]] →</span> | <span style="position: relative; top: 10px;">[[@StrongBadActual]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2014}} {{f|float=right|t=[[File:AprilFools2014.png|68px|"You got this, Homestar. This is nothin'."]]}}</td> |
</tr> | </tr> | ||
Line 146: | Line 146: | ||
<span style="position: relative; top: -10px;">[[Lappier]] →</span> | <span style="position: relative; top: -10px;">[[Lappier]] →</span> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2015}} {{f|float=right|t=[[File:sbemail206.png|68px|"Just like the previous model, only crappier. I mean, more expensive. I mean, lappier."]]}}</td> |
</tr> | </tr> | ||
Line 154: | Line 154: | ||
<span style="position: relative; top: 0px;">[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] →</span><br/> | <span style="position: relative; top: 0px;">[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2016}} {{f|float=right|t=[[File:dilapidated_XL8.png|68px|"What? How can her mailbox be full?"]]}}</td> |
</tr> | </tr> | ||
Line 162: | Line 162: | ||
<span style="position: relative; top: 0px;">[[Skills of an Artist]] →</span><br/> | <span style="position: relative; top: 0px;">[[Skills of an Artist]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2017}} {{f|float=right|t=[[File:TwitterSOAA.png|68px|"Welcome back to another Skills of an Artist!"]]}}</td> |
</tr> | </tr> | ||
Line 170: | Line 170: | ||
<span style="position: relative; top: 0px;">[[Trogdor!! The Board Game|Trogdor!!]] →</span><br/> | <span style="position: relative; top: 0px;">[[Trogdor!! The Board Game|Trogdor!!]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2018}} {{f|float=right|t=[[File:gameGallery12new.jpg|68px|"A cooperative game of burnination, majesty, and consummate V's."]]}}</td> |
</tr> | </tr> | ||
<!-- 2019 --><tr> | <!-- 2019 --><tr> | ||
Line 176: | Line 176: | ||
<span style="position: relative; top: -10px;">[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] →</span><br/> | <span style="position: relative; top: -10px;">[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2019}} {{f|float=right|t=[[File:TrogdorRulebookAlbum.jpg|68px|Just remember all the awesome stuff that Trogdor did!]]}}</td> |
</tr> | </tr> | ||
<!-- 2020 --><tr> | <!-- 2020 --><tr> | ||
Line 184: | Line 184: | ||
<span style="position: relative; top: 10px;">[[Post-Flash site update]] →</span><br/> | <span style="position: relative; top: 10px;">[[Post-Flash site update]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2020}} {{f|float=right|t=[[File:NewIndexPage.png|68px|Come on in!]]}}</td> |
</tr> | </tr> | ||
<!-- 2021 --><tr> | <!-- 2021 --><tr> | ||
Line 191: | Line 191: | ||
<span style="position: relative; top: 0px;">[[Halloween Hide & Seek]] →</span><br/> | <span style="position: relative; top: 0px;">[[Halloween Hide & Seek]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> {{f|size=12pt|float=left|t=2021}} {{f|float=right|t=[[File:Main Page 27.PNG|68px|Come celebrate Trogday with the first new homepage in over 10 years.]]}}</td> |
</tr> | </tr> | ||
<!-- 2022 --><tr> | <!-- 2022 --><tr> | ||
Line 197: | Line 197: | ||
<span style="position: relative; top: 0px;">[[Decemberweenvent Calendar|Decemberweenvent]] →</span><br/> | <span style="position: relative; top: 0px;">[[Decemberweenvent Calendar|Decemberweenvent]] →</span><br/> | ||
</td> | </td> | ||
- | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> | + | <td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> {{f|size=12pt|float=left|t=2022}} {{f|float=right|t=[[File:Decemberweenvent Calendar.png|68px|What the crap? A non-chocolate and/or LEGO Decemberweenvent calendar? I used to could eat both of thems]]}}</td> |
</tr> | </tr> | ||
<!-- Place new years directly above this line --> | <!-- Place new years directly above this line --> | ||
Line 204: | Line 204: | ||
==Instructions== | ==Instructions== | ||
===Adding a new year=== | ===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 <code> | + | *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 <code><nowiki></table></nowiki></code> tag. |
- | **Years begin with: <code> | + | **Years begin with: <code><nowiki><!-- 20X6 --><tr></nowiki></code> |
- | **And end with: <code> | + | **And end with: <code><nowiki></tr></nowiki></code> |
- | *When adjusting the height of a year, the value must be changed in ''both'' <code> | + | *When adjusting the height of a year, the value must be changed in ''both'' <code><nowiki><td></nowiki></code> elements. |
**'''Note''': if adjusting the height of an existing year, be sure to readjust the placement of individual items if needed (see below). | **'''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=== | ===Adding new events=== | ||
- | *To add new items to the timeline, place them in the ''first'' <code> | + | *To add new items to the timeline, place them in the ''first'' <code><nowiki><td></nowiki></code> for the appropriate year. Again, copying and pasting an existing item is probably the easiest way. |
- | **Notice that each item has in front <code> | + | **Notice that each item has in front <code><nowiki><span style="postition: relative; top: 0px;"></nowiki></code>. |
**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}}]] | [[Category:Complex Formatting Templates|{{PAGENAME}}]] | ||
</noinclude> | </noinclude> |
Revision as of 01:18, 22 January 2023
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 |
|
2022 ![]() |
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