Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)

Current revision as of 18:03, 18 November 2025

Original Book →	1996
	1997
	1998
Where My Hat is At? →	1999
Website → MAM → Old-Timey →	2000
Strong Bad Email →	2001
Videlectrix → PBTC → Compy 386 → TGS →	2002
20X6 → Trogdor → Dangeresque → Puppet Stuff →	2003
Cheat Commandos → Peasant's Quest → strongbad_email.exe → Lappy 486 →	2004
Stinkoman 20X6 → Everything Else →	2005
Podstar Runner →	2006
New Paper →	2007
SBCG4AP →	2008
Compé →	2009
Xeriouxly Forxe →	2010
Hiatus → @ronginald →	2011
sbemail 206 teaser →	2012
W00tstock 5.0 →	2013
April Fools' 2014 → @StrongBadActual →	2014
sbemail 206 → Lappier →	2015
MAM 17.2 → 20th Anniversary Show →	2016
Skills of an Artist →	2017
Deleteheads Download → Trogdor!! →	2018
Trogdor!! EP →	2019
Original Soundtrack → Level 10 → Post-Flash site update →	2020
Main Page 27 → Halloween Hide & Seek →	2021
Decemberweenvent →	2022
Roomisode Triungulate →	2023
Back To A Website →	2025

[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: <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.

Template:Timeline of Homestar Runner

From Homestar Runner Wiki

Current revision as of 18:03, 18 November 2025

[edit] Instructions

[edit] Adding a new year

[edit] Adding new events

Views

Personal tools

Navigation

Search

Toolbox

External Links

@@ 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>
-	<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 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=[[File:HomestarOriginalBook.jpg|68px|"Everybody loves the Homestar Runner. He is a terrific athlete."]]}}</td>
 </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>
 <!-- 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>
 <!-- 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>
 <!-- 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 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>
 <!-- 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 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>
 <!-- 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 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>
 <!-- 2003 --><tr>
 	<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 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>
 <!-- 2004 --><tr>
 	<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 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>
 <!-- 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: 5px;">[[Everything Else]] &rarr;</span>
+		{{f|top=5px|t=[[Everything Else]] &rarr;}}
 	</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>
 <!-- 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 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>
 <!-- 2007 --><tr>
 	<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 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>
 <!-- 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 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>
 <!-- 2009 --><tr>
-	<td style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -5px;">[[Compé]] &rarr;</span>
+		{{f|top=-5px|t=[[Compé]] &rarr;}}
 	</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>
 <!-- 2010 --><tr>
-	<td style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -10px;">[[Xeriouxly Forxe]] &rarr;</span>
+		{{f|top=-10px|t=[[Xeriouxly Forxe]] &rarr;}}
 	</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>
 <!-- 2011 --><tr>
-	<td style="width: 130px; height: 20px; text-align: right">
+	<td {{#var:td_linkcell20_formatting}}>
-		<span style="position: relative; top: -15px;">[[Hiatuses|Hiatus]] &rarr;</span>
+		{{f|top=-15px|t=[[Hiatuses|Hiatus]] &rarr;}}
-		<span style="position: relative; top: -5px;">[[@ronginald]] &rarr;</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;"> <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;"> {{f|size=12pt|float=left|t=2011}} {{f|float=right|t=[[File:babylady.jpg|68px|"DON'T throw baby!"]]}}</td>
 </tr>
 <!-- 2012 --><tr>
-	<td style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -15px;">[[@ronginald|sbemail 206 teaser]] &rarr;</span>
+		{{f|top=-15px|t=[[@ronginald|sbemail 206 teaser]] &rarr;}}
 	</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>
 <!-- 2013 --><tr>
-	<td style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -5px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] &rarr;</span>
+		{{f|top=-5px|t=[[W00tstock - 18 Jul 2013|W00tstock 5.0]] &rarr;}}
 	</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>
 <!-- 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 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>
 <!-- 2015 --><tr>
-	<td style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -10px;">[[sbemail 206]] &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 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>
 <!-- 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/>
-		<span style="position: relative; top: 0px;">[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] &rarr;</span><br/>
+		{{f|top=0px|t=[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] &rarr;}}<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>
+	<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>
 <!-- 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: 0px;">[[Skills of an Artist]] &rarr;</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>
+	<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>
 <!-- 2018 --><tr>
 	<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: 0px;">[[Trogdor!! The Board Game|Trogdor!!]] &rarr;</span><br/>
+		{{f|top=0px|t=[[Trogdor!! The Board Game|Trogdor!!]] &rarr;}}<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>
+	<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 style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -10px;">[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] &rarr;</span><br/>
+		{{f|top=-10px|t=[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] &rarr;}}<br/>
-		<span style="position: relative; top: -10px;">[[Strong Bad Sings and Other Type Hits|Strong Bad Sings]] &rarr;</span><br/>
-		<span style="position: relative; top: 10px;">[[Hooked on Decemberween|Hooked on D-ween]] &rarr;</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>
+	<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 style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -10px;">[[Homestar Runner Original Soundtrack|Original Soundtrack]] &rarr;</span><br/>
+		{{f|top=-10px|t=[[Homestar Runner Original Soundtrack|Original Soundtrack]] &rarr;}}<br/>
-		<span style="position: relative; top: 10px;">[[Stinkoman 20X6 Walkthrough Level 10|Level 10]] &rarr;</span><br/>
+		{{f|top=10px|t=[[Stinkoman 20X6 Walkthrough Level 10|Level 10]] &rarr;}}<br/>
-		<span style="position: relative; top: 10px;">[[Post-Flash site update]] &rarr;</span><br/>
+		{{f|top=10px|t=[[Post-Flash site update]] &rarr;}}<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>
+	<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 style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: -12px;">[[Main Page 27]] &rarr;</span><br/>
+		{{f|top=-12px|t=[[Main Page 27]] &rarr;}}<br/>
-		<span style="position: relative; top: 0px;">[[Halloween Hide & Seek]] &rarr;</span><br/>
+		{{f|top=0px|t=[[Halloween Hide & Seek]] &rarr;}}<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>
+	<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 style="width: 130px; height: 40px; text-align: right">
+	<td {{#var:td_linkcell_formatting}}>
-		<span style="position: relative; top: 0px;">[[Decemberweenvent Calendar]] &rarr;</span><br/>
+		{{f|top=0px|t=[[Decemberweenvent Calendar|Decemberweenvent]] &rarr;}}<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;">2022</span> <span style="float: right">[[File:Decemberweenvent Calendar.png|68px|What the crap? A non-chocolate and/or LEGO Decemberweenvent calendar? I used to could eat both of thems]]</span></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>
+<!-- 2025 --><tr>
+	<td {{#var:td_linkcell_formatting}}>
+		{{f|top=0px|t=[[Back To A Website]] &rarr;}}<br/>
+	</td>
+	<td {{#var:td_evencell_formatting}}> {{f|size=12pt|float=left|t=2025}} {{f|float=right|t=[[File:20250417 BlueskyPost.jpg|68px|I was scrolling down to the local HTML...!]]}}</td>
 </tr>
 <!-- Place new years directly above this line -->
@@ Line 207: / Line 222: @@
 ==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 <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).
 ===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.
 <br/><hr/><br/>
 [[Category:Complex Formatting Templates|{{PAGENAME}}]]
 </noinclude>