Show HN: A portfolio website simulating macOS's GUI using React

Re:Show HN: A portfolio website simulating macOS's GUI using... by LaputanMachine on Saturday May 08, 2021 @06:46AM (#27085860)

You can even open the website recursively within its own "Safari" window. The recursion depth seems to be limited to one though. Nice easter egg nonetheless.

Edit: It's possible to bypass the recursion limit. First open the "Blog" bookmark on the Safari start page. Use Inspect Element on the "portfolio" link at the top right, and remove

    target="_blank"

from the HTML. Open the portfolio and enjoy infinite recursion.

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by spamalot159 on Saturday May 08, 2021 @08:37AM (#27086594)

Someone should try to write a copy of this inside the VSCode editor in the site.

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by FeelTheBerns on Saturday May 08, 2021 @09:20AM (#27086880)

Bruh

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by auroranil on Saturday May 08, 2021 @05:21PM (#27090821)

Interesting. It is using iframes behind the scenes. According to W3C it should limit the recursion depth to one, but it seems that you can get around that.

Relevant: https://www.bryanbraun.com/2021/03/24/infinitely-nested-ifra...

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by h4l0 on Saturday May 08, 2021 @08:16AM (#27086452)

I didn't experience a recursion limit when I just tried it. Maybe the site was updated after your comment? I'm using Firefox.

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by LaputanMachine on Saturday May 08, 2021 @11:31AM (#27088030)

It's still not working for me for some reason.

In the second recursion step, when entering the URL manually, the tab remains blank. If I instead try to click on the unedited "portfolio" link, the site opens in a new (native) tab.

Happens on Safari and Firefox (macOS) as well as Chromium (Debian).

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by neogodless on Saturday May 08, 2021 @11:32AM (#27088036)

I did notice if you have a trailing slash, and you remove it... it usually loads then.

[ Parent | on HN ]

Re:Show HN: A portfolio website simulating macOS's GUI using... by neogodless on Saturday May 08, 2021 @11:08AM (#27087804)

Same here - Firefox on Windows 10. I only went about three deep but... neat!

[ Parent | on HN ]