Post-Flash Site Update
From Homestar Runner Wiki
(→Changes: scalawag) |
(move TOC above {{clear}} for compactness) |
||
| (includes 10 intermediate revisions) | |||
| Line 1: | Line 1: | ||
[[File:NewIndexPage.png|thumb|The daytime [[index page]] as of December 31, 2020]] | [[File:NewIndexPage.png|thumb|The daytime [[index page]] as of December 31, 2020]] | ||
| - | On December | + | 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 {{wp|HTML5}}, {{wp|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 [[oldhr:|old.homestarrunner.com]]. |
| + | __TOC__ | ||
{{clear}} | {{clear}} | ||
| Line 9: | Line 10: | ||
[[File:IndexPageRedesign.png|thumb|left|"The website is finally being brought into the year... well, about 2007 from the looks of it."]] | [[File:IndexPageRedesign.png|thumb|left|"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 [ | + | In 2018, subscribers to [[The Deleteheads Download]] were given a sneak peek at a redesigned home page at [[newhr:|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, {{prs|1344841875308601345|31|Dec|2020|alt="I didn't think anyone ever bandoned it in the first place!"}} |
[[File:underconstruction.jpg|thumb|"www.homestarrunner.com is way under construction!"]] | [[File:underconstruction.jpg|thumb|"www.homestarrunner.com is way under construction!"]] | ||
| - | In 2019, Strong Bad started [[@StrongBadActual|Tweeting]] about [[wikipedia:Ruffle (software)|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 {{prs|1341153345973719041|21|Dec|2020|alt=responded that it was being worked on}}. [[Stinkoman 20X6]] became the first page to use the HTML5 navbar upon the [[Stinkoman 20X6 Walkthrough Level 10|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. | + | In 2019, Strong Bad started [[@StrongBadActual|Tweeting]] about [[wikipedia:Ruffle (software)|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 {{prs|1341153345973719041|21|Dec|2020|alt=responded that it was being worked on}}. [[Stinkoman 20X6]] became the first page to use the HTML5 navbar upon the [[Stinkoman 20X6 Walkthrough Level 10|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 [[Index Page Messages|linked to from the index page]]. |
{{clear}} | {{clear}} | ||
| + | |||
| + | ==Post-Flash Update Notice== | ||
| + | '''Date:''' Thursday, December 31, 2020 | ||
| + | |||
| + | '''Page Title:''' Ow! My entire website!! | ||
| + | |||
| + | {| width="75%" | ||
| + | |- | ||
| + | |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">[[hr:|<span style="color:#6582AE">< back</span>]]</span>''' | ||
| + | |||
| + | <span style="font-size:200%">'''post-flash update!'''</span> | ||
| + | |||
| + | <center>[[File:news ruffleupdate.jpg|300px|Ruffulate!]]<br> | ||
| + | <small>''The boys with their new lord and master Sunset PlayButt. Stop trying to click it!''</small></center> | ||
| + | |||
| + | What happened our website? Flash is finally dead-dead-dead so something drastic had to be done so people could still watch their favorite cartoons and sbemails with super-compressed mp3 audio and hidden clicky-clicky easter eggs! | ||
| + | |||
| + | 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 <span class="plainlinks">[[{{HR||Old New Intro}}|<span style="color:white"><u>still do that here</u></span>]] if you want). But once you click "come on in," you'll find yourself in familiar territory thanks to the [https://ruffle.rs/ <span style="color:white"><u>Ruffle Project</u></span>]</span>. 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 == | == Changes == | ||
| Line 20: | Line 46: | ||
**The Latest Stuff menu is now a button on the remote rather than a video cassette. | **The Latest Stuff menu is now a button on the remote rather than a video cassette. | ||
**[[Powered by The Cheat]] was retired as its own separate category. | **[[Powered by The Cheat]] was retired as its own separate category. | ||
| + | **The [[#Post-Flash Update Notice|post-Flash update]] page was added to the index page's new [[Index Page Messages|"the latest styles" section]]. | ||
*Flash content is playable in embedded Ruffle players. Ruffle does not yet support all features of {{wp|ActionScript}}, so some toons and games do not work properly. Some such pages include warnings at the bottom of the screen. | *Flash content is playable in embedded Ruffle players. Ruffle does not yet support all features of {{wp|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. | *Toons now have previous/next buttons above the navbar, indexed by toon category. | ||
*The [[Scrolling Shooter Games Menu|games menu]] now includes games that were previously exclusive to [[Videlectrix]]'s website. | *The [[Scrolling Shooter Games Menu|games menu]] now includes games that were previously exclusive to [[Videlectrix]]'s website. | ||
| - | *Pages have been reorganized. Toons are now under the | + | *Pages have been reorganized. Toons are now under the directory <code>/toons/</code> and have more intuitive addresses (e.g. [[Lookin at a Thing in a Bag]] is now at <code>{{HR||Lookin at a Thing in a Bag|}}</code> instead of <code>whatsinthebag.html</code>). Some content, including many [[secret pages]], cannot be found on the new site. |
*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. | ||
| - | == | + | === Changes made after December 31, 2020 === |
| - | *A new category, Video Stuff was added to the toons menu | + | *A new category, [[Video Stuff]], was added to the toons menu, containing non-puppet live action material such as [[Peasant's Quest Movie Trailer]] and [[No-stalgia]]. |
| - | *Toons previously not on the toons menu such as [[Skills of an Artist]] | + | *Toons previously not on the toons menu, such as [[Skills of an Artist]] and [[Hremails]], were sporadically added to the toons menu. |
{{clear}} | {{clear}} | ||
Revision as of 04:56, 13 February 2021
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
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.
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!"
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 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!!
|
post-flash update!  The boys with their new lord and master Sunset PlayButt. Stop trying to click it! What happened our website? Flash is finally dead-dead-dead so something drastic had to be done so people could still watch their favorite cartoons and sbemails with super-compressed mp3 audio and hidden clicky-clicky easter eggs! 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
- 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 Latest Stuff menu is now a button on the remote rather than a video cassette.
- Powered by The Cheat was retired as its own separate category.
- The post-Flash update page was added to the index page's new "the latest styles" section.
- 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 non-puppet live action material such as Peasant's Quest Movie Trailer and No-stalgia.
- Toons previously not on the toons menu, such as Skills of an Artist and Hremails, were sporadically added to the toons menu.
