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.
I failed to recreate the 1996 Space Jam website with Claude
311–320 of 483 posts
Re: I failed to recreate the 1996 Space Jam website with Claude
#312Earlier 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.
Re: I failed to recreate the 1996 Space Jam website with Claude
#313Re: I failed to recreate the 1996 Space Jam website with Claude
#314Earlier 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
Re: I failed to recreate the 1996 Space Jam website with Claude
#315Earlier 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.
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: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
#316Earlier 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?
Re: I failed to recreate the 1996 Space Jam website with Claude
#317Re: I failed to recreate the 1996 Space Jam website with Claude
#318A 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
#319A 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
#320Earlier 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... >