Live data from Hacker News

I failed to recreate the 1996 Space Jam website with Claude

j0nah.com

311–320 of 483 posts

Re: I failed to recreate the 1996 Space Jam website with Claude

#311
A site in '96 would have been built largely with tables, not CSS. CSS didn't become a thing until a couple of years later.

I know this because I'm still salty about the transition. For all of CSS's advantages, we lost something when we largely moved away from tables.

Re: I failed to recreate the 1996 Space Jam website with Claude

#312

Earlier quoted context omitted.

I'm using source code like it's used when referring to source code vs executables. React doesn't simply spit out HTML, nor the JSX used to write said React code, it outputs a mixture of things that's the optimized HTML/CSS/JS version of the React you wrote. This is akin to source code and the optimized binaries we actually use. Perhaps the wrong usage of "source code". I probably should've been more precise. Forgive…

There were no binaries or packages. You wrote the HTML in notepad or maybe you used some "high speed IDE" with syntax highlighting and some buttons like Dreamweaver and then uploaded it via FTP to whatever server you were hosting it on. No muss, no fuss. It was a glorious time and I miss that internet a lot.

Nor are there binaries now. I was simply making an analogy between traditional binaries/source code, and the way the web is built today (frameworks).

Re: I failed to recreate the 1996 Space Jam website with Claude

#313

Earlier quoted context omitted.

Ah, those days, where you would slice your designs and export them to tables.

I yearn for those days. CSS was a mistake. Tables and DHTML is all one needs.

CSS was a mistake? JavaScript was a mistake, specifically JavaScript frameworks.

Re: I failed to recreate the 1996 Space Jam website with Claude

#314
post #255

Earlier quoted context omitted.

Do you have a source for that being the key difference? Where did you learn your words, I don’t see the names of your teachers cited here. The English language has existed a while, why aren’t you giving a citation every time you use a word that already exists in a lexicon somewhere? We have a name for people who don’t coin their own words for everything and rip off the words that other painstakingly evolved over a mi…

What a profoundly bad faith argument. We all understand that singular words are public domain, they belong to everyone. Yet when you arrange them in a specific pattern, of which there are infinite possibilities, you create something unique. When someone copies that arrangement wholesale and claims they were the first, that’s what we refer to as plagiarism. https://www.youtube.com/watch?v=K9huNI5sBd8

It’s not bad faith argument. It’s an attempt to shake thinking that is profoundly stuck by taking that thinking to an absurd extreme. Until that’s done, quite a few people aren’t able to see past the assumptions they don’t know they making. And by quite a few people I mean everyone, at different times. A strong appreciation for the absurd will keep a person’s thinking much sharper.

Re: I failed to recreate the 1996 Space Jam website with Claude

#315

Earlier quoted context omitted.

I got pretty far with this initial prompt: spacejam-1996.png is a full screenshot of the Space Jam 1996 landing page. We want to recreate this landing page as faithfully as possible, matching the screenshot exactly. The asset directory contains images extracted from the original site. One of the images is tiled as the background of the landing page. The other images should appear once in the screenshot. Use these ima…

> Interestingly it made a comment about this but didn't do anything about it Classic. This is awesome. Great work. Please follow up again if you happen to nail it.

It's now got everything close after adding this final prompt:

    We are very close. The footer is positioned in roughly the correct location
    but the fonts, font sizes, font color and line spacings are all slightly
    off.
This took quite a while and it build a few more tools to get there. And this was fine from a distance but it was using a san-serif when the screenshot has a serif etc. So I decided to push. From here it got very messy...

One of the issues is that Claude's text detection was getting tripped up by writing scripts using RGB space instead of something more hue-aware. It knew the text was red but was trying to isolate it by just looking at the red channel. But the grey dots from the background show up bright in the red channel so Claude would think those were center dots between the links that needed to be reproduced in the text. I gave it a hint:

    I think dots from the background image are causing issues. Are you detecting the text
    by looking only at the red channel in RGB space? The red channel will be bright on 
    white pixels in RGB. You could try using hue to separate text from background or use
    distance from the target RGB value.
Claude decided to switch to HSV space. But it took quite a bit of effort to keep Claude remembering to use HSV because tools it had already written were still RGB and not updated (as were intermediate images that were not updated). Then it would try to step back and get a big picture as a sanity check and "discover" it had missed the dots that are obviously there. And when you would tell it there are no dots, you get the "You're absolutely right! They're vertical bars!" So it was a struggle. This is the closest I got:

https://imgur.com/a/79Iv1jO

Again, the top image stuff was done in the first shot with the prompt in the first one. Everything else has been about the footer. Claude has been writing a lot of clever scripts to measure font metrics and pick fonts etc, but it keeps falling over those dots. I could probably get it to work better with adding directives for text handling to CLAUDE.md and nuking context and some of the scripts it created.

Re: I failed to recreate the 1996 Space Jam website with Claude

#316
post #286

Earlier quoted context omitted.

Ah, those days, where you would slice your designs and export them to tables.

And use a single px invisible gif to move things around. But was Space Jam using multiple images or just one large image with and image map for links?

The author said he had the assets and gave them to Claude. It would be obvious if he had one large image for all the planets instead of individual ones.

Re: I failed to recreate the 1996 Space Jam website with Claude

#317

Earlier quoted context omitted.

I yearn for those days. CSS was a mistake. Tables and DHTML is all one needs.

CSS was a mistake? JavaScript was a mistake, specifically JavaScript frameworks.

JavaScript? HTML and HTTP were the real mistakes.

Re: I failed to recreate the 1996 Space Jam website with Claude

#318

A site in '96 would have been built largely with tables, not CSS. CSS didn't become a thing until a couple of years later. I know this because I'm still salty about the transition. For all of CSS's advantages, we lost something when we largely moved away from tables.

We lost something for a time but flex box and CSS grid (which came more recently) are objectively better than tables.

Re: I failed to recreate the 1996 Space Jam website with Claude

#319

A site in '96 would have been built largely with tables, not CSS. CSS didn't become a thing until a couple of years later. I know this because I'm still salty about the transition. For all of CSS's advantages, we lost something when we largely moved away from tables.

You can still use tables.

Re: I failed to recreate the 1996 Space Jam website with Claude

#320

Earlier quoted context omitted.

https://pastebin.com/raw/F2jxZTeJ The HTML I'm referring to, copied from the website. Only about 7,000 characters or just 2,000 Claude tokens. This is feasible.

There's actually a language model developed by The Open Group that will transform that back into the original source code. https://pubs.opengroup.org/onlinepubs/9799919799/utilities/c... >

Amazing what technology can do these days.
Post reply on HN