FilterHN

Show HN: Windows 98 themed website in 1 HTML file for my post punk band

204 points

by jealousgelatin

3 months ago

| past

| 23 comments

| corp.band

| HN

Here's the code: https://github.com/ConorCorp/corp-website

▲

amenghra

3 months ago

[-]

Various css files for retro-theming. Each of these have been discussed here previously.

  - Windows 98: https://github.com/jdan/98.css
  - Windows XP: https://github.com/botoxparty/XP.css
  - Nes: https://github.com/nostalgic-css/NES.css
  - Mac OS (classic): https://github.com/sakofchit/system.css
  - DOS: https://github.com/vinibiavatti1/TuiCss

▲

sigmaisaletter

3 months ago

[-]

-counter strike 1.6: https://cs16.samke.me/?

▲

sigmaisaletter

3 months ago

[-]

Went searching and found a few more:

-PlayStation: https://github.com/micah5/PSone.css

-Gameboy: https://github.com/luttje/css-pokemon-gameboy

-Windows7: https://github.com/khang-nd/7.css

-Win95: https://github.com/AlexBSoft/win95.css

-Oldschool RPG: http://ronenness.github.io/RPGUI/

-MacOS 8: https://github.com/npjg/classic.css

-MacOS 6: https://github.com/sakofchit/system.css

And some that are more than just CSS:

-386 DOS: https://github.com/kristopolous/BOOTSTRA.386 (Bootstrap Theme)

-Terminal: https://github.com/xtermjs/xterm.js

-another Terminal: https://github.com/andersevenrud/retro-css-shell-demo

-90s website: http://code.divshot.com/geo-bootstrap/ (Bootstrap)

▲

al_borland

3 months ago

[-]

I had the 386 bootstrap theme as an option on a site I had several years ago. I did not like modals at the time. Make sure to test. Every other Bootstrap theme I tried at the time could simply drop in and work.

▲

throwaway148773

3 months ago

[-]

This is also featured in other Valve games. It's called vgui or something like that

▲

ayushrodrigues

3 months ago

[-]

Having a linkedin page as a band is metal

▲

aziaziazi

3 months ago

[-]

> We have approved a series of musical releases for our employees to listen to while working. Far better than the standard music available on Spotify, we have found that listening to “Whispers from the Water Cooler” and other corporate approved releases can increase productivity of employees by up to 20%.

> For middle-managers, we have not found this same result and have therefore have limited their listening to the only song that had any positive effect, “I’m Not Cute, I’m Handsome”, an earlier release from CORP.

I love it. You made my day, thanks.

▲

mrcwinn

3 months ago

[-]

Judging by the incredibly smooth video streaming, something makes me think this isn't Windows 98 at all — but rather BeOS with a Windows theme applied. Bravo!

▲

3 months ago

[-]

Very cool but the back button is very buggy.

▲

asynchronousx

3 months ago

[-]

It pushed to the browser history too much, so the back button is basically navigating in place

▲

echoangle

3 months ago

[-]

I think the problem isn’t really pushing the browser history, but for me the windows don’t get reopened when navigating back. So from the desktop, I open 3 windows after each other but when going back, I get 3 times the Emory desktop. When directly opening the 3 steps from the history, it works though. On safari on iOS.

▲

jealousgelatin

3 months ago

[-]

Thanks for finding this! I bet this is because I was getting a bit fancy manually setting the urls and it probably messes with the state of the open windows.

Will have a look after dinner.

▲

GuinansEyebrows

3 months ago

[-]

cute!! i love it. especially the recycle bin functionality.

one little note i have is the native scrollbar in the Music 'window' - i didn't realize there was more underneath the Spotify and Apple Music links at first.

▲

jealousgelatin

3 months ago

[-]

Thank you! And UX feedback noted and added to the docket!

▲

every_other

3 months ago

[-]

I'm a little bit of a music nerd and I really like 925. Love that vibe and the video too!

▲

Demiurge

3 months ago

[-]

Very nice! Would be very cool to also add some apps, like Winamp and ICQ, or AIM :)

▲

blindstitch

3 months ago

[-]

I was hoping for some kind of easter egg if you drag the music into the trash.

▲

jaydenyuchi

3 months ago

[-]

This is a really cool retro desktop UI! The aesthetic is spot on.

One thought: when clicking the 'CORP' button, instead of the browser's default alert() (or confirm() based on the text), it might enhance the immersion even more if it triggered a custom pop-up styled like a classic Start Menu. That menu could then house the links like 'Official Band Website', 'GitHub', etc. It would fit perfectly with the overall theme.

Just an idea! Love the project.

▲

sltkr

3 months ago

[-]

Might want to fix the link to your Youtube channel...

▲

jealousgelatin

3 months ago

[-]

Fixed, ty!

▲

VladVladikoff

3 months ago

[-]

As someone who has made a lot of websites for bands in my early days as a programmer, kudos. This is unique, original, and fun. Good job!

▲

mattl

3 months ago

[-]

Merch mentions .mp3 which is weird.

Mailing list has no way to sign up but no indication that anything broke.

▲

jealousgelatin

3 months ago

[-]

Interesting, works on my end but I'll admit its slightly weird.

It should automatically make a POST to mailchimp and and open a new page showing your successful email list subscription.

I'd be curious what is happening in your network tab or if the navigation to the mailchimp success page is disabled somehow.

Let me know your browser and system anyway, would be much appreciated! Thanks for looking nonetheless!

▲

mattl

3 months ago

[-]

I don't even see the form on my phone. I suspect I'm just blocking Mailchimp outright. On desktop I see the form.

▲

wergwtg4g34g4g

3 months ago

[-]

bug report for you: clock in lower right corner fails to update the minute when a new minute begins on the "host" system

you're welcome :)

▲

rollcat

3 months ago

[-]

Lots of small things to pick on. Doesn't matter. This is really cool.

I've tried to build a mockup for a retro/"fantasy" OS; some details that you'd think are easy or obvious turn out to be time sinks once you try to perfect them.

▲

jealousgelatin

3 months ago

[-]

Added to the growing bug report list :) Thanks for checking it out!

▲

npteljes

3 months ago

[-]

Nice website and good music, thanks for sharing! I'm very happy that people still contribute to post-punk.

▲

sixothree

3 months ago

[-]

It's faster than McMaster-Carr.

▲

space_ghost

3 months ago

[-]

That's high praise. :D

▲

r00bot

3 months ago

[-]

Cool website!!! The Spotify link is not working for me :(

▲

r00bot

3 months ago

[-]

Wait, just checked again and it worked. Might have been on my end.

▲

intalentive

3 months ago

[-]

It's missing Napster, Winamp, and Age of Empires.

▲

gumboshoes

3 months ago

[-]

But whyyyy? It strikes me as so not punk.

▲

normie3000

3 months ago

[-]

Double-clicking desktop icons is broken: the site is so fast the first click opens a window, and the second click registers inside the open window. This is probably a race condition.

I wasn't deliberately looking for bugs - I just subconsciously defaulted to double-clicking when I saw the UI.

▲

henning

3 months ago

[-]

Much snappier than most modern websites.

▲

Arn_Thor

3 months ago

[-]

Nice

▲