Site Components

|- bgcolor=#eeeeee

|- bgcolor=#eeeeee

! width=100 | Screenshot!! width=150px | Name !! Description !! width=200px | External Links

! width=100 | Screenshot!! width=150px | Name !! Description !! width=200px | External Links

! colspan=4 | Parts of a page

! colspan=4 | Parts of a page

| || '''Weeklies XML File''' || An XML page controlling the text of the weekly things.  The source can be read [[Secret Pages XML Source#Weeklies XML File|here]].

| || '''Weeklies XML File''' || An XML page controlling the text of the weekly things.  The source can be read [[Secret Pages XML Source#Weeklies XML File|here]].

| [[HR:weeklies/weeklies.xml|Weeklies XML]]

| [[HR:weeklies/weeklies.xml|Weeklies XML]]

|  || '''Random Toon XML''' || The list of toons that the above chooses from. The source can be read [[Secret_Pages_XML_Source#Random_Toon_XML_File|here]]. || [[HR:rando.xml|Random Toon XML]]

|  || '''Random Toon XML''' || The list of toons that the above chooses from. The source can be read [[Secret_Pages_XML_Source#Random_Toon_XML_File|here]]. || [[HR:rando.xml|Random Toon XML]]

| [[Image:Blackbox.gif]] || '''Black Box''' || A tiny black box that is used in the menu pages.

| [[Image:Blackbox.gif]] || '''Black Box''' || A tiny black box that is used in the menu pages.

| [[HR:blackbox.gif|Black Box]]

| [[HR:blackbox.gif|Black Box]]

| [[Image:Newsbutton.PNG|100px]] || '''News''' || The news button that is integrated in every [[Main Pages|main page]]. || [[HR:newbutton.swf|News]]

| [[Image:Newsbutton.PNG|100px]] || '''News''' || The news button that is integrated in every [[Main Pages|main page]]. || [[HR:newbutton.swf|News]]

| [[Image:Homepage Component.PNG|100px]] || '''Homepages''' || The homepages list that is integrated in every main page except Main Page 23. || [[HR:homepages.swf|Homepages]]

| [[Image:Homepage Component.PNG|100px]] || '''Homepages''' || The homepages list that is integrated in every main page except Main Page 23. || [[HR:homepages.swf|Homepages]]

| [[Image:Homepage 23 Component.PNG|100px]] || '''Homepages 23''' || The homepage list that is integrated in [[Main Page 23]]. || [[HR:homepages_23.swf|Homepage 23]]

| [[Image:Homepage 23 Component.PNG|100px]] || '''Homepages 23''' || The homepage list that is integrated in [[Main Page 23]]. || [[HR:homepages_23.swf|Homepage 23]]

| [[Image:VirusQoW.PNG|100px]] || '''Virus'd QoD''' || What happens when you click on the 'Q' button at the top of the [[virus]] email. Notice that when you roll over the 'Don't tape it!' text it turns into 'Don't take it!' || [[HR:qod_virus.swf|Virus'd QoD]]

| [[Image:VirusQoW.PNG|100px]] || '''Virus'd QoD''' || What happens when you click on the 'Q' button at the top of the [[virus]] email. Notice that when you roll over the 'Don't tape it!' text it turns into 'Don't take it!' || [[HR:qod_virus.swf|Virus'd QoD]]

| [[Image:VirusFanstuff.PNG|100px]] || '''Virus'd Fanstuff''' || What happens when you click on the 'F' button at the top of the [[virus]] email. || [[HR:fanstuff_virus.swf|Virus'd Fanstuff]]

| [[Image:VirusFanstuff.PNG|100px]] || '''Virus'd Fanstuff''' || What happens when you click on the 'F' button at the top of the [[virus]] email. || [[HR:fanstuff_virus.swf|Virus'd Fanstuff]]

| [[Image:VirusMixer.PNG|100px]] || '''Virus'd Sketchbook''' || What happens when you click on the 'S' button at the top of the [[virus]] email. || [[HR:sketchbook_virus.swf|Virus'd Sketchbook]]

| [[Image:VirusMixer.PNG|100px]] || '''Virus'd Sketchbook''' || What happens when you click on the 'S' button at the top of the [[virus]] email. || [[HR:sketchbook_virus.swf|Virus'd Sketchbook]]

| <span class="plainlinks">[http://www.hrwiki.org/index.php/Image:NavBar.PNG http://www.hrwiki.org/images/6/63/NavBarCropped.PNG]</span> || '''NavBar''' || The menu that appears on almost every page underneath the toon. Originally did not include "rando" and "podcast", which were added in that order. Currently comprised of:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] &nbsp;[[Toons|<span style="color:#666">toons</span>]] &nbsp;[[Games|<span style="color:#666">games</span>]] &nbsp;[[Characters|<span style="color:#666">characters</span>]] &nbsp;[[Downloads|<span style="color:#666">downloads</span>]] &nbsp;[[Store|<span style="color:#666">store</span>]] &nbsp;[[Strong Bad Email|<span style="color:#666">sb emails</span>]] &nbsp;[[Email|<span style="color:#666">contact</span>]] &nbsp;[[Podstar Runner|<span style="color:#666">podcast</span>]] &nbsp;[[Legal|<span style="color:#666">legal</span>]] &nbsp;[[Random Toon|<span style="color:#666">rando</span>]]</span> || [[HR:main nav.swf|NavBar]]

| <span class="plainlinks">[http://www.hrwiki.org/index.php/Image:NavBar.PNG http://www.hrwiki.org/images/6/63/NavBarCropped.PNG]</span> || '''NavBar''' || The menu that appears on almost every page underneath the toon. Originally did not include "rando" and "podcast", which were added in that order. Currently comprised of:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] &nbsp;[[Toons|<span style="color:#666">toons</span>]] &nbsp;[[Games|<span style="color:#666">games</span>]] &nbsp;[[Characters|<span style="color:#666">characters</span>]] &nbsp;[[Downloads|<span style="color:#666">downloads</span>]] &nbsp;[[Store|<span style="color:#666">store</span>]] &nbsp;[[Strong Bad Email|<span style="color:#666">sb emails</span>]] &nbsp;[[Email|<span style="color:#666">contact</span>]] &nbsp;[[Podstar Runner|<span style="color:#666">podcast</span>]] &nbsp;[[Legal|<span style="color:#666">legal</span>]] &nbsp;[[Random Toon|<span style="color:#666">rando</span>]]</span> || [[HR:main nav.swf|NavBar]]

| <span class="plainlinks">[http://www.hrwiki.org/index.php/Image:Boredbottons.PNG http://www.hrwiki.org/images/0/07/Boredbottons_prev.PNG]</span> || '''Bored Buttons''' || An old navigation bar in the style of [[Strong Bad's Message Bored]]. ||[[HR:boredbuttons.swf|View the Flash file]]

| <span class="plainlinks">[http://www.hrwiki.org/index.php/Image:Boredbottons.PNG http://www.hrwiki.org/images/0/07/Boredbottons_prev.PNG]</span> || '''Bored Buttons''' || An old navigation bar in the style of [[Strong Bad's Message Bored]]. ||[[HR:boredbuttons.swf|View the Flash file]]

| [[Image:TheRandomizerNoAnimation.png|100px]] || '''Random Toon''' || The [[Random Toon]] chooser that comes up when you click the R on the main page. || [[HR:rando.swf|Random Toon]]

| [[Image:TheRandomizerNoAnimation.png|100px]] || '''Random Toon''' || The [[Random Toon]] chooser that comes up when you click the R on the main page. || [[HR:rando.swf|Random Toon]]

| [[Image:Jarules.PNG|100px]] || '''Message Bored Rules''' || They appear to be the rules from the Strong Bad Message Bored. || [[HR:rules.html|view the rules page]]

| [[Image:Jarules.PNG|100px]] || '''Message Bored Rules''' || They appear to be the rules from the Strong Bad Message Bored. || [[HR:rules.html|view the rules page]]

| [[Image:MacIconInstructions.PNG|100px]] || '''Mac icons instructions''' || Old Mac icon instructions. || [[HR:macicons.html|Mac icons instructions]]

| [[Image:MacIconInstructions.PNG|100px]] || '''Mac icons instructions''' || Old Mac icon instructions. || [[HR:macicons.html|Mac icons instructions]]

| <center> [[Image:HStarIcon.PNG|75px]]</center> || '''Icon''' || A Homestar Runner icon. In some browsers, this is used as a bookmark icon.  In other browsers it is displayed in the location/address bar when a user visits any page on homestarrunner.com. || [[HR:favicon.ico|Icon]]

| <center> [[Image:HStarIcon.PNG|75px]]</center> || '''Icon''' || A Homestar Runner icon. In some browsers, this is used as a bookmark icon.  In other browsers it is displayed in the location/address bar when a user visits any page on homestarrunner.com. || [[HR:favicon.ico|Icon]]

| <center>[[Image:MarziMenu.PNG|75px]]</center> || '''Answering Machines Archive''' || The archive menu in the bottom right of [[Marzipan's Answering Machine]]. || [[HR:answermenu.swf|Answering Machines]]

| <center>[[Image:MarziMenu.PNG|75px]]</center> || '''Answering Machines Archive''' || The archive menu in the bottom right of [[Marzipan's Answering Machine]]. || [[HR:answermenu.swf|Answering Machines]]

|-

|-

|-

|-

| [[Image:sketchbook_040819_viewtifulbrothers.png|100px]]|| '''[[Sketchbook]]''' || This is the flash file that plays the current sketchbook. || [[HR:sketchbook.swf|view the current sketchbook]]

| [[Image:sketchbook_040819_viewtifulbrothers.png|100px]]|| '''[[Sketchbook]]''' || This is the flash file that plays the current sketchbook. || [[HR:sketchbook.swf|view the current sketchbook]]

| [[Image:Qod 1 - Homestar White.PNG|100px]] || '''[[Quote of the Week]]''' || This is the flash file that plays the current quote of the week. || [[HR:qod.swf|view the current quote]]  

| [[Image:Qod 1 - Homestar White.PNG|100px]] || '''[[Quote of the Week]]''' || This is the flash file that plays the current quote of the week. || [[HR:qod.swf|view the current quote]]  

! colspan=4 | Whole Page Components

! colspan=4 | Whole Page Components

| [[Image:Wanted.PNG|100px]] || '''Wanted''' || This wanted poster was accessible from the "What's New" button a few days before [[Strong Bad is in Jail Cartoon]]. It reads "WANTED" in large text, and under that it reads "GRAND THEFT CANDYBAR, DOITERING, & FIRST DEGREE DINING N' DITCHING". || [[HR:wanted.swf|view the Flash file]]

| [[Image:Wanted.PNG|100px]] || '''Wanted''' || This wanted poster was accessible from the "What's New" button a few days before [[Strong Bad is in Jail Cartoon]]. It reads "WANTED" in large text, and under that it reads "GRAND THEFT CANDYBAR, DOITERING, & FIRST DEGREE DINING N' DITCHING". || [[HR:wanted.swf|view the Flash file]]

| [[Image:MakingOut.PNG|100px]] || '''Making Out''' || The "Click on the Monkey!!!"  pop-up that was in the Strong Bad Email [[virus]].  Also view the [[HR:hsmakeout.swf|flash file]] || [[HR:hsmakeout.html|Making Out]]

| [[Image:MakingOut.PNG|100px]] || '''Making Out''' || The "Click on the Monkey!!!"  pop-up that was in the Strong Bad Email [[virus]].  Also view the [[HR:hsmakeout.swf|flash file]] || [[HR:hsmakeout.html|Making Out]]

| [[Image:50cake.PNG|100px]] || '''50 cake''' || The Easter egg that was used in the email [[big white face]], click on it for all sorts of crazy crap. || [[HR:cake.swf|50 cake]]

| [[Image:50cake.PNG|100px]] || '''50 cake''' || The Easter egg that was used in the email [[big white face]], click on it for all sorts of crazy crap. || [[HR:cake.swf|50 cake]]

| [[Image:404.PNG|100px]] || '''[[404'd]]''' || The error message that appears when you go to something on H*R.com that doesn't exist. || [[HR:404error.html|See 404 Error Page]]

| [[Image:404.PNG|100px]] || '''[[404'd]]''' || The error message that appears when you go to something on H*R.com that doesn't exist. || [[HR:404error.html|See 404 Error Page]]

| <center>[[Image:Strong Bad Error.png|100px]]</center> || '''[[Strong Bad 404 Error Page]]''' || The error page that was used before [[404'd]]. If you look closely on the mailbox before the letters appear on the [[Email]] page, you can see [[HR:sberror.jpg|that Strong Bad face]] from the old error page. || [[HR:errorpage.html|view the error page]]

| <center>[[Image:Strong Bad Error.png|100px]]</center> || '''[[Strong Bad 404 Error Page]]''' || The error page that was used before [[404'd]]. If you look closely on the mailbox before the letters appear on the [[Email]] page, you can see [[HR:sberror.jpg|that Strong Bad face]] from the old error page. || [[HR:errorpage.html|view the error page]]

| [[Image:SeriousTennis.PNG|100px]] || '''Seriously!''' || An Easter egg from [[3 Times Halloween Funjob]], accessed by clicking on the candy corn light in the top right corner in the cast list at the end. Click [[HR:tennis.swf|here]] for the flash file. || [[HR:tennis.html|Seriously!]]

| [[Image:SeriousTennis.PNG|100px]] || '''Seriously!''' || An Easter egg from [[3 Times Halloween Funjob]], accessed by clicking on the candy corn light in the top right corner in the cast list at the end. Click [[HR:tennis.swf|here]] for the flash file. || [[HR:tennis.html|Seriously!]]

| [[Image:firstflash.PNG|100px]] || '''[[First Flash]]''' ||  This is the first Homestar flash cartoon that [[The Brothers Chaps]] made. || [[HR:pompom.html|watch "First Flash"]]<br>[[HR:pompom.swf|view the Flash file for "First Flash"]]

| [[Image:firstflash.PNG|100px]] || '''[[First Flash]]''' ||  This is the first Homestar flash cartoon that [[The Brothers Chaps]] made. || [[HR:pompom.html|watch "First Flash"]]<br>[[HR:pompom.swf|view the Flash file for "First Flash"]]

| [[Image:secondflash.PNG|100px]] || '''[[Second Flash]]''' || This is the second bit of Homestar Flash ever. || [[HR:homestar2.html|watch "Second Flash"]]<br>[[HR:homestar2.swf|view the Flash file for "Second Flash"]]

| [[Image:secondflash.PNG|100px]] || '''[[Second Flash]]''' || This is the second bit of Homestar Flash ever. || [[HR:homestar2.html|watch "Second Flash"]]<br>[[HR:homestar2.swf|view the Flash file for "Second Flash"]]

| [[Image:isleofpom.PNG|100px]] || '''[[Pom Pom, Too]]''' || This shows the origins of Pom Pom. ||

| [[Image:isleofpom.PNG|100px]] || '''[[Pom Pom, Too]]''' || This shows the origins of Pom Pom. ||

[[HR:pomwhole.html|watch "Pom Pom, Too"]]<br>[[HR:pomwhole.swf|view the Flash file for "Pom Pom, Too"]]

[[HR:pomwhole.html|watch "Pom Pom, Too"]]<br>[[HR:pomwhole.swf|view the Flash file for "Pom Pom, Too"]]

| [[Image:oldintro.png|100px]] || '''[[Old Intro]]''' || The original intro to the site. ||

| [[Image:oldintro.png|100px]] || '''[[Old Intro]]''' || The original intro to the site. ||

[[HR:intro.swf|Watch "Old Intro"]]<br>[[HR:oldintro.html|watch an older version of "Old Intro"]]<br>[[HR:oldintro.swf|view the Flash file for the older version of "Old Intro"]]

[[HR:intro.swf|Watch "Old Intro"]]<br>[[HR:oldintro.html|watch an older version of "Old Intro"]]<br>[[HR:oldintro.swf|view the Flash file for the older version of "Old Intro"]]

| [[Image:Original_Games_Menu.png|100px]] || '''[[Original Games Menu]]''' || The Original Games Menu was the first interface for game selection used on the Homestar Runner site. || [[HR:gamesold.html|Visit the Old Games Menu]]<br>[[HR:gamesold.swf|View the Flash file]]

| [[Image:Original_Games_Menu.png|100px]] || '''[[Original Games Menu]]''' || The Original Games Menu was the first interface for game selection used on the Homestar Runner site. || [[HR:gamesold.html|Visit the Old Games Menu]]<br>[[HR:gamesold.swf|View the Flash file]]

| [[Image:shelovesme.PNG|100px]] || '''[[She Loves Me!]]''' || She Loves Me! is the "game" with the first appearance of Marzipan. This isn't really much of a game as you pick the petals off of a flower and at the end, she loves him not. Conveniently, another petal grows and, you guessed it! "She loves me!" || [[HR:daisy.html|play "She Loves Me!"]]<br>[[HR:daisy.swf|play the Flash file for "She Loves Me!"]]

| [[Image:shelovesme.PNG|100px]] || '''[[She Loves Me!]]''' || She Loves Me! is the "game" with the first appearance of Marzipan. This isn't really much of a game as you pick the petals off of a flower and at the end, she loves him not. Conveniently, another petal grows and, you guessed it! "She loves me!" || [[HR:daisy.html|play "She Loves Me!"]]<br>[[HR:daisy.swf|play the Flash file for "She Loves Me!"]]

| [[Image:Second_Games_Menu.png|100px]] || '''[[Second Games Menu]]''' || The Second Games Menu is an Atari 2600 themed menu. || [[HR:games2.html|Visit the Games Menu]]<br>[[HR:games2.swf|View the Flash file]]<br>[[HR:gamesmenu.swf|View the alternate Flash file featuring working links]]

| [[Image:Second_Games_Menu.png|100px]] || '''[[Second Games Menu]]''' || The Second Games Menu is an Atari 2600 themed menu. || [[HR:games2.html|Visit the Games Menu]]<br>[[HR:games2.swf|View the Flash file]]<br>[[HR:gamesmenu.swf|View the alternate Flash file featuring working links]]

| [[Image:anotherintro.PNG|100px]] || '''[[Old Intro 2]]''' || This is the second intro that appeared on the site. || [[HR:run2x.html|watch "Another Old Intro"]]<br>[[HR:run2x.swf|view the Flash file for "Another Old Intro"]]

| [[Image:anotherintro.PNG|100px]] || '''[[Old Intro 2]]''' || This is the second intro that appeared on the site. || [[HR:run2x.html|watch "Another Old Intro"]]<br>[[HR:run2x.swf|view the Flash file for "Another Old Intro"]]

| [[Image:Old_Characters_Page.png|100px]] || '''[[Old Characters Page]]''' || The Old Characters Page was an early attempt to introduce the various denizens of Free Country, USA.  || [[HR:charactersold.html|Visit the Old Character Page]]<br>[[HR:charactersold.swf|View the Flash file]]

| [[Image:Old_Characters_Page.png|100px]] || '''[[Old Characters Page]]''' || The Old Characters Page was an early attempt to introduce the various denizens of Free Country, USA.  || [[HR:charactersold.html|Visit the Old Character Page]]<br>[[HR:charactersold.swf|View the Flash file]]

| rowspan="5" | [[Image:Intro decision page flipped.png|100px]] || rowspan="5" | '''They Call Him Flipper''' || Used to flip pages upside-down, for [[April Fool's 2006]], it is possible to flip any SWF file on the site except for the exceptions listed [[April Fool's 2006#Remarks|here]]. In the URL for the flipped homepage, replace "welcome.swf" with any SWF file. It gives people who weren't on the site on April Fool's Day a chance to see fipping of pages, and allows pages that were not on the site on April 1, 2006 also to be flipped. || class="plainlinks" | [[HR:theyCallHimFlipper.swf|View the Flash file]]<br>[http://www.homestarrunner.com/theyCallHimFlipper.swf?contentURL=welcome.swf View the flash file for the flipped opening page]<br>[http://www.homestarrunner.com/theyCallHimFlipper.swf?contentURL=sbemail_lappy.swf View the flipped Strong Bad Email menu page]

| rowspan="5" | [[Image:Intro decision page flipped.png|100px]] || rowspan="5" | '''They Call Him Flipper''' || Used to flip pages upside-down, for [[April Fool's 2006]], it is possible to flip any SWF file on the site except for the exceptions listed [[April Fool's 2006#Remarks|here]]. In the URL for the flipped homepage, replace "welcome.swf" with any SWF file. It gives people who weren't on the site on April Fool's Day a chance to see fipping of pages, and allows pages that were not on the site on April 1, 2006 also to be flipped. || class="plainlinks" | [[HR:theyCallHimFlipper.swf|View the Flash file]]<br>[http://www.homestarrunner.com/theyCallHimFlipper.swf?contentURL=welcome.swf View the flash file for the flipped opening page]<br>[http://www.homestarrunner.com/theyCallHimFlipper.swf?contentURL=sbemail_lappy.swf View the flipped Strong Bad Email menu page]

|-

|-

|- bgcolor=#eeeeee

|- bgcolor=#eeeeee

! width=150px | Name !! Description !! width=200px | External Links

! width=150px | Name !! Description !! width=200px | External Links

| '''Welcome to Your Doom!''' || This sound clip plays when you visit [[Strong Bad's Website]].  This clip introduced the boss battles in '''[[Wikipedia:Altered Beast|Altered Beast]]''' for the [[Wikipedia:Sega Genesis|Sega Genesis]]. || [[HR:sbsite/welcome.mp3|Listen to the sound clip]]<br/>[[HR:sbsite/|View Strong Bad's Website]]

| '''Welcome to Your Doom!''' || This sound clip plays when you visit [[Strong Bad's Website]].  This clip introduced the boss battles in '''[[Wikipedia:Altered Beast|Altered Beast]]''' for the [[Wikipedia:Sega Genesis|Sega Genesis]]. || [[HR:sbsite/welcome.mp3|Listen to the sound clip]]<br/>[[HR:sbsite/|View Strong Bad's Website]]

|}

|}