Template:Timeline of Homestar Runner

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(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]] &rarr;</span>
<span style="position: relative; top: -15px;">[[Original Book]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">1996</span> <span style="float: right">[[Image:Original Book Cover.PNG|68px|"Everybody loves the Homestar Runner. He is a terrific athlete."]]</span></td>
+
<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;"> <span style="float: left; font-size: 12pt;">1997</span> <span style="float: right"></span></td>
+
<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;"> <span style="float: left; font-size: 12pt;">1998</span> <span style="float: right"></span></td>
+
<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?]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Where My Hat is At?]] &rarr;</span>
-
<td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">1999</span> <span style="float: right">[[File:WhereMyHat.png|68px|Where your hat is at, Homestar?]]</span></td>
+
<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]] &rarr;</span>
<span style="position: relative; top: 0px;">[[Old-Timey]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 20px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2000</span> <span style="float: right">[[Image:old flash stuff.png|68px|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>
Line 36: Line 36:
<span style="position: relative; top: -10px;">[[Strong Bad Email]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Strong Bad Email]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2001</span> <span style="float: right">[[Image:sbemail1.PNG|68px|"Oh, who is the guy who checks all his emails? That's me, Strong Bad."]]</span></td>
+
<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]] &rarr;</span>
<span style="position: relative; top: 10px;">[[Teen Girl Squad|TGS]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2002</span> <span style="float: right">[[Image:sbemail.png|68px|"A spectacle of graphics and sound!"]]</span></td>
+
<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]] &rarr;</span>
<span style="position: relative; top: 20px;">[[Puppet Stuff]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 60px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2003</span> <span style="float: right; border: solid #cedbeb 1px;">[[Image:sbemail58picture2a.PNG|66px|"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>
Line 66: Line 66:
<span style="position: relative; top: 0px;">[[Lappy 486]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Lappy 486]] &rarr;</span><br/>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2004</span> <span style="float: right">[[Image:sbemail119.PNG|68px|"Finally, a computer for your lap!"]]</span></td>
+
<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]] &rarr;</span>
<span style="position: relative; top: 5px;">[[Everything Else]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Podstar Runner]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2006</span> <span style="float: right">[[Image:Podstar.PNG|68px|"What am I doing in this tiny box?"]]</span></td>
+
<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]] &rarr;</span>
<span style="position: relative; top: -10px;">[[New Paper]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 30px; padding-left: 5px; border-left: solid #798ac3 10px; background: #fff;"> <span style="float: left; font-size: 12pt;">2007</span> <span style="float: right">[[Image:New Paper Icon.png|68px|"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>
Line 95: Line 95:
<span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Strong Bad's Cool Game for Attractive People|SBCG4AP]] &rarr;</span>
</td>
</td>
-
<td style="width: 120px; height: 40px; padding-left: 5px; border-left: solid #798ac3 10px; background: #cedbeb;"> <span style="float: left; font-size: 12pt;">2008</span> <span style="float: right">[[Image:SBCG4AP Pop Up.PNG|68px|"Time to tear up another day, the Strong Bad freakin' way!"]]</span></td>
+
<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é]] &rarr;</span>
<span style="position: relative; top: -5px;">[[Compé]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Xeriouxly Forxe]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -15px;">[[Hiatuses|Hiatus]] &rarr;</span>
<span style="position: relative; top: -5px;">[[@ronginald]] &rarr;</span></td>
<span style="position: relative; top: -5px;">[[@ronginald]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -15px;">[[@ronginald|sbemail 206 teaser]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -5px;">[[W00tstock - 18 Jul 2013|W00tstock 5.0]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: 10px;">[[@StrongBadActual]] &rarr;</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;"> {{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]] &rarr;</span>
<span style="position: relative; top: -10px;">[[Lappier]] &rarr;</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;">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 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]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Homestar Runner 20th Anniversary Show|20th Anniversary Show]] &rarr;</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;"> {{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]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[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 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!!]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Trogdor!! The Board Game|Trogdor!!]] &rarr;</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;"> {{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]] &rarr;</span><br/>
<span style="position: relative; top: -10px;">[[Trogdor!! The Board Game Rulebook EP|Trogdor!! EP]] &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;">2019</span> <span style="float: right">[[File:TrogdorRulebookAlbum.jpg|68px|Just remember all the awesome stuff that Trogdor did!]]</span></td>
+
<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]] &rarr;</span><br/>
<span style="position: relative; top: 10px;">[[Post-Flash site update]] &rarr;</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:NewIndexPage.png|68px|Come on in!]]</span></td>
+
<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]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Halloween Hide & Seek]] &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;">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 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]] &rarr;</span><br/>
<span style="position: relative; top: 0px;">[[Decemberweenvent Calendar|Decemberweenvent]] &rarr;</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;">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 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>&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><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

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

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>
  • 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.



Personal tools