[HN Gopher] Hacker News stylized as a retro 90s macOS desktop ___________________________________________________________________ Hacker News stylized as a retro 90s macOS desktop Hello HN, this is a small side project I worked on that restyles HackerNews to look like the desktop of an older version of MacOS from the 90s. Internally, this is just a proxy to news.ycombinator.com that injects a custom `news.css` style sheet on some routes (login routes redirect back to HN). If you want to use the style sheet on the client side, there are browser extensions and a custom style sheet available at the github repo [0]. [0] https://github.com/anthmn/hackertosh.css edit: try https://hackertosh.org/news if the page is blank Author : anthonyhn Score : 127 points Date : 2022-09-18 17:56 UTC (5 hours ago) (HTM) web link (hackertosh.org) (TXT) w3m dump (hackertosh.org) | kgwxd wrote: | I think my boot floppy is broken, I just see a white screen. | j_leboulanger wrote: | I do too | sbarre wrote: | Yeah, hug of death I think | pimeys wrote: | Has a small bug with Android Firefox: | | https://i.ibb.co/ZRsFNQW/Screenshot-20220918-204917.png | synu wrote: | Actually the same on iOS for me. | aardvark179 wrote: | Yeah. It works in landscape mode, but not portrait. | adamddev1 wrote: | I love this. I've seen the Windows 95 retro CSS but this retro | Mac thing looks great! | ranger_danger wrote: | https://github.com/andersevenrud/retro-css-shell-demo | | https://github.com/arturbien/React95 | | https://github.com/botoxparty/XP.css | | https://github.com/Gioni06/terminal.css | | https://github.com/jdan/98.css | | https://github.com/jianzhongli/csswin10 | | https://github.com/khang-nd/7.css | | https://github.com/kristopolous/BOOTSTRA.386 | | https://github.com/lachsfilet/Renkbench | | https://github.com/lolstring/window98-html-css-js | | https://github.com/micah5/PSone.css | | https://github.com/nostalgic-css/NES.css | | https://github.com/npjg/classic.css | | https://github.com/robbiebyrd/platinum | | https://github.com/bryanbraun/after-dark-css | | https://github.com/npjg/new-dawn | | https://github.com/ritenv/retro-desktop | | https://github.com/RoelN/c64css3 | | https://github.com/sakofchit/system.css | | https://github.com/vinibiavatti1/TuiCss | | https://code.divshot.com/geo-bootstrap/ | ourmandave wrote: | Hackertosh should be the name for the type of apple the Queen | used on Snow White. | [deleted] | karmakaze wrote: | Would be great to show only enough items per page so that the | browser page doesn't need to scroll and only use the 'More' link. | givemeethekeys wrote: | The opaque icon text background - I made sure that my desktop | stayed clutter free and my wallpaper always matched the | background color to hide the ugliness of the opaque icon text | background. | rcarmo wrote: | Neat! Will go very nicely with one of my desktop environment | containers, which is inspired on Platinum as well: | https://taoofmac.com/space/blog/2022/04/12/2330 | sidpatil wrote: | "Sorry, we're not able to serve your requests this quickly." | throwoutway wrote: | Same. Ideally this "proxy" should just cache the front-page for | 1-2 minutes and serve the cache. | krapp wrote: | Ideally, it should be using the API, which isn't rate | limited. | metadat wrote: | Needs caching or consumption via algolia on the backend to | avoid the ban hammer. | kleene_op wrote: | That"s understandable. HN was launched in 2007 :o) | pGuitar wrote: | That happens all the time on HN if you click "too quickly". | reaperducer wrote: | Or if your account is restricted in the number of posts | you're allowed to write each day. | krapp wrote: | No then you get "you're posting too fast." | twic wrote: | Fun! | | One small immersion break for me was that the triangles next to | comments are upvote buttons; I expected them to toggle the | threads open and closed (even though they're pointing upwards - a | toggle would point to the right in the open state). I'm not sure | what an idiomatic upvote button would look like. A checkbox? | cmrdporcupine wrote: | Ok you just made me go dig into the classic official Macintosh | Human Interfaces Guidelines: | http://interface.free.fr/Archives/Apple_HIGuidelines.pdf | | (A classic wonderful document that even us Atari ST users used | to consult when developing apps!) | | See page 216 (240 in the PDF), _" Controls Not Supported by the | Macintosh Toolbox"._ | | _" Little Arrows The control that is two arrows pointing in | opposite directions is commonly called little arrows. It is | used to increase or decrease values in a series. Figure 7-16 | shows one example of the little arrows control._' | | So two small vertically stacked arrows as you'll see in their | screenshot. | | And you're right, those arrows to the left of the article title | should be for expand/contract. (See 7-18, page 242 "Outline | triangle control" in the same PDF) | crazygringo wrote: | Fun indeed. And you're right -- because those triangles were | used to expand folder contents. | | Upvoting, hmm... well together with downvoting, you could | appropriate the number spinner/stepper widget [1], the tiny | little up and down buttons attached to the right side of a | number field? I'm not sure that was ever native to the Platinum | design language [2], but IIRC Microsoft Office at least used it | at the time. | | [1] https://en.wikipedia.org/wiki/Spinner_(computing) | | [2] https://en.wikipedia.org/wiki/Appearance_Manager | | EDIT: whoops, cmrdporcupine's sibling comment basically says | the same thing. Leaving this comment here in case anyone's | interested in the additional links. ___________________________________________________________________ (page generated 2022-09-18 23:00 UTC)