[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)