Template:Timeline of Homestar Runner
From Homestar Runner Wiki
(Difference between revisions)
(link to more appropriate article) |
(moving and adding stuff) |
||
Line 72: | 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|"Teen Girl Squad Tenthennial Extravaganza!"]]</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> | ||
Line 100: | Line 100: | ||
<!-- 2009 --><tr> | <!-- 2009 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
- | <span style="position: relative; top: - | + | <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;"> <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> | <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> | ||
Line 107: | Line 107: | ||
<!-- 2010 --><tr> | <!-- 2010 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
- | <span style="position: relative; top: - | + | <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;"> <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> | <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> | ||
Line 114: | Line 114: | ||
<!-- 2011 --><tr> | <!-- 2011 --><tr> | ||
<td style="width: 130px; height: 20px; text-align: right"> | <td style="width: 130px; height: 20px; text-align: right"> | ||
- | <span style="position: relative; top: - | + | <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> | <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> | </tr> | ||
Line 120: | Line 121: | ||
<!-- 2012 --><tr> | <!-- 2012 --><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;">[[@ronginald]] →</span> | + | <span style="position: relative; top: -15px;">[[@ronginald|sbemail206 teaser]] →</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;">2012</span> <span style="float: right">[[File:sbemail206 teaser.jpg|68px|"Someday, when you least expect it..."]]</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> | ||
Line 127: | Line 128: | ||
<!-- 2013 --><tr> | <!-- 2013 --><tr> | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
- | <span style="position: relative; top: - | + | <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;"> <span style="float: left; font-size: 12pt;">2013</span> <span style="float: right">[[File:W00tstock.png|68px|"Go away, Homestuck."]]</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> | ||
Line 135: | Line 136: | ||
<td style="width: 130px; height: 40px; text-align: right"> | <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;">[[April Fools' 2014]] →</span><br/> | ||
- | <span style="position: relative; top: | + | <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;"> <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> | <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> | ||
Line 151: | Line 152: | ||
<td style="width: 130px; height: 40px; text-align: right"> | <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: -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> | ||
<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> | <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> | ||
Line 159: | Line 161: | ||
<td style="width: 130px; height: 40px; text-align: right"> | <td style="width: 130px; height: 40px; text-align: right"> | ||
<span style="position: relative; top: -5px;">[[too cool]] →</span><br/> | <span style="position: relative; top: -5px;">[[too cool]] →</span><br/> | ||
- | <span style="position: relative; top: | + | <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;"> <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> | <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> | ||
Line 167: | Line 169: | ||
<td style="width: 140px; height: 40px; text-align: right"> | <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: -10px;">[[The Deleteheads Download|Deleteheads Download]] →</span><br/> | ||
- | <span style="position: relative; top: | + | <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;"> <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> | <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> | ||
Line 173: | Line 175: | ||
<!-- 2019 --><tr> | <!-- 2019 --><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;">[[Hooked on Decemberween|Hooked on D-ween]] →</span><br/> | + | <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> | ||
- | <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">[[ | + | <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> | </tr> | ||
<!-- 2020 --><tr> | <!-- 2020 --><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;">[[Homestar Runner Original Soundtrack|Original Soundtrack]] →</span><br/> | <span style="position: relative; top: -10px;">[[Homestar Runner Original Soundtrack|Original Soundtrack]] →</span><br/> | ||
- | <span style="position: relative; top: | + | <span style="position: relative; top: 10px;">[[Stinkoman 20X6 Level 10|Level 10]] →</span><br/> |
- | <span style="position: relative; top: | + | <span style="position: relative; top: 10px;">[[Ruffle|Site redesign]] →</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;">2020</span> <span style="float: right">[[File: | + | <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> | </tr> | ||
Revision as of 04:13, 9 January 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 ![]() |
|
sbemail206 → |
2015 ![]() |
2016 ![]() |
|
2017 ![]() |
|
2018 ![]() |
|
2019 ![]() |
|
2020 ![]() |
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