←back to thread

I failed to recreate the 1996 Space Jam website with Claude

(j0nah.com)
549 points thecr0w | 1 comments | 07 Dec 25 17:18 UTC | HN request time: 0s | source
Show context
wilsmex ◴[07 Dec 25 23:02 UTC] No.46186253[source]▶
Well this was interesting. As someone who was actually building similar website in the late 90's I threw this into the Opus 4.5. Note the original author is wrong about the original site however:

"The Space Jam website is simple: a single HTML page, absolute positioning for every element, and a tiling starfield GIF background.".

This is not true, the site is built using tables, not positioning at all, CSS wasn't a thing back then...

Here was its one-shot attempt at building the same type of layout (table based) with a screenshot and assets as input: https://i.imgur.com/fhdOLwP.png

replies(5): >>46186378 #>>46186513 #>>46186562 #>>46189115 #>>46191298 #
manbash ◴[07 Dec 25 23:16 UTC] No.46186378[source]▶
Ah, those days, where you would slice your designs and export them to tables.
replies(8): >>46186582 #>>46186584 #>>46186644 #>>46187863 #>>46188038 #>>46189236 #>>46193554 #>>46198144 #
reconnecting ◴[08 Dec 25 06:56 UTC] No.46189236[source]▶
Why not! We did this in 2024 for our website (1) to have zero CSS.

Still works, only Claude can not understand what those tables means.

1. https://www.tirreno.com

replies(3): >>46189304 #>>46189323 #>>46192255 #
anon1395 ◴[08 Dec 25 13:56 UTC] No.46192255[source]▶
Your logo gets cut off in Firefox https://i.ibb.co/kbj5vw7/image.png
replies(1): >>46194712 #
1. 2b3a51 ◴[08 Dec 25 17:00 UTC] No.46194712[source]▶
I'm on Firefox and when I right click and open image in new tab I see an svg file with pale blue text colour and cut-off lettering. The source of the svg suggests that the letters are drawn paths rather than a font.

Saving the svg file down and loading into Inkscape shows a grouped object with a frame and then letter forms. The letter forms are not fonts but a complete drawn path. So I think the chopping off of the descenders is a deliberate choice (which is fine if that is what's wanted).

The whole page looks narrow and long on my landfill android phone so the content is in the middle third of the browser but can pinch-zoom ok onto each 'cell' or section of text or the graphs.

Thanks to tirreno and reconnecting for posting this interesting page markup.