6 ms·

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

204 points by jealousgelatin 1y ago

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

every_other 1y ago
I'm a little bit of a music nerd and I really like 925. Love that vibe and the video too!
r00bot 1y ago
Cool website!!! The Spotify link is not working for me :(
- r00bot 1y ago
  Wait, just checked again and it worked. Might have been on my end.
wergwtg4g34g4g 1y 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 :)
- jealousgelatin 1y ago
  Added to the growing bug report list :) Thanks for checking it out!
- rollcat 1y 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.
sixothree 1y ago
It's faster than McMaster-Carr.
- space_ghost 1y ago
  That's high praise. :D
deleted 1y ago
[deleted]
GuinansEyebrows 1y 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 1y ago
  Thank you! And UX feedback noted and added to the docket!
65 1y ago
Very cool but the back button is very buggy.
- asynchronousx 1y ago
  It pushed to the browser history too much, so the back button is basically navigating in place
  - echoangle 1y 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 1y 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.
sltkr 1y ago
Might want to fix the link to your Youtube channel...
- jealousgelatin 1y ago
  Fixed, ty!
mattl 1y ago
Merch mentions .mp3 which is weird. Mailing list has no way to sign up but no indication that anything broke.
- jealousgelatin 1y 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 1y 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.
ayushrodrigues 1y ago
Having a linkedin page as a band is metal
- aziaziazi 1y 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.
Arn_Thor 1y ago
Nice
amenghra 1y 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 1y ago
  -counter strike 1.6: https://cs16.samke.me/ https://cs16.samke.me/?
  - sigmaisaletter 1y ago
    Went searching and found a few more: -PlayStation: https://github.com/micah5/PSone.css https://github.com/micah5/PSone.css -Gameboy: https://github.com/luttje/css-pokemon-gameboy https://github.com/luttje/css-pokemon-gameboy -Windows7: https://github.com/khang-nd/7.css https://github.com/khang-nd/7.css -Win95: https://github.com/AlexBSoft/win95.css https://github.com/AlexBSoft/win95.css -Oldschool RPG: http://ronenness.github.io/RPGUI/ http://ronenness.github.io/RPGUI/ -MacOS 8: https://github.com/npjg/classic.css https://github.com/npjg/classic.css -MacOS 6: https://github.com/sakofchit/system.css https://github.com/sakofchit/system.css And some that are more than just CSS: -386 DOS: https://github.com/kristopolous/BOOTSTRA.386 https://github.com/kristopolous/BOOTSTRA.386 (Bootstrap Theme) -Terminal: https://github.com/xtermjs/xterm.js https://github.com/xtermjs/xterm.js -another Terminal: https://github.com/andersevenrud/retro-css-shell-demo https://github.com/andersevenrud/retro-css-shell-demo -90s website: http://code.divshot.com/geo-bootstrap/ http://code.divshot.com/geo-bootstrap/ (Bootstrap)
    - al_borland 1y 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 1y ago
npteljes 1y ago
Nice website and good music, thanks for sharing! I'm very happy that people still contribute to post-punk.
blindstitch 1y ago
I was hoping for some kind of easter egg if you drag the music into the trash.
Demiurge 1y ago
Very nice! Would be very cool to also add some apps, like Winamp and ICQ, or AIM :)
mrcwinn 1y 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!
skgough 1y ago
loving the decapitation queue in the console
- jealousgelatin 1y ago
  I'm glad someone found it! Good luck in the queue! :)
henning 1y ago
Much snappier than most modern websites.
normie3000 1y 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.
VladVladikoff 1y 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!
intalentive 1y ago
It's missing Napster, Winamp, and Age of Empires.
scuff3d 1y ago
Love the little easter egg in the socials lmao
jaydenyuchi 1y 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.
gumboshoes 1y ago
But whyyyy? It strikes me as so not punk.

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

every_other 1y ago

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

r00bot 1y ago

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

r00bot 1y ago
Wait, just checked again and it worked. Might have been on my end.

wergwtg4g34g4g 1y 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 :)

jealousgelatin 1y ago
Added to the growing bug report list :) Thanks for checking it out!
rollcat 1y 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.

sixothree 1y ago

It's faster than McMaster-Carr.

space_ghost 1y ago
That's high praise. :D

deleted 1y ago

[deleted]

GuinansEyebrows 1y 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 1y ago
Thank you! And UX feedback noted and added to the docket!

65 1y ago

Very cool but the back button is very buggy.

asynchronousx 1y ago
It pushed to the browser history too much, so the back button is basically navigating in place
- echoangle 1y 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 1y 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.

sltkr 1y ago

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

jealousgelatin 1y ago
Fixed, ty!

mattl 1y ago

Merch mentions .mp3 which is weird. Mailing list has no way to sign up but no indication that anything broke.

jealousgelatin 1y 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 1y 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.

ayushrodrigues 1y ago

Having a linkedin page as a band is metal

aziaziazi 1y 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.

Arn_Thor 1y ago

Nice

amenghra 1y 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 1y ago
-counter strike 1.6: https://cs16.samke.me/ https://cs16.samke.me/?
- sigmaisaletter 1y ago
  Went searching and found a few more: -PlayStation: https://github.com/micah5/PSone.css https://github.com/micah5/PSone.css -Gameboy: https://github.com/luttje/css-pokemon-gameboy https://github.com/luttje/css-pokemon-gameboy -Windows7: https://github.com/khang-nd/7.css https://github.com/khang-nd/7.css -Win95: https://github.com/AlexBSoft/win95.css https://github.com/AlexBSoft/win95.css -Oldschool RPG: http://ronenness.github.io/RPGUI/ http://ronenness.github.io/RPGUI/ -MacOS 8: https://github.com/npjg/classic.css https://github.com/npjg/classic.css -MacOS 6: https://github.com/sakofchit/system.css https://github.com/sakofchit/system.css And some that are more than just CSS: -386 DOS: https://github.com/kristopolous/BOOTSTRA.386 https://github.com/kristopolous/BOOTSTRA.386 (Bootstrap Theme) -Terminal: https://github.com/xtermjs/xterm.js https://github.com/xtermjs/xterm.js -another Terminal: https://github.com/andersevenrud/retro-css-shell-demo https://github.com/andersevenrud/retro-css-shell-demo -90s website: http://code.divshot.com/geo-bootstrap/ http://code.divshot.com/geo-bootstrap/ (Bootstrap)
  - al_borland 1y 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 1y ago

npteljes 1y ago

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

blindstitch 1y ago

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

Demiurge 1y ago

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

mrcwinn 1y 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!

skgough 1y ago

loving the decapitation queue in the console

jealousgelatin 1y ago
I'm glad someone found it! Good luck in the queue! :)

henning 1y ago

Much snappier than most modern websites.

normie3000 1y 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.

VladVladikoff 1y 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!

intalentive 1y ago

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

scuff3d 1y ago

Love the little easter egg in the socials lmao

jaydenyuchi 1y 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.

gumboshoes 1y ago

But whyyyy? It strikes me as so not punk.