Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(partial unrv)
(i'm not sure if this should link to the 2008 or 2006 version, since this is a timeline and it's the 2006 entry, I'll stick to the 2006 version.)
 
(includes 25 intermediate revisions)
Line 1: Line 1:
-
<div style="background: #fff; float: right; font-size: smaller;"><table border="0" cellspacing="0" cellpadding="0">
+
<!-- /* Initialize Table Cell Style variables */
 +
-->{{#setvar:td_linkcell_formatting|style="width: 130px; height: 40px; text-align: right"}}<!--
 +
-->{{#setvar:td_evencell_formatting|style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"}}<!--
 +
-->{{#setvar:td_oddcell_formatting|style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"}}<!--
 +
-->{{#setvar:td_linkcell20_formatting|style="width: 130px; height: 20px; text-align: right"}}<!--
 +
  /* Begin Content */
 +
--><div style="background: #fff; float: right; font-size: smaller;"><table border="0" cellspacing="0" cellpadding="0">
<!-- 1996 --><tr>
<!-- 1996 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -15px;">[[Original Book]] &rarr;</span>
+
{{f|top=-15px|t=[[Original Book]] &rarr;}}
</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|"Everybody loves the Homestar Runner. He is a terrific athlete."]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{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 {{#var:td_linkcell_formatting}}></td>
-
<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>
+
<td {{#var:td_oddcell_formatting}}> {{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 {{#var:td_linkcell_formatting}}></td>
-
<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>
+
<td {{#var:td_evencell_formatting}}> {{f|size=12pt|float=left|t=1998}} {{f|float=right|t=}}</td>
</tr>
</tr>
<!-- 1999 --><tr>
<!-- 1999 --><tr>
-
<td style="width: 130px; height: 20px; text-align: right">
+
<td {{#var:td_linkcell20_formatting}}>
-
<span style="position: relative; top: -10px;">[[Where My Hat is At?]] &rarr;</span>
+
{{f|top=-10px|t=[[Where My Hat is At?]] &rarr;}}
-
<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>
+
<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>
<!-- 2000 --><tr>
<!-- 2000 --><tr>
-
<td style="width: 130px; height: 20px; text-align: right">
+
<td {{#var:td_linkcell20_formatting}}>
-
<span style="position: relative; top: -10px;">[[homestarrunner.com|Website]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[homestarrunner.com|Website]] &rarr;}}<br/>
-
<span style="position: relative; top: -5px;">[[Marzipan's Answering Machine|MAM]] &rarr;</span><br/>
+
{{f|top=-5px|t=[[Marzipan's Answering Machine|MAM]] &rarr;}}<br/>
-
<span style="position: relative; top: 0px;">[[Old-Timey]] &rarr;</span>
+
{{f|top=0px|t=[[Old-Timey]] &rarr;}}
</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|The Homestar Runner!]]</span></td>
+
<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>
<!-- 2001 --><tr>
<!-- 2001 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Strong Bad Email]] &rarr;</span>
+
{{f|top=-10px|t=[[Strong Bad Email]] &rarr;}}
</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|"Oh, who is the guy who checks all his emails? That's me, Strong Bad."]]</span></td>
+
<td {{#var:td_oddcell_formatting}}> {{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>
<!-- 2002 --><tr>
<!-- 2002 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Videlectrix]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[Videlectrix]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[Powered by The Cheat|PBTC]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[Powered by The Cheat|PBTC]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[Compy 386]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[Compy 386]] &rarr;}}<br/>
-
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] &rarr;</span>
+
{{f|top=10px|t=[[Teen Girl Squad|TGS]] &rarr;}}
</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|"A spectacle of graphics and sound!"]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{f|size=12pt|float=left|t=2002}} {{f|float=right|t=[[Image:sbemail.png|68px|"A spectacle of graphics and sound!"]]}}</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]] &rarr;</span><br/>
+
{{f|top=-20px|t=[[20X6]] &rarr;}}<br/>
-
<span style="position: relative; top: -19px;">[[Trogdor]] &rarr;</span><br/>
+
{{f|top=-19px|t=[[Trogdor]] &rarr;}}<br/>
-
<span style="position: relative; top: -19px;">[[Dangeresque (film series)|Dangeresque]] &rarr;</span><br/>
+
{{f|top=-19px|t=[[Dangeresque (film series)|Dangeresque]] &rarr;}}<br/>
-
<span style="position: relative; top: 20px;">[[Puppet Stuff]] &rarr;</span>
+
{{f|top=20px|t=[[Puppet Stuff]] &rarr;}}
</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|"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>
+
<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>
<!-- 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]] &rarr;</span><br/>
+
{{f|top=0px|t=[[Cheat Commandos]] &rarr;}}<br/>
-
<span style="position: relative; top: 0px;">[[Peasant's Quest]] &rarr;</span><br/>
+
{{f|top=0px|t=[[Peasant's Quest]] &rarr;}}<br/>
-
<span style="position: relative; top: 0px;">[[strongbad_email.exe]] &rarr;</span><br/>
+
{{f|top=0px|t=[[strongbad_email.exe]] &rarr;}}<br/>
-
<span style="position: relative; top: 0px;">[[Lappy 486]] &rarr;</span><br/>
+
{{f|top=0px|t=[[Lappy 486]] &rarr;}}<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|"Finally, a computer for your lap!"]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{f|size=12pt|float=left|t=2004}} {{f|float=right|t=[[Image:sbemail119.PNG|68px|"Finally, a computer for your lap!"]]}}</td>
</tr>
</tr>
<!-- 2005 --><tr>
<!-- 2005 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Stinkoman 20X6]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[Stinkoman 20X6]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[Everything Else]] &rarr;</span>
+
{{f|top=5px|t=[[Everything Else]] &rarr;}}
</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 {{#var:td_oddcell_formatting}}> {{f|size=12pt|float=left|t=2005}} {{f|float=right|t=[[Image:TeenGirlSquad10.PNG|68px|"Teen Girl Squad Tenthennial Extravaganza!"]]}}</td>
</tr>
</tr>
<!-- 2006 --><tr>
<!-- 2006 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Podstar Runner]] &rarr;</span>
+
{{f|top=-10px|t=[[Podstar Runner 2006|Podstar Runner]] &rarr;}}
</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|"What am I doing in this tiny box?"]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{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>
<!-- 2007 --><tr>
<!-- 2007 --><tr>
<td style="width: 130px; height: 30px; text-align: right">
<td style="width: 130px; height: 30px; text-align: right">
-
<span style="position: relative; top: -10px;">[[New Paper]] &rarr;</span>
+
{{f|top=-10px|t=[[New Paper]] &rarr;}}
</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|"Heunh heownh heunh heownh vvvvvt eangt clonk-a-donk!"]]</span></td>
+
<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>
<!-- 2008 --><tr>
<!-- 2008 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] &rarr;</span>
+
{{f|top=-10px|t=[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] &rarr;}}
</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|"Time to tear up another day, the Strong Bad freakin' way!"]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{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>
<!-- 2009 --><tr>
<!-- 2009 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Compé]] &rarr;</span>
+
{{f|top=-5px|t=[[Compé]] &rarr;}}
</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 {{#var:td_oddcell_formatting}}> {{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>
<!-- 2010 --><tr>
<!-- 2010 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -5px;">[[Xeriouxly Forxe]] &rarr;</span>
+
{{f|top=-10px|t=[[Xeriouxly Forxe]] &rarr;}}
</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 {{#var:td_evencell_formatting}}> {{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>
<!-- 2011 --><tr>
<!-- 2011 --><tr>
-
<td style="width: 130px; height: 20px; text-align: right">
+
<td {{#var:td_linkcell20_formatting}}>
-
<span style="position: relative; top: -5px;">[[HRWiki:Hiatuses|Hiatus]] &rarr;</span></td>
+
{{f|top=-15px|t=[[Hiatuses|Hiatus]] &rarr;}}
-
<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>
+
{{f|top=-5px|t=[[@ronginald]] &rarr;}}</td>
 +
<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>
<!-- 2012 --><tr>
<!-- 2012 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -15px;">[[@ronginald]] &rarr;</span>
+
{{f|top=-15px|t=[[@ronginald|sbemail 206 teaser]] &rarr;}}
</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 {{#var:td_evencell_formatting}}> {{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>
<!-- 2013 --><tr>
<!-- 2013 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -15px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] &rarr;</span>
+
{{f|top=-5px|t=[[W00tstock - 18 Jul 2013|W00tstock 5.0]] &rarr;}}
</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 {{#var:td_oddcell_formatting}}> {{f|size=12pt|float=left|t=2013}} {{f|float=right|t=[[File:W00tstock.png|68px|"Go away, Homestuck."]]}}</td>
</tr>
</tr>
<!-- 2014 --><tr>
<!-- 2014 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[April Fools' 2014]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[April Fools' 2014]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[@StrongBadActual]] &rarr;</span>
+
{{f|top=10px|t=[[@StrongBadActual]] &rarr;}}
</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 {{#var:td_evencell_formatting}}> {{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>
<!-- 2015 --><tr>
<!-- 2015 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[sbemail206]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[sbemail 206]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[Lappier]] &rarr;</span>
+
{{f|top=-10px|t=[[Lappier]] &rarr;}}
</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;">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>
+
<td {{#var:td_oddcell_formatting}}> {{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>
<!-- 2016 --><tr>
<!-- 2016 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -10px;">[[Marzipan's Answering Machine Version 17.2|MAM 17.2]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[Marzipan's Answering Machine Version 17.2|MAM 17.2]] &rarr;}}<br/>
 +
{{f|top=0px|t=[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] &rarr;}}<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 {{#var:td_evencell_formatting}}> {{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>
<!-- 2017 --><tr>
<!-- 2017 --><tr>
-
<td style="width: 130px; height: 40px; text-align: right">
+
<td {{#var:td_linkcell_formatting}}>
-
<span style="position: relative; top: -5px;">[[too cool]] &rarr;</span><br/>
+
{{f|top=0px|t=[[Skills of an Artist]] &rarr;}}<br/>
-
<span style="position: relative; top: -5px;">[[Skills of an Artist]] &rarr;</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 {{#var:td_oddcell_formatting}}> {{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>
<!-- 2018 --><tr>
<!-- 2018 --><tr>
<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]] &rarr;</span><br/>
+
{{f|top=-10px|t=[[The Deleteheads Download|Deleteheads Download]] &rarr;}}<br/>
-
<span style="position: relative; top: -10px;">[[Trogdor!! The Board Game|Trogdor!!]] &rarr;</span><br/>
+
{{f|top=0px|t=[[Trogdor!! The Board Game|Trogdor!!]] &rarr;}}<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:gameGallery7.jpg|68px|"A cooperative game of burnination, majesty, and consummate V's."]]</span></td>
+
<td {{#var:td_evencell_formatting}}> {{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>
 +
<!-- 2019 --><tr>
 +
<td {{#var:td_linkcell_formatting}}>
 +
{{f|top=-10px|t=[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] &rarr;}}<br/>
 +
</td>
 +
<td {{#var:td_oddcell_formatting}}> {{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>
 +
<!-- 2020 --><tr>
 +
<td {{#var:td_linkcell_formatting}}>
 +
{{f|top=-10px|t=[[Homestar Runner Original Soundtrack|Original Soundtrack]] &rarr;}}<br/>
 +
{{f|top=10px|t=[[Stinkoman 20X6 Walkthrough Level 10|Level 10]] &rarr;}}<br/>
 +
{{f|top=10px|t=[[Post-Flash site update]] &rarr;}}<br/>
 +
</td>
 +
<td {{#var:td_evencell_formatting}}> {{f|size=12pt|float=left|t=2020}} {{f|float=right|t=[[File:NewIndexPage.png|68px|Come on in!]]}}</td>
 +
</tr>
 +
<!-- 2021 --><tr>
 +
<td {{#var:td_linkcell_formatting}}>
 +
{{f|top=-12px|t=[[Main Page 27]] &rarr;}}<br/>
 +
{{f|top=0px|t=[[Halloween Hide & Seek]] &rarr;}}<br/>
 +
</td>
 +
<td {{#var:td_oddcell_formatting}}> {{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>
 +
<!-- 2022 --><tr>
 +
<td {{#var:td_linkcell_formatting}}>
 +
{{f|top=0px|t=[[Decemberweenvent Calendar|Decemberweenvent]] &rarr;}}<br/>
 +
</td>
 +
<td {{#var:td_evencell_formatting}}> {{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>
 +
<!-- 2023 --><tr>
 +
<td {{#var:td_linkcell_formatting}}>
 +
{{f|top=0px|t=[[Dangeresque: The Roomisode Triungulate|Roomisode Triungulate]] &rarr;}}<br/>
 +
</td>
 +
<td {{#var:td_oddcell_formatting}}> {{f|size=12pt|float=left|t=2023}} {{f|float=right|t=[[File:DangeresqueRoomisodeTriungulateTrailerThumbnail.jpg|68px|Three bite-sized different Roomisode...isodes.]]}}</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===
-
*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>&lt;/table&gt;</code> tag.
+
*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>&lt;!-- 20X6 --&gt;&lt;tr&gt;</code>
+
**Years begin with: <code><nowiki><!-- 20X6 --><tr></nowiki></code>
-
**And end with: <code>&lt;/tr&gt;</code>
+
**And end with: <code><nowiki></tr></nowiki></code>
-
*When adjusting the height of a year, the value must be changed in ''both'' <code>&lt;td&gt;</code> elements.
+
*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>&lt;td&gt;</code> for the appropriate year.  Again, copying and pasting an existing item is probably the easiest way.
+
*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>&lt;span style="postition: relative; top: 0px;"&gt;</code>.
+
**Notice that each item has in front <code><nowiki>{{f|top=0px|t=</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>

Current revision as of 11:35, 26 October 2023

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.

[edit] Instructions

[edit] 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).

[edit] 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 "http://www.hrwiki.org/wiki/Template:Timeline_of_Homestar_Runner"
Personal tools