Dole/Kemp '96 Online Campaign | Hacker News Reader

Dole/Kemp '96 Online Campaign

dolekemp96.org

139 pointsbdz94 comments

I wish sites were still designed this way. Not the animated gifs or the font size 1, but the fact that once the site is loaded, it's completely done. And if I refresh the page, or bookmark the link and come back later, I'm going to see the exact same page. According to the Chrome developer tools the page took 2ms to render and 4ms to paint.

I write JavaScript professionally but not all web sites need JavaScript, in fact most do not. Compare this site with a random page from the ReadWrite's new design[1] which doesn't even load its initial content until after the page has loaded (!) and gives 50% of its x axis to ads and links to other unrelated pages on the site (which contain more ads of course).

I don't want informational websites to continue to load stuff a second or five seconds after the page has loaded. I don't want them to load new content when my mouse floats over a div. I don't want a sitemap that is omnipresent as I scroll down an article.

I'm a big fan of the Contrast Rebellion[2] and kind of feel like something in the same spirit is needed for static websites. I miss the non-interactive web.

[1]http://readwrite.com/2012/11/14/if-foxconn-replaced-its-huma... [2]http://contrastrebellion.com/

I'm in the same boat as you. I absolutely _love_ developing sites JavaScript-free on the first pass. It really makes you realize how much of a crutch it's been that you've depended on, and how much you can get away with these days without it, especially with the rise of newer CSS features in the last couple of years.

At the end of the day you're left with a very fast and clean site that you can, after careful consideration, add very tiny JS snippets to in order to improve UX in places.

I my main monitor in portrait mode. The ReadWrite site is absolutely horrible this way.

I'm with you for the most part but I find that #fff background with #000 text is pretty harsh on my eyes. I think there is a sweet spot somewhere in the middle.

The biggest problem with readability for me lately is awful Google Fonts which never render right.

Various publications tout low intensity, medium/low-contrast as a tool to reduce eyestrain. IMHO, default font size, line spacing and column width are more important than high contrast (somewhat of a problem on this site too)

Thought: should we aim to vary contrast by device?

On my mobile phone I prefer sites with higher contrast, especially when out and about, on my retina iPad however, sites with white backgrounds and lots of text are much more tiring/difficult to process (plus bright screens, incl. tablets and phones are shown to result in insomnia [1]).

At the risk of going completely O/T here, f.lux [2] has helped me a lot in this respect.

[1] http://gizmodo.com/5524005/experts-kindle-helps-you-sleep-ip...

[2] http://stereopsis.com/flux/

Another good example of complete sludge is what Google did to their official blogs.

I would be very happy if I could do everything I needed to do online each day just with Lynx and keyboard shortcuts.

http://www.readability.com/

I code my site by hand... each and every page... for these same reasons. I need to figure out templating because it has become quite tedious to update links and I'm only at <50 pages!

MacOS X people might want to investigate Eastgate Systems Tinderbox. Can handle the navigation links for huge ad-hoc Web sites using a local template then generate the Web pages.

I use Linux at home, and use a couple of bash scripts to make the index page and navigation links on individual pages that I write in markdown (but can hand edit html if the mood takes me).

Windows: powershell? A few scripts for indexing?

There are also large, flexible applications such as jekyl that can generate static Web sites.

Lots of static-site generators to choose from. Jekyll's the most popular choice. Link: http://jekyllrb.com

Since you mentioned Jeckyll, I also want to mention Octopress, which is based on Jeckyll http://octopress.org/

It's one of those things that every time I look at templating, I get overwhelmed and my procrastination says that the time it would take me to learn templating would be better served coding the site...

If you like Python, Flask is good. This article is useful:

https://nicolas.perriault.net/code/2012/dead-easy-yet-powerf...

I looked at Flask once. Not sure why I didn't return. This article is great. Thanks!.

Pretty stark difference between the two when you compare WebPageTest.org results.

Dole/Kemp: http://www.webpagetest.org/result/121114_X9_HEY/

ReadWrite: http://www.webpagetest.org/result/121114_GB_HEZ/

Wow. 19 seconds for ReadWrite to load.

Thanks for saying that from your perspective as one who is involved with Web site production professionally.

I'm greatly for the 'flat web' where text and images is involved, but I would also like to see interactive pages such as

http://worrydream.com/LadderOfAbstraction/

used more to allow readers to explore models and maths where relevant.

I was even more impressed by the original WWW documents posted by Tim Berners-Lee that hit HN a few months back.

The pages had no rendering or layout, just strictly semantic markup.

They were an absolute joy to read.

The present-day Web is climbing a tower of Babel and reaching baroque levels of ostentation. I see a great re-settling, quite likely as the Web bifurcates into a documentation platform, for information, and an application platform. Most of the Web is still really just static docs.

And kudos for ContrastRebellion mention.

There is a link at the bottom of the page to:

http://www.4president.org/

This site has archives of campaign websites, website features, and campaign ads.

I think it's fascinating to see the paradigm shifts in web design indicated by these four-year gaps. And campaigns being a temporary thing, I think they perfectly encapsulate the design of the "era". I was going through the years and was thinking "sure, a lot changed from 1996 to 2000, so of course the sites will look a lot different but there is no way 2008 is that much different than 2012". Wrong. I think this is just what happens when you see web design evolve slowly over four years -- you don't think it's changed that much. Then you actually see a site in 2008 vs. 2012 and realize the difference.

The 1996 Phil Graham and Pat Buchanan sites look like classic Geocities-style design!

The stark differences in design of the nominated candidates vs. the ones who lost in the primaries. This gap seems to have been most apparent in 1996 and 2000, during the bubble, when top-tier web designers were probably insanely expensive.

I think the biggest aesthetic change was between 04 and 08 which makes sense sine that was the era that so-called "Web 2.0" took off.

Found this gem on the news page http://www.dolekemp96.org/praug296.htm

> "There's no doubt we'll look back at Web sites today and basically say ... that they were quite primitive. They don't customize what they present to the viewers' interests. They don't remember: Have you been there before? What have you seen before? And that's got to change." -- Bill Gates, MSNBC, July 15, 1996

How right he was!

from the commercials page ( http://www.dolekemp96.org/news/commercials/commercials.html ), in reference to the bad Clinton economy that Dole would fix:

    Two incomes needed to make ends meet.

Not sure whether to laugh or to cry, thinking that just a while ago a politician called attention to this as though it were a fixable problem...were things really so different 16 years ago?

Yup.

Lots more blue-collar jobs with pensions. '96 was 'pre-China' for more sophisticated manufacturing.

I was going to ask: "so how is it that the average non-commercial site can be expected to crash upon reaching ten HN upvotes but this 1996 is still chugging along strong" After all, this was well before such thing as CDNs were in wide use.

Then I looked at the source and saw that it's a Frontpage site.

* This brings back memories of when you could get at least $50/hr to make something like this.

The average non-commercial site these days is based on an unoptimized Wordpress installation that loads 137 PHP files and does 18 DB reqests to render its main page. This 1996 gem is entirely static content. That's a few orders of magnitude less work for the server to do right there. And it runs on IIS 7, so the the hardware and software that does the actual work is most definitely NOT from 1996.

> And it runs on IIS 7, so the the hardware and software that does the actual work is most definitely NOT from 1996.

And this is the big thing right here. We're running sites designed to be basically usable when served by 1996 hardware on systems orders of magnitude faster with almost two decades' worth of optimizations compared to what was acceptable in 1996. I don't know how much NTFS has changed since then, but filesystems in the Linux world have undergone a sea change in that timeframe, which is directly relevant to how quickly a static page can be served.

I imagine the only real thing at play here is the number of connections the server software is configured to handle. This site has a small handful of small static assets: there's no server-side render, and I'd put money on everything being cached even if no such server-side optimizations have been made (done at the disk and/or OS level).

I'd bet the only limiting factor of '96 hardware would be the NIC, all else being equal. Webserver software was a lot less complicated back then, so its memory footprint was far smaller.

Well done, and not all that dated looking.

Although, in my head, everything on that website reads in the voice of Norm MacDonald's Bob Dole impression.

I thought I was the only one...

Bit of mudslinging going on about a "clipper chip." I was much too young to really know what was going on with this (can read up on it here: http://en.wikipedia.org/wiki/Clipper_chip), but it's interesting to see that there were security concerns in 1996 similar to the ones we have in 2012. http://www.dolekemp96.org/agenda/issues/internet.htm

That's a good thing for today's hackers and activists to review. It shows the long-term agenda of the government in wanting to have ubiquitous surveillance powers. And it shows you can win some of these battles.

Can you imagine a web without SSL? Today people openly call for all sites to do https all the time, but in the 90s, a web server (or even a web browser) that could do https in a non-broken fashion was officially a dangerous munition. To do this basic thing you had to cobble some open source software together, kind of like how people do it with ffmpeg and implementations of closed-source codecs today.

http://en.wikipedia.org/wiki/Export_of_cryptography_in_the_U...

"DEBATE MENTION OF WEB SITE CAUSES FLOOD OF VISITORS"

Goes on to say that the site received more than 762,000 "hits" in a four hour period:

http://www.dolekemp96.org/news/releases/proct0796a.htm

edit: hours

It says four hours, not days.

Before I read the link, I thought those 762,000 hits were HN users over the last four hours. :)

Total badass. A few months ago I saw a gallery of screenshots taken from 'wayback machine' of a whole bunch of old websites. Netflix, Dell, and Apple look COMPLETELY different. What's surprising (or maybe not) is that Amazon 7 years ago looks almost exactly the same. Thanks for sharing the Dole / Kemp campaign site - brings back fond memories. Heres's the gallery if you're interested... http://www.shopify.com/blog/6464492-the-ecommerce-graveyard-...

Ahh, 1996 was an awesome year for websites.

Space Jam: http://www2.warnerbros.com/spacejam/

It looks like it was updated in 2003.

That's the original from 1996 http://www2.warnerbros.com/spacejam/movie/jam.htm

Aww, that's a shame. The old site is a level down: http://www2.warnerbros.com/spacejam/movie/jam.htm

I've always wondered, what's the best looking website of the 1990s? Was there anything that people would deem as "good" as some of today's top designs?

I feel like there had to be at least someone with a very refined sense of aesthetic making awesome websites back then.

At the time the web was only a couple of years old and it was yet to even hit the "lets get serious" radar of just about everyone.

Essentially, no. There was no one with a very refined aesthetic making websites at the time. Even the Louvre's website (one of the first art museum websites I remember popping up) was extremely ugly.

Drudge Report. Even if you don't like the political "lean" of it (I, personally, don't), you have to appreciate a design that has (basically) stayed the same since it was founded in the mid 90s. The "minimalism" from Drudge had a big impact on a lot of modern web design.

trust me, drudge's minimalism didn't influence modern web design.

There are quite a few people

http://37signals.com/svn/posts/1407-why-the-drudge-report-is...

who disagree with you

http://dailycurrant.com/2012/04/23/matt-drudge-wins-web-desi...

daily currant is a satire site.

I remember http://www.sgi.com as particularly nice in 96/97. Alas, there aren't many captures on archive.org.

This is quite nice for a 1996 website. I guess it shows how much the development of (nice) web design was held back by a combination of the ~2000 flashpocalypse and IE6.

I felt quite nostalgic looking at the designs from this era: http://www.4president.us/2000websites.htm

Luckily, there is a certain font present that will stop you from feeling too sentimental. :-)

Also: http://www.4president.us/1996websites.htm

So what is it about this design that makes it look "dated"?

It's not just the grainy images, right? Is it the smaller text? More compact style?

I was just thinking if they had some high res images, and bumped up the font size, it wouldn't be half bad.

Of course this comes from a person with little knowledge of web design.

I was thinking it holds up quite well, compared to my subjective memory of websites from that vintage. There are no scrolling banners or other dancing garbage (with the exception of one animated GIF that is relatively restrained), and the layout wouldn't look out of place today if the elements had a bit more room to breathe.

Even the markup is surprisingly clean:

* Most tag names are lowercase

* Attributes are double-quoted

* Some style attributes with CSS

I'm surprised to see FrontPage generated this code - I remember it being more gnarly than this. That said, I'm enjoying the historical artifacts:

* Table-based layout

* <font> tags

* <body> tag has background, vlink and alink attributes

* URLs apparently map to actual HTML files

The tightness of the layout probably stems from low resolution screens. In '96 the most typical display size was something around 640x480 or 800x600, not a lot of room to breathe there.

In the last month, I've had 2 people tell me (unsolicited of course) that my website looks like it was made 10 years ago.

I went to this 1996 campaign site and said with dismay, it looks like my website.

I recognized many of of the above historical attributes (table-based layout, centered narrow, body bgcolor attribute) in my own site.

I've got a full-time job as a UNIX system administrator, and a part-time business training sys admins. I don't have the website redesign merit badge or time to earn one. I'd pay for a redesign but I don't even know what to ask for except "a website that presents my company well". And I want people to stop staring at my website like there is something wrong with it.

Would appreciate any help you can offer, either by recommending a designer or a design, please.

I've heard good things about bootstrap [1]. I think you can pretty easily get a reasonable looking site if you use that.

Another option is to look at sites offering free HTML templates. Usually you can find something decent.

[1] http://twitter.github.com/bootstrap/

If you don't mind looking a bit like other sites, I'd highly recommend using bootstrap as a basis for a modern-looking redesign. You can customize it to your will, or even buy some bootstrap-based layouts to work with for not much money: https://wrapbootstrap.com/

As someone who learned table-based layouts and who now designs using HTML5 and CSS3, rest assured that the "new" web is not that hard to learn as long as you understand the basics of css. And almost all your JavaScript skills will transfer. It's really as easy as picking up a book on HTML5 and reading it. Alternately, check out: http://diveintohtml5.info/

by the looks of it, bootstrap heavily relies on javascript on pretty much everything. is that just my first (bad) impression or actually true?

Email forthcoming :)

Unless your site is a differentiator for your business, I wouldn't go hog-wild on it. I'd start by looking at something like ThemeForest, where you can browse around, see if you find something you like, and buy it for not-a-lot-of-money.

Thank you very much for all the comments and suggestions!

I doubt anyone would have used CSS in 1996, and "FrontPage 6.0 [2003]" did not exist back then. FrontPage might have only been used as part of the archival process (for removing links to dynamically generated pages and other excluded content and adding a fourth footer line to every page).

add "low-fps gif animations" to that list

White background is very early web. Fixed narrow width, since it was designed for 800x600 screens, with centering for larger screens.

The thing that stands out to me is that the text styles are basically browser default, in particular the Times New Roman (i.e. serif) font, and that distinctive dark blue for all links. Most sites use sans-serif fonts, which are more readable at lower resolutions. While most sites retain blue as the color for in-line links, links that are structural (e.g. the menus on left and right) tend to be given styles more akin to the rest of the site.

Also those graphics would be JPG on a modern site, not GIF. The lower bit depth on the colors is quite apparent.

Complete with the security of '96: http://www.dolekemp96.org/divider.gi [Intentionally broken link]

Say hello to IIS7.

> \\brainiac.ad.safesecureweb.com\websites\192620cbc\dolekemp96.org\divider.gi

Safesecureweb.com. Heh.

Although other than knowing it's running IIS (which is in the Server header of the responses anyway), it's not particularly useful. Unlike modern web apps, it's not displaying a stack trace or debug information that contains db connection strings and the like.

Also, this is fixed by changing one line in web.config AFAIK (it's been a good five years since I worked with IIS in any capacity)

Blocked by McAfee Web Gateway as pornography. Interesting.

Same here. Now I'm going to get fired. Thanks HN.

hooray for http://www.dolekemp96.org/about/cookies/cookies.html

Cookie recipe! #winning

"Like no President since Lincoln, he will bring to the Presidency the values and principles of all Americans."

Politicians have always and will always make great claims and comparisons and appeals to authority, history, etc., but I can't imagine a modern campaign (on either side) just flat our saying our guy is the best thing since Lincoln.

Well, Bob Dole's campaign didn't have to deal with movies like "Abraham Lincoln: Vampire Hunter" or "Abraham Lincoln vs. Zombies." Though maybe "Bob Dole: Liberal Slayer" would have been a better campaign platform? ;-)

Considering in hindsight he was a great man who made the right decisions at the time, in his era Lincoln was such a polarizing figure.

I can't imagine a Republican of recent years running on this sort of environmental record:

http://www.dolekemp96.org/agenda/issues/environment.htm

Then again, I increasingly have trouble imagining a Democrat doing so, either.

I miss the World War II veterans in U.S. politics.

Or this:

http://www.dolekemp96.org/agenda/issues/civil.htm

And today far too many people are salivating at the idea of gutting the Voting Rights Act.

On the other hand, one of the longest pages is on the drug war (in support of extending and intensifying it). It's hard to imagine a Republican making that a central plank in their platform, either.

Makes you wonder who, if anyone, is still paying to host the site. Someone must be keeping it online on purpose, right?

I don't have a hard time believing that someone signed up for some sort of annual billing and never bothered to cancel it. Perhaps they host a whole bunch of stuff with the same company and simply pay their bills without double checking ever line item.

Domain whois shows it's registered to "4President Corporation" and it shares a host with http://4president.org/ with provider 'hostmysite'.

Looks like this is someone's intentional effort to archive these things.

Was dolekemp96.org the original website? whois says the domain was registered in 2003 and archive.org first crawled the site in 2001.

Domain Name:DOLEKEMP96.ORG Created On:27-May-2003 14:15:22 UTC Last Updated On:25-Jan-2012 00:36:47 UTC

If the domain lapses and is re-sold (not just transfered, but actually deleted and re-created), you can expect to see the newer created time.

It could also be the registrar serving up wacky WHOIS info.

One way it reads very different to me is the way all of the sources are (in parenthesis) directly after the statements. I don't read a lot of campaign websites but I've not seen one that has so many direct sources for this many statements.

It's quite refreshing actually.

"Bill Clinton Wants to Put 'Big Brother' in Your Computer"

Haha!

http://www.dolekemp96.org/agenda/issues/internet.htm

Actually, this was a pretty big deal to the Electronic Frontier Foundation back in the day. More information: https://w2.eff.org/Privacy/Key_escrow/Clipper/

It's nice how quickly everything loads.

It loads quickly now, but at 75kb on a 28k dial up modem that would have taken ~21 seconds!

http://www.dolekemp96.org/news/releases/proct0796a.htm "DEBATE MENTION OF WEB SITE CAUSES FLOOD OF VISITORS -- Site Receives More Than 762,000 Hits in Single Four-Hour Period Today"

I'm loving this language

"Believe that? America can do better. Bob Dole. Jack Kemp. Cutting income taxes on every family 15%. A 500 dollar per child tax credit. Higher take home pay. Bob Dole. Cut taxes. Balance the budget. Raise take home pay. Tell the truth."

What's interesting to me about these old sites is how bad the typography is. Why is it that sites started using decent typefaces only relatively recently? Print design was just as well understood back then.

I wonder if they took online donations through the site. I see the donations link, but maybe it gave a phone number/address rather than a cc form.

Looks like the high school homepage I did in 1994 when in 10th grade ;)

My work computer categorized the site as pornography

Access Denied!

Ditto, hope the men in suits don't come down.

Awesome. Another internet time capsule!

    <meta name="GENERATOR" content="Microsoft FrontPage 6.0">

I rest my case.

Reply on news.ycombinator.com