Navigation Bar
From Homestar Runner Wiki
(Difference between revisions)
It's dot com (Talk | contribs) m (navbar moved to Navigation Bar: "navbar" is just what we call it) |
(what? it most certainly is on the page (under "Pages without the NavBar")) |
||
| (includes 10 intermediate revisions) | |||
| Line 1: | Line 1: | ||
| - | The | + | [[File:HR web screenshot 2021-01-01.png|thumb|The navigation bar is visible at the bottom of the [[index page]], as well as most pages on [[homestarrunner.com]].]] |
| + | The '''navigation bar''' (abbreviated as '''NavBar''') is a menu that appears in the footer of almost every page on [[homestarrunner.com|the website]]. This bar provides links to the most commonly accessed sections of the website. As of 2025, the NavBar consists of: | ||
| + | |||
| + | <span style="font-family:Arial,Helvetica" class="hovul">[[Index Page|<span style="color:#666">''[h*r logo]''</span>]] [[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Strong Bad Email Menu|<span style="color:#666">sbemails</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Store|<span style="color:#666">stores</span>]] [[Email|<span style="color:#666">contact</span>]] [[Sitemap|<span style="color:#666">sitemap</span>]]</span> | ||
| + | |||
| + | The NavBar is made out of HTML assets, rather than [[Flash]] as used for most prior iterations and site content. | ||
| + | |||
| + | == History == | ||
| + | ===Original NavBar=== | ||
| + | [[File:norando.PNG|thumb|Original NavBar options]] | ||
| + | A navigation bar was first implemented on the site in 2003. Originally constructed out of HTML text, it was rebuilt as a Flash component in July 2004. This initial iteration of the menu consisted of:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Handheld Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Flash Store|<span style="color:#666">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal stuff</span>]]</span> | ||
| + | |||
| + | The [[random toon]] function was added after "legal stuff" (which was shortened to "legal" to make room) sometime between August 18 and 22, 2005:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Yahoo Store|<span style="color:#666">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal</span>]] [[random toon|<span style="color:#666">rando</span>]]</span> | ||
| + | |||
| + | A link to [[Podstar Runner]] was added between "sb emails" and "contact" on March 1, 2007:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Yahoo Store|<span style="color:#666">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[Podstar Runner|<span style="color:#666">podcast</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal</span>]] [[random toon|<span style="color:#666">rando</span>]]</span> | ||
| + | |||
| + | "Podcast" was replaced with a "subscribe" link to the [[FeedBurner Page|FeedBurner RSS feed]] between October 22 and 27, 2009:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Yahoo Store|<span style="color:#666">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[FeedBurner Page|<span style="color:#666">subscribe</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal</span>]] [[random toon|<span style="color:#666">rando</span>]]</span> | ||
| + | |||
| + | The "store" text color was changed to red sometime between January 17 and 21, 2010 (around the time [[:File:Intro decision page with store.png|the "shop our store" button]] was added to the [[index page]]); this was reverted between April 1 and 4, 2010:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Yahoo Store|<span style="color:red">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[FeedBurner Page|<span style="color:#666">subscribe</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal</span>]] [[random toon|<span style="color:#666">rando</span>]]</span> | ||
| + | |||
| + | "Subscribe" was replaced by a link to the [[homestarrunnerdotcom]] [[YouTube]] channel between March 9 and April 2, 2015. This was the final iteration of the original NavBar:<br><span style="font-family:Arial,Helvetica" class="hovul">[[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Character Videos|<span style="color:#666">characters</span>]] [[Downloads|<span style="color:#666">downloads</span>]] [[Store|<span style="color:#666">store</span>]] [[Strong Bad Email Menu|<span style="color:#666">sb emails</span>]] [[homestarrunnerdotcom|<span style="color:#666">youtube</span>]] [[Email|<span style="color:#666">contact</span>]] [[Legal|<span style="color:#666">legal</span>]] [[random toon|<span style="color:#666">rando</span>]]</span> | ||
| + | |||
| + | ===Current NavBar=== | ||
| + | [[File:NavBar.PNG|thumb|The current NavBar menu]] | ||
| + | The modern NavBar redesign was first seen December 20, 2020, on the [[Stinkoman 20X6]] page after its Version 8.0 update {{--}} it was applied to the entire site [[Post-Flash Site Update|on December 31]] of that year. This Navbar is made out of HTML assets, in contrast with prior iterations being Flash files.<br><span style="font-family:Arial,Helvetica" class="hovul">[[Index Page|<span style="color:#666">''[h*r logo]''</span>]] [[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Strong Bad Email Menu|<span style="color:#666">sbemails</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Store|<span style="color:#666">stores</span>]] [[Email|<span style="color:#666">contact</span>]]</span> | ||
| + | |||
| + | On April 16, 2025, a link to the [[sitemap]] was added; this coincided with the 25th-anniversary toon [[Back To A Website]].<br><span style="font-family:Arial,Helvetica" class="hovul">[[Index Page|<span style="color:#666">''[h*r logo]''</span>]] [[Main Pages|<span style="color:#666">main</span>]] [[TV Time Toons Menu|<span style="color:#666">toons</span>]] [[Strong Bad Email Menu|<span style="color:#666">sbemails</span>]] [[Scrolling Shooter Games Menu|<span style="color:#666">games</span>]] [[Store|<span style="color:#666">stores</span>]] [[Email|<span style="color:#666">contact</span>]] [[Sitemap|<span style="color:#666">sitemap</span>]]</span> | ||
| + | |||
| + | == Pages without the NavBar == | ||
| + | [[File:Homestar head no arms.PNG|thumb|[[virus]] memorably featured [[Homestar Runner]] [[Fourth Wall Breaks|interacting with]] the NavBar.]] | ||
| + | *[[Astro-Lite 2600]] {{--}} as of its July 29, 2004 inclusion in the [[Handheld Games Menu]] | ||
| + | *[[Under Construction]] {{--}} in its original [[April Fools' Day]] [[Index Page|presentation]] | ||
| + | *[[Strong Bad Email]] [[virus]] and [[Main Page 22]] {{--}} Both include recreations of the then-current NavBar as part of the Flash files, allowing for [[The Virus]] to distort its function as part of the toon's narrative. | ||
| + | |||
| + | == See Also == | ||
| + | *[[Site Components]] | ||
| + | *[[Index Page]] | ||
| + | *[[Main Pages]] | ||
| + | *[[homestarrunner.com]] | ||
| + | |||
| + | == External Links == | ||
| + | *[[OldHR:main nav.swf|Original NavBar]] | ||
| + | |||
| + | {{H*RNav}} | ||
| + | |||
| + | [[Category:H*R Navigation]] | ||
Current revision as of 01:42, 7 May 2025
The navigation bar (abbreviated as NavBar) is a menu that appears in the footer of almost every page on the website. This bar provides links to the most commonly accessed sections of the website. As of 2025, the NavBar consists of:
[h*r logo] main toons sbemails games stores contact sitemap
The NavBar is made out of HTML assets, rather than Flash as used for most prior iterations and site content.
Contents |
[edit] History
[edit] Original NavBar
A navigation bar was first implemented on the site in 2003. Originally constructed out of HTML text, it was rebuilt as a Flash component in July 2004. This initial iteration of the menu consisted of:
main toons games characters downloads store sb emails contact legal stuff
The random toon function was added after "legal stuff" (which was shortened to "legal" to make room) sometime between August 18 and 22, 2005:
main toons games characters downloads store sb emails contact legal rando
A link to Podstar Runner was added between "sb emails" and "contact" on March 1, 2007:
main toons games characters downloads store sb emails podcast contact legal rando
"Podcast" was replaced with a "subscribe" link to the FeedBurner RSS feed between October 22 and 27, 2009:
main toons games characters downloads store sb emails subscribe contact legal rando
The "store" text color was changed to red sometime between January 17 and 21, 2010 (around the time the "shop our store" button was added to the index page); this was reverted between April 1 and 4, 2010:
main toons games characters downloads store sb emails subscribe contact legal rando
"Subscribe" was replaced by a link to the homestarrunnerdotcom YouTube channel between March 9 and April 2, 2015. This was the final iteration of the original NavBar:
main toons games characters downloads store sb emails youtube contact legal rando
[edit] Current NavBar
The modern NavBar redesign was first seen December 20, 2020, on the Stinkoman 20X6 page after its Version 8.0 update — it was applied to the entire site on December 31 of that year. This Navbar is made out of HTML assets, in contrast with prior iterations being Flash files.
[h*r logo] main toons sbemails games stores contact
On April 16, 2025, a link to the sitemap was added; this coincided with the 25th-anniversary toon Back To A Website.
[h*r logo] main toons sbemails games stores contact sitemap
[edit] Pages without the NavBar
- Astro-Lite 2600 — as of its July 29, 2004 inclusion in the Handheld Games Menu
- Under Construction — in its original April Fools' Day presentation
- Strong Bad Email virus and Main Page 22 — Both include recreations of the then-current NavBar as part of the Flash files, allowing for The Virus to distort its function as part of the toon's narrative.
[edit] See Also
[edit] External Links
| homestarrunner.com Navigation | |
|---|---|
| Navigation Bar | Index Page · Main Pages · Toons Menu · Strong Bad Email Menu · Games Menu · Stores · Contact · Sitemap |
| Popups | Quote of the Week · Weekly Fanstuff · Sketchbook · Random Toon |
| Other | Museum · Character Videos · Downloads · Legal · YouTube |
