Post-Flash Site Update: Difference between revisions
imported>HRWikiMirrorBot Imported from hrwiki.org via Wayback Machine (HTML→wikitext) |
imported>HRWikiMirrorBot Imported from hrwiki.org via Wayback Machine (HTML→wikitext) |
||
| Line 32: | Line 32: | ||
* [#Post-Flash_Update_Notice 2 Post-Flash Update Notice] | * [#Post-Flash_Update_Notice 2 Post-Flash Update Notice] | ||
* [#Changes 3 Changes] | * [#Changes 3 Changes] | ||
** [#Changes_made_after_December_31.2C_2020 3.1 Changes made after December 31, 2020] | |||
* [#Missing_Content 4 Missing Content] | * [#Missing_Content 4 Missing Content] | ||
** [#Toons 4.1 Toons] | ** [#Toons 4.1 Toons] | ||
| Line 67: | Line 68: | ||
</div> | </div> | ||
In 2015, [[The Brothers Chaps]] made the toon [[Flash is Dead!]] to acknowledge the news that [[Adobe Flash Player]] was becoming obsolete. Though vague mention was made of learning HTML5, there were at that point no concrete plans for what to do with homestarrunner.com, which consisted almost entirely of Flash content. As mobile devices could not run Flash and major browsers were already beginning to drop Flash Player support, there became more of a focus on [[YouTube]] content. In a [[Lost in the Stacks Interview - 15 Dec 2017|2017 episode of Lost in the Stacks]], Mike and Matt discussed Flash's 2020 end-of-life date and what they might do to update their website. | |||
<div class="thumb tleft"> | <div class="thumb tleft"> | ||
<div class="thumbinner" style="width: | <div class="thumbinner" style="width:182px;"> | ||
[[File:IndexPageRedesign.png|[[File:IndexPageRedesign.png| | [[File:IndexPageRedesign.png|[[File:IndexPageRedesign.png|180px|thumb]]]] | ||
<div class="thumbcaption"> | <div class="thumbcaption"> | ||
| Line 127: | Line 126: | ||
| style="background-color: #3F629A; color: white; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; padding: 2em"| '''<span class="plainlinks">[https://homestarrunner.com/ < back]</span>''' | | style="background-color: #3F629A; color: white; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; padding: 2em"| '''<span class="plainlinks">[https://homestarrunner.com/ < back]</span>''' | ||
'''post-flash update!''' | <span style="font-size:200%">'''post-flash update!'''</span> | ||
[[File:news ruffleupdate.jpg|[[File:news_ruffleupdate.jpg|300px|thumb|Ruffulate!]]]]<br /> | [[File:news ruffleupdate.jpg|[[File:news_ruffleupdate.jpg|300px|thumb|Ruffulate!]]]]<br /> | ||
<span class="small">''The boys with their new lord and master Sunset PlayButt. Stop trying to click it!''</span> | <span class="small">''The boys with their new lord and master Sunset PlayButt. Stop trying to click it!''</span> | ||
| Line 162: | Line 162: | ||
</div> | </div> | ||
* The index page, [[TV Time Toons Menu|toons menu]], [[ | * The index page, [[TV Time Toons Menu|toons menu]], [[strong bad email menu|Strong Bad Email menu]], and [[navbar]] were given HTML5 makeovers. The cartoon menus now have expandable descriptions and links to watch on the official site or (if available) on YouTube. | ||
** The [[New Stuff]] menu is now called "Latest Stuff", accessible through a button on the remote rather than a video cassette. | ** The [[New Stuff]] menu is now called "Latest Stuff", accessible through a button on the remote rather than a video cassette. | ||
** [[Powered by The Cheat]] was retired as its own separate category and merged with Shorts. | ** [[Powered by The Cheat]] was retired as its own separate category and merged with Shorts. | ||
| Line 174: | Line 174: | ||
* The [[Neon 404'd|404 page]] now offers a link to the same address on the old website. | * The [[Neon 404'd|404 page]] now offers a link to the same address on the old website. | ||
<span id="changes-made-after-december-31-2020"></span> | |||
=== <span class="mw-headline"> Changes made after December 31, 2020 </span> === | |||
* A new category, [[Video Stuff]], was added to the toons menu, containing [[Social Media|social media]] and/or non-[[Puppet Stuff]] [[Live Action|live action]] material such as [[Peasant's Quest Movie Trailer]] and | * A new category, [[Video Stuff]], was added to the toons menu, containing [[Social Media|social media]] and/or non-[[Puppet Stuff]] [[Live Action|live action]] material such as [[Peasant's Quest Movie Trailer]] and [[sloshy - No-stalgia]]. | ||
* Toons previously not on the toons menu, such as [[Skills of an Artist]] and [[Hremails]], were sporadically added. | * Toons previously not on the toons menu, such as [[Skills of an Artist]] and [[Hremails]], were sporadically added. | ||
| Line 182: | Line 183: | ||
== <span class="mw-headline"> Missing Content </span> == | == <span class="mw-headline"> Missing Content </span> == | ||
Some content on the old site is seemingly unavailable on the new site | Some content on the old site is seemingly unavailable on the new site. | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
|- | |- | ||
| valign="top" width="20%"| <span id=" | | valign="top" width="20%"| <span id="mw85"></span> | ||
=== <span class="mw-headline">[[Toons]]</span> === | === <span class="mw-headline">[[Toons]]</span> === | ||
| Line 193: | Line 194: | ||
* [[Email Processing Room]] | * [[Email Processing Room]] | ||
* [[Crazy Cartoon]] | * [[Crazy Cartoon]] | ||
* [[Homestar and the Nice Present]] | |||
* [[Homestar vs. Little Girl]] | |||
* [[Workin' on the Game]] | * [[Workin' on the Game]] | ||
* [[Sbemailiarized!]] | * [[Sbemailiarized!]] | ||
<span id=" | <span id="mw94"></span> | ||
=== <span class="mw-headline">[[Games]]</span> === | === <span class="mw-headline">[[Games]]</span> === | ||
| Line 203: | Line 206: | ||
* [[MixMastah 800]] | * [[MixMastah 800]] | ||
| valign="top" width="20%"| <span id=" | | valign="top" width="20%"| <span id="mw98"></span> | ||
=== <span class="mw-headline">[[Easter Eggs]]</span> === | === <span class="mw-headline">[[Easter Eggs]]</span> === | ||
| Line 219: | Line 222: | ||
* [[Limozeen Coloring Book]] | * [[Limozeen Coloring Book]] | ||
| valign="top" width="40%"| <span id=" | | valign="top" width="40%"| <span id="mw111"></span> | ||
=== <span class="mw-headline">[[Secret Pages]]</span> === | === <span class="mw-headline">[[Secret Pages]]</span> === | ||
| Line 246: | Line 249: | ||
* Old [[Astro-Lite 2600]] | * Old [[Astro-Lite 2600]] | ||
* [[Telebision Toons Menu]] | * [[Telebision Toons Menu]] | ||
* [[ | * [[Chinese Food Toons Menu]] | ||
* [[Marzipan's Answering Machine Version 1.0]] alt version | * [[Marzipan's Answering Machine Version 1.0]] alt version | ||
* [[Homestarloween Party]] alt version | * [[Homestarloween Party]] alt version | ||
| Line 263: | Line 266: | ||
* [[strongbad email.exe DVD Promo]] | * [[strongbad email.exe DVD Promo]] | ||
* [[Lappynapped!]] | * [[Lappynapped!]] | ||
* All | * All [[Halloween Teasers]] with the exception of [[Halloween Safety]] | ||
* [[Hremail 49]] | * [[Hremail 49]] | ||
* [[Hremail 24]] | * [[Hremail 24]] | ||
* [[Baddest of the Bands Promo]] | * [[Baddest of the Bands Promo]] | ||
* [[Limozeen Live! - 8 Nov 2008]] advertisement | * [[Limozeen Live! - 8 Nov 2008]] advertisement | ||
* [[Homestar Runner 20th Anniversary Show]] advertisement | * [[Homestar Runner 20th Anniversary Show - 2 Sep 2016|Homestar Runner 20th Anniversary Show]] advertisement | ||
* [[Screenland - 24 Apr 2017|slash/slash]] | * [[Screenland - 24 Apr 2017|slash/slash]] | ||
* [[Secret Pages|Strong Badia the Free Head Exploding Game]] | * [[Secret Pages|Strong Badia the Free Head Exploding Game]] | ||
| Line 284: | Line 287: | ||
* [[Sketchbook]] | * [[Sketchbook]] | ||
* [[Random Toon]] | * [[Random Toon]] | ||
* [[Teen Girl Squad]] menu | * [[Teen Girl Squad]] menu | ||
* [[virus]] pop-up | * [[virus]] pop-up | ||
| Line 307: | Line 308: | ||
<div id="mw-normal-catlinks"> | <div id="mw-normal-catlinks"> | ||
[/wiki/Special:Categories | [/wiki/Special:Categories Category]: <span dir="ltr">[[Category:Technology|Technology]]</span> | ||
</div> | </div> | ||
Revision as of 01:53, 14 July 2026
The daytime index page as of December 31, 2020
On December 31, 2020, homestarrunner.com underwent a massive overhaul to make it accessible following the death of Flash. The redesigned site uses a combination of HTML5, JavaScript, and embedded Ruffle players to imitate the look and feel of the old site while retaining most of its functionality and making it usable on mobile devices. The update also came with some reorganization and other quality-of-life improvements. The contents of the old Flash site have been moved to old.homestarrunner.com.
Contents
|
History
"Haven't you heard? Flash is dying!"
In 2015, The Brothers Chaps made the toon Flash is Dead! to acknowledge the news that Adobe Flash Player was becoming obsolete. Though vague mention was made of learning HTML5, there were at that point no concrete plans for what to do with homestarrunner.com, which consisted almost entirely of Flash content. As mobile devices could not run Flash and major browsers were already beginning to drop Flash Player support, there became more of a focus on YouTube content. In a 2017 episode of Lost in the Stacks, Mike and Matt discussed Flash's 2020 end-of-life date and what they might do to update their website.
"The website is finally being brought into the year... well, about 2007 from the looks of it."
In 2018, subscribers to The Deleteheads Download were given a sneak peek at a redesigned home page at new.homestarrunner.com, featuring a mobile-friendly layout and an embedded YouTube player. However, it was given little attention and few to no updates after its unveiling. When a Twitter user asked in 2020 if the prototype had been abandoned, Strong Bad replied, "I didn't think anyone ever bandoned it in the first place!"
"www.homestarrunner.com is way under construction!"
In 2019, Strong Bad started Tweeting about Ruffle, an in-development Flash Player emulator that promised to preserve Flash content after 2020. When asked toward the end of 2020 about the future of homestarrunner.com, Strong Bad responded that it was being worked on. Stinkoman 20X6 became the first page to use the HTML5 navbar upon the level 10 update. On December 31, the index page was replaced with a message stating that the website was under construction. Soon after, the entire site was updated. An [#Post-Flash_Update_Notice informative page] about the post-Flash update was linked to from the index page.
Post-Flash Update Notice
Date: Thursday, December 31, 2020
Page Title: Ow! My entire website!!
| < back
post-flash update! File:News ruffleupdate.jpg Ruffulate! The first thing you'll notice is that the landing page when you go to homestarrunner.com is very different. There are now useful things on here! Not just "watch intro!" (but you can still do that here if you want). But once you click "come on in," you'll find yourself in familiar territory thanks to the Ruffle Project. It emulates Flash in such a way that all browsers and devices can finally play our cartoons and even some games. Next up are the Toons and Sbemail menus! They look mostly the same, but act like modern webpages! Your favorite easter eggs are still hidden and now you can even choose to watch a YouTube version if there is one. Keep in mind, Ruffle is still in development so not everything works perfectly. Games made after, say 2007, will probably be pretty janky but Ruffle plans on ulitmately supporting those too one day. And any cartoons with video elements in them (Puppet Jams, death metal) will just show you an empy box where the video should be. But hang in there and one day everything will be just like it was that summer when we got free cable somehow and Grandma still lived in the spare bedroom. |
Changes
File:StrongBadEmailMenu2021.png
The HTML5 Strong Bad Email menu
- The index page, toons menu, Strong Bad Email menu, and navbar were given HTML5 makeovers. The cartoon menus now have expandable descriptions and links to watch on the official site or (if available) on YouTube.
- The New Stuff menu is now called "Latest Stuff", accessible through a button on the remote rather than a video cassette.
- Powered by The Cheat was retired as its own separate category and merged with Shorts.
- The Strong Bad Email menu was updated to feature the Lappier, with other computers accessed through an Easter egg. Another Easter egg plays a Scroll Button Song appropriate to the selected computer, rather than the song playing upon opening the page.
- The [#Post-Flash_Update_Notice post-Flash update] page was added to the index page's new "the latest styles" section.
- As the intro is no longer accessible through the index page, it was added to the toons menu under Old New Intro.
- Flash content is playable in embedded Ruffle players. Ruffle does not yet support all features of ActionScript, so some toons and games do not work properly. Some such pages include warnings at the bottom of the screen.
- Toons now have previous/next buttons above the navbar, indexed by toon category.
- The games menu now includes games that were previously exclusive to Videlectrix's website.
- Pages have been reorganized. Toons are now under the directory
/toons/and have more intuitive addresses (e.g. Lookin at a Thing in a Bag is now attoons/lookin-at-a-thing-in-a-baginstead ofwhatsinthebag.html). Some content, including many secret pages, cannot be found on the new site. - The 404 page now offers a link to the same address on the old website.
Changes made after December 31, 2020
- A new category, Video Stuff, was added to the toons menu, containing social media and/or non-Puppet Stuff live action material such as Peasant's Quest Movie Trailer and sloshy - No-stalgia.
- Toons previously not on the toons menu, such as Skills of an Artist and Hremails, were sporadically added.
Missing Content
Some content on the old site is seemingly unavailable on the new site.
External Links
[/wiki/Special:Categories Category]:
