Adam Cap

  • About
  • Mail
  • Archive/Search

design

posts | Tag … see also: jeans / link / style / psychology / art / warmth

Stale, Mate: An Assortment of Tweaks to the 2019 Redesign, Three Months In, and Join My Newsletter

↘︎ May 5, 2019 … 4′⇠ | skip ⇢

I wrote fairly extensively regarding the 2019 AC.com redesign when it launched, and I knew then, as I took a loupe to my work, that the design had issues. Collating that assessment was constructive because it forced me to acknowledge shortcomings that I may otherwise have turned a blind eye. I kept ideas for improvements in the back of my mind, to work themselves out (stew, as I like to put it), while I submersed myself in other matters.

Yesterday ended up being a “I have nothing planned / oh god / I’m feeling existential uselessness slash woe” kind of day1, so in an attempt to make something of quiescence, I opened my laptop and forged ahead with an assortment of creative adjustments.

Tweaks

Goodbye, Home Header

I called this element “experimental” initially, and upon reevaluation, it was overly ambitious; it had too much going on. Presented was a fat stack of links, boxes, and doodads for the end-user to manage—too much for a single pair of eyes to concisely assess. Though it lacked focus, it did contain redeeming elements. I still think overflow: scroll will be relevant as long as viewports are limited. The property allows you to include more (whatever) in less space. That’s useful! I moved the posts lists (titled “Blog,” “Dingus,” and “Reading”) to widgets, located the right or end of posts (depending on your viewport)—and swapped the latter two posts lists for more blog posts, which is the trademark content on here I’d be wise to promote.

With those elements salvaged, I retired the home header. It created inconsistency between the home page and every other page on the site. That’s an indication of poor planning; I should want the elements—especially the header, which is perpetually visible—to be coherent throughout. Users shouldn’t have to rack their brains to figure out what the design is going for.

Byline, Revised

The words “published” and “updated” have been replaced with “↘︎” and “↗︎” (respectively) (see this code snippet for more), and the “read in” phrase has been eliminated entirely. These omissions improve the legibility of the date and read time (since there’s less redundancy in the way) and the arrows help draw the eye toward the start of each post, to begin reading.

The shortened byline also now fits flush—on a single line!—on my ant-sized iPhone SE screen, which is joy.

I’m tickled about this update. The diagonal arrows are intuitive, I think, yet I can’t recall encountering quite this same application of arrows in bylines before.2 (Maybe there’s a reason for that. Reversion incoming…) If I’m scrupulous, I’ll end up replacing the HTML arrows with SVG ones (possibly these) so that the symbols will be consistent across browsers and operating systems. (Right now, they’re not. Alas.)

Photos of Moi

In the sidebar, instead of Shrek! and wooden spatulas (among other various read items and dinguses), there are now random photos of me. Your boi. I mentioned that my face has to be seen, and though previously it was unavoidable on the home page, it was absent all elsewhere.

Well, I’m back. Pervading your space. Eyes on ya. HEY. (Granted, on mobile, my physiognomy still can’t be seen without scrolling a mile, so there’s still a puzzle unsolved.)

Related: I will plunge into this later, in another post, about what I was going for with the books and dinguses that resided in that sidebar spot previously, but, for now, a teaser: Affiliate programs are for the lazy and suckers.

Join My Newsletter…

I’ve placed newsletter signup forms at the bottom of every post. Oh, look, here’s one now:

If I want to accelerate whatever I’m doing with this blog (or my life…), I need to be able to apprise those who may be interested in what I’m doing that “hey, I am up to something!” I’m all-out on social media, which means that email is essentially my only way to shout from a digital mountain. (And this’s not to discredit email—I think email is far more stable and a safer investment of time/energy/money than social media, but most people are blasé about it; email’s old technology. We are in the midst of a revival in newsletters, but that interest will intensify and reverse course again soon, and the internet will again be sick of them; think of a ship undulating.)

BTW, web dev nitpickers: I am aware that the Buttondown iframe is an external resource and slow to load and I should be hosting my own form and probably a pop-up too. I’m not getting lost down that rabbit hole of optimization yet. The iframe functions well (I prefer how it handles the signup process to the vanilla HTML form provided by Buttondown) and, importantly, it’s enough. Visitors can join easily—if they want to—now.

Nav Nudges

The next–previous posts navigation, floated to the right of the byline, is newly pronounced. I added the word “skip” to the right arrow (“⇢”), and the separator is now an erect pipe (“|”) instead of a limp forward slash (“/”). I knew this element needed a lift after I hadn’t looked at the site in a while and, upon return, immediately thought it finicky, vague, and inchoate.

Tag Spacing

Post tags have been spaced out, so maybe you and I will actually notice and point a cursor at them. Not that I’ve done a superlative job at tagging content over the years, in a way that would foster meaningful connections between content, facilitate discovery, and warrant the tags’ perusal, but…(trails off)…(inarticulate)…(choking sounds)…click them anyway!

Wish List

There are two features I have in mind to improve functionality:

  1. Autoload more posts in widgets when the termini of the posts lists are reached (i.e., incorporate infinite scrolling)
  2. Enable keyboard navigation to move between posts (on single post pages and archives) (using left and right arrows, or J and K)

Both features will require custom JavaScript, which is my weakest language (of the ones I at least feign to understand). (HELP.) Call me sold on the overflow: scroll posts widgets (“Overflow, 2020.”), so I consider it worth the time to figure that out. Keyboard nav is something I’ve done on PkmnCards, so I don’t think it’ll be too difficult to swing, but I’m already envisioning issues that beget complicated solutions and JS still viscerally perplexes me.


1 Am I the only one who experiences this? It’s an anxious feeling of pending self-nihilism. If I’m not moving, or nothing around me is moving, I’m on edge.

2 Smashing Magazine uses a loopy arrow (“↬”) in their article summary sections, which is where I got the idea from. I want to differentiate when a post has been published versus updated though, so the distinct downward (to signify “published,” in the sense that the content has landed) and upward (to signify “updated;” self-explanatory) arrows make contextual sense.

Me

circa 2017 (29 y/o)

about adam

Jump…

  • 19 May 5: Stale, Mate #AdamCap.com #design
  • 19 Feb 10: On the 2019 Redesign #AdamCap.com #design #history
  • 11 May 19: The History of Joy Division's "Unknown Pleasures" Album Art #design #music #science

More on…
AdamCap.com / design

On the 2019 Redesign: Experiments in Pulling Teeth, Past AdamCap(riola).coms, and What I Should’ve Been Doing All Along

↘︎ Feb 10, 2019 … 11′⇠ | skip ⇢

If, after a week, I’m already over my latest AdamCap.com redesign, does that count as progress? (Too soon? Not soon enough?)

I’ve launched redesigns in the past (to be enumerated below), and for each I’ve been privately optimistic that the “new wheels” would spurn creativity and drive and that I’d finally start consistently blogging for once, which I never have in the past, starting then, there, on launch. …Now. Any time. Soon. —I always feel the same deep-down-I-know-it-is-hollow optimism—the progression which follows is similar to that which ensues when you splurge on a product or service, thinking it will help engrain some positive habit or end, because with X in hand or at your disposal, “What you want will be so much easier to attain,” and for exactly one week or month, you are motivated, and it is easier to get yourself doing it, whatever it is—reading, losing weight, drinking water, writing—then the shiny new toy loses novelty, you forget about it, or get busy, and all that momentum abruptly decrescendos into a junk drawer and is eventually regifted to your indifferent (but courteous) “Yeah-OK-I’ll-Take-It” sibling or mom or the trash can.

In the case of my web redesigns, what I splurge is time. I put over a month of full-time work into this recent redesign. That is about how long it takes to make a good website. I did not make money during this time (working rate: $0/hour for approx. 197.5 hours from Dec–Jan), and not making money for that long may as well count as splurging money. I justify this cost because I figure during the process I will improve at web development, kick-start a business (or some kind of financial opportunity for myself), and make the money back later. But that is no shot fish in a barrel. And the real reason I ever redesign my blog is because I think if I have it configured “right,” that I’ll start writing more.

I’ve yet to reach “right.” It doesn’t exist. Writing is the hard part of this endeavor for me. I can code and manage a web property with some celerity. But producing content has always been slow, and tweaking stylesheets doesn’t make words flow any faster or more consistently. I’ve needed to write first, design later. The logical progression would be to make do until the habit is firmly established, then clear hindrances by obtaining resources. I’m acting backwards, again, because I am stubborn, but I did plan this redesign more thoughtfully than past ones (truly! [I swear! (really!)] ) which were inspired with mostly aesthetic (and not so many practical) ends in mind.

I’m going to describe a few of the atypical design elements in play for AC2019. (Which, really, I should not need to do, if the design is actually intuitive and good, but this process will (1) help me, at least, better understand what I was going for and (2) make blatant issues blatant, allowing me to address them.)

Design Elements

Three-Column Home Header

This is a convoluted, experimental, I-won’t-blame-you-if-you-call-it-dubious approach to a header that’s turned out to be…okay? (What?) To elucidate, column by column:

  • Column 1: Navigation makes residence in C1, which, really, is an impractical position for navigation, because this situates it on the left side of the viewport, which may as well be mile away from the habitual cursor turf of a right-handed user. (Meaning: It’s a hassle to drag your mouse over there and give the menu use.) But I wanted to employ the underlined ADAM CAP “logo” (I use this term loosely) in the same position throughout the redesign (this is just the home header, remember; all other pages look different), and vertical nav makes efficient use the horizontal space afforded here. I get to include my beloved pixelated A icon in C1, too.
  • Column 2: I desperately want to apprise users of new content, without making them scroll far (or at all), while providing them the ability to reference past content almost as effortlessly, and this is my solution. These three widgets show at-a-glance what’s new and allow old stuff to be seen/accessed by scrolling—no clicks necessary to become informed. This is one of the less intuitive aspects of the design. It’s rare to see overflow-y: scroll; elements (though overflow-x: scroll; is becoming commonplace with mobile devices having narrow screens). Even if the average user never discovers the scrollbars, the elements still serve their most crucial purpose (“Here lies activity!”).
  • Column 3: I am not at the point yet where I have steady traffic, so it seems critical inform my few passersby whose lawn they’ve tromped on. My face has to be seen (blogs without a face are instantly forgettable [no sideways stares either; “Eye contact!”]) and I feel it’s wise to further cement myself with a goofy, succinct tagline. I’d prefer to include my newsletter signup than the current flat, insipid “hire me” pitch here (but I don’t have the newsletter’s raison d’être even remotely defined yet, and I do need $). This is the designated “call to action” spot, essentially. I’ll figure it out eventually.

This header functions better than anticipated, though it lacks focus. I was worried, in particular, that the C2 overflow-y elements be unusable on mobile, but they’re okay. (If something doesn’t work on mobile, then it doesn’t work at all; mobile users comprise an increasing percentage of the internet’s horde each month, and it’s imprudent not to tailor the web surfing experience to them.) Parts of the home header will inevitably be tweaked, but I’m at least not neurotically stressing out about needing to do so yet. (grits his fucking teeth)

Slanted, Canted, Offset, and Askew

3° is enough.

This was a theme I incorporated sparingly (once) but prominently (in the header) in my last iteration of AdamCap.com. I brought transform: rotate(); over to SixPrizes for its 2017 redesign, and rotation pervades even more now. I considered myself brilliant and archetypal for incorporating canted elements then, but this appears to be a common design trend in 2019. I keep seeing it everywhere. Maybe it’s always been a trend and I’m just now realizing it. Regardless: Everyone else who’s canting their divs: Please stop. Give me this one opportunity to stick out and appear different and innovative for once. I mean it. (Thanks!)

I’ve not offset the positions of elements much in the past, but I made a deliberate effort to do so this time around. This technique helps add contrast, which makes individual elements more distinguishable and thus the site more navigable.

Anchors, Matey

I struggle with the decision to show (A) excerpts or (B) full content on archive pages. I prefer—usually—to see a full post if I hit the home page of a blog so that I don’t have to click (and then wait, again, for a page to load) to continue reading. Clicking is a decision, and work, and I don’t want to make decisions or do work. Please, take the wheel. Write well, and draw me in. Decide my fate for me. The less it takes to immerse a reader, the better.

However, when dealing with long-form content, which is what I tend to write, it’s a problem if the user encounters a topic they have zero interest in, and the entry is longer than a single viewport height. Scrolling past can feel like being stuck on a cyber treadmill, and the user will jump ship (leave my site) if they become overly disoriented or entangled. (Mayday! Mayday! Man overboard!) I lose my compass scrolling through the new AdamCap.com home page at times, and I am the sole author here. If anyone should be able to keep their bearings, it’s me. (An inauspicious sign this is, surely.)

My solution to this predicament was to add anchor links (these: ⇠ / ⇢) below post titles so that it’s possible to skip around, post by post, with infinitely higher velocity and precision. This is another unintuitive feature (even more so than the occult overflow-y above; I don’t know how anyone’s going to discover it), but the concept intrigues me and perhaps I’ll come up with a more effective implementation of it later.

Anchor links mesh cooly with my new M.O. because they (anchor links) provide instantaneous feedback. They’re fast. I really like the idea of loading a bunch of content (with a single page load) and letting a user zip through it all, in a deliberate way, and anchor links make that kind of interaction possible.

Sidebar Favs

What I am going for in the sidebar (to the right of posts) is to randomly display items from a curated list of my favorite things (you can buy on Amazon [to support me with scant affiliate commissions…]). What I’ve realized while typing this is that this idea (“favs!”) is boneheaded and unquestionably dubious because, even if I do see success with Amazon’s affiliate program, it places me at the mercy of Amazon. The big AZ. And that relationship has gone sour before. Amazon lowered their payout rates two years ago (in Mar 2017; my earnings dropped by over half the following month), and my Associates account was almost auto-terminated from the program the following year, out of the blue, erroneously. (Customer service resolved the glitch, but the incident certainly perturbed me.) It’s delusional to think I could come anywhere close to earning a stable, living income this way, and that has been my pie-in-the-sky hope here.

Instead, I should be promoting myself. I’m the commodity. And, from looking through past iterations of this website, it seems I’ve gotten away from doing that.

Past Designs

Nov ’09–Jan ’11

AdamCapriola.com (source)

web.archive.org

This is the earliest capture of any of my web entities from the Wayback Machine. AdamCapriola.com served to share me (my personality and personal interests), essentially. I had started SixPrizes.com a few months earlier and thought it was important to have an outlet (to come across as a relatable, real person) if I was to make it online. The images are broken, but I was evidently into relaying what I was wearing each day. I evidently had a “Fan Page” as well. Who knew.

There’s not much to say about the design. I used a theme called Atahualpa because it was easy to customize, and I read somewhere that red is attention grabbing, so I made the titles red.

AdamCap.com (source)

web.archive.org

AdamCap.com existed alongside AdamCapriola.com and contained content more rhetorical in nature. I think. (I am writing this ten years removed from the endeavor, and almost the entirety of it evades my memory.) The tagline reads “Thoughts on life, success, and human nature.” (Turns pale. [Dies.]) (Please ask Siri to dial 911 or shout for help if your eyes also roll clear into the back of your head and remain lodged there for 10+ seconds.)

Notably, I had a newsletter (no recall of what I spouted about—those archives were lost, tragically) and active comments sections, so I did some things right. But I should emphasize: the internet was different back then; this was a time of possibility for the little guy. The web had not become so big and centralized (and wearied and jaded) yet, and a small website like mine, with almost no substance but gumption, could attract a responsive audience.

Re: the design: The capture’s stylesheet is broken, but AdamCap.com was likely identical to AdamCapriola.com.

Jan ’11–Aug ’11

AdamCapriola.com (source)

web.archive.org

I added a third column and switched to excerpts. This looks okay to me; the design is clean, if nothing else. Logo font: Helsinki.

Aug ’11–May ’13

AdamCap.com (AdamCapriola.com Absorbed) (source)

web.archive.org

Above is what I have screen-captured in My Documents. Which looks great! It’s distinctive, at least, and exudes character. Opaque box-shadows still see use every now and then, most typically in retro-style designs. The red-bordered post titles are emphatic and I think serve well to draw the eye where it should be.

However, seen here is only a partial header. With the complete header, this design doesn’t look so hot:

The red–white–teal color scheme is a shade away from matching Aquafresh. That’s all I can think of when I look at this. ProTip: Toothpaste should not be evoked through web design. I was going for color contrast, but just no.

I could have done without the first row of the header; my name (Adam Capriola) was already above the fold (in the sidebar), and the recent tweet display (“GETTING GNAR OFF OVERLY-RIPE BANANAS #WASTEDDDDDDDDDDD – 3 DAYS AGO”), which feigned liveliness, was a cop-out for going long stretches without posting new content. (I should have been writing stuff for the blog instead of wasting breath [and brain cells] on social media.)

May ’13–Dec ’13

AdamCap.com (source)

web.archive.org

This was a short-lived design that I never completed for unremembered reasons. I launched it half-finished and it stayed that way. (Meow.)

Dec ’13–Feb ’16

AdamCap.com (source)

web.archive.org

I’m aghast that I let this design persist so long. It’s minimal to fault. It evinces none of my personality and is completely forgettable. Perhaps it speaks of my mental state through these years. The big feature here was the ability to sort by popular posts, which I doubt anyone did, except for me now and then to tug my own willy about how many views those popular posts had. Moving on…

Feb ’16–Jan ’19

AdamCap.com (source)

web.archive.org

AC2016 was designed for 1024px-wide viewports and none others. This screenshots shows the design at native size. With a viewport any wider or narrower, you’d have to zoom to read properly, so most initial impressions of my site were probably poor. It was a total mistake to not address this. (By 2016, even I, the wannabe Luddite who held onto his flip phone forever, owned a mobile device and could appreciate mobile-friendly design.) What happened is that I put 100% of my focus into the desktop design and I was too drained by the end of this process to even take a crack at mobile, so I put it off. And I never got to it. (Truth be told, I was lazy and addicted to video games at the time. Call me feeble.)

However, the combination of Abril Display (for H1), Freight Sans Pro (for H2–H6), and Freight Text Pro (for body) does look sharp. My face and name are unavoidable. And a handful of visitors were so captivated to email me. So there were elements that fell into place effectively.

2019–?

AdamCap.com

I’ve delved into the unique aspects of this design already, but one more thought: Perhaps the biggest fault with the current design is the lack of “me” above the fold on mobile and outside the home page—my physiognomy should pervade. (Remember me!) I’ve tried to remedy this by inserting my headshot into the header, but including it anywhere up there throws balance off. (I’m fixed on maintaining the conspicuity of the ADAM CAP logo / post title area which leads downward into the content.) So I’m leaving my mug out until better inspiration strikes. Otherwise, the 2019 design is responsive and generally more engaging than previous iterations.

Takeaways / Future Plans

Publishing (for me) and reading (for you) have to be easy. That’s the overarching impetus behind AC2019. I’m attempting to construct a platform that tips me over and has me spilling my brains out into shark-infested waters.

However, I am a slow writer. It feels like I’m rollerblading up a steep hill naked every time I try to share anything on here. The sun is in my eyes, and people are watching. It is difficult for me to spill. Which means: The platform I step onto doesn’t matter at this point. Any of the above designs would suffice now. I need to write—wherever, however, to whomever, in whatever. It’s consistency that needs to be built up. I’m hoping that with repetition the writing process will become easier.

I’d envisioned having delineated sections within this redesign for specific content types, some of whose content I’d enter database-style, with optional commentary (i.e., writing), so that it would be simple for me to keep the site active. Fill in a few fields, and bango: new post! Ta-da! Read all about it! In practice, it’s too much, in the obverse sense of my publishing woes. I’ve coded cruft. I generate noise. The result is mechanical and flat. “Cut the chaff,” as my grandmother Myrtle used to say while indexing a Newport. All anyone is trying to do is communicate, and this is a conversation.

Me

circa 2008 (20 y/o)

Popularly…

  • 11 May 19: The History of Joy Division’s “Unknown Pleasures” Album Art #design #music #science
  • 14 Jan 13: On Becoming an Instant Coffee Snob #coffee #food #review
  • 13 Nov 29: The Nose Knows #efficiency #fitness #science
  • 16 Jul 3: Loud Ones #chair #desk #office #review
  • 17 Aug 3: Ketato Ketato #food #Ray Peat #recipe #science
  • 13 May 29: What I’m Eatin’ #diet #food #Ray Peat
  • 13 Jun 29: Getting Ripped Slowly #fitness
  • 19 Mar 16: Self, Talk #change #DIY #journaling #self-improvement #tool
  • 10 Jan 29: My Obsession with Jeans #clothing #jeans #style
  • 18 Jun 26: The Other Side #DIY #light #Ray Peat #tool #warmth
  • 12 Sep 25: How to Sell Your Stuff on eBay #DIY #money
  • 17 Jul 14: Official Nirvana #chair #desk #office #review
  • 14 Feb 11: Dynamism of a Gainer #fitness
  • 13 Jan 29: Telling White Lies to Black Cats #thought #transparency
  • 19 Mar 3: Eyesore #carry #DIY #efficiency #tool
  • 13 Sep 18: Forget the Numbers #fitness
  • 10 Jun 13: $275 Quoddy Suede Chukka Boots #clipping #clothing #footwear
  • 11 Mar 29: Wayne’s World Top 10 Babes #clipping #movie
  • 17 Mar 5: Butter Size of Walnut #diet #food #recipe
  • 14 Jan 20: The Disintegration of Data #fitness #information

More on…
AdamCap.com / design / history

The History of Joy Division’s “Unknown Pleasures” Album Art

↘︎ May 19, 2011 … ↗︎ Feb 19, 2015 … 10′⇠ | skip ⇢

I had no intention of ever learning this much about Joy Division or pulsars, but because of my apt to be a law abiding citizen, I was forced to research the about the ubiquitous design made popular by the British band and artist Peter Saville for a t-shirt project I’m heading on SixPrizes.

In short, I thought it would be cool to make a spoof off this t-shirt:

AllPosters

However, I know from experience that you’ve got to be very careful when “borrowing” ideas from other people. In order to make sure the t-shirt parody project would get off without a hitch, I needed to make sure that I could get around the copyrights that Joy Division or Peter Saville may have on the design.

So I did the first thing anyone else would do… I checked ole trustworthy: Wikipedia. The free encyclopedia has a section about the packaging of the “Unknown Pleasures” album that gives the following information:

The front cover image comes from an edition of the Cambridge Encyclopedia of Astronomy, and was originally drawn with black lines on a white background.[13] It presents successive pulses from the first pulsar discovered, PSR B1919+21—often referred to in the context of this album by its older name, CP 1919.[13] The image was suggested by drummer Stephen Morris[13] and the cover design is credited to Joy Division, Peter Saville and Chris Mathan.

From this description, I assumed that the Saville took diagrams from the book and superimposed them on top of one another to make the cool looking image.

But upon further research, this page from the Cambridge Encyclopedia of Astronomy surfaced:

Joy Division Central

He straight up used the exact image for their album cover! I guess you could say there is some artistic thought expressed by inverting the colors and choosing the positioning, but it’s the same exact image!

Wikipedia
Joy Division – “Unknown Pleasures” – Album Cover

I was dumbfounded when I discovered this. Here I was all stressing about copyright infringement… but now it looks like the image itself might have been infringed upon already!

I had to do some more research to find out more about the pulsar to find its true origin…

It turns out the diagram actually first appeared in a January 1971 issue of Scientific American, and is credited to Jerry Ostriker (thanks to this page for that info, though I’m not convinced Ostriker was the one that published the image).

Here’s what it looked like in that magazine:

hauntedGeographies

hauntedGeographies

The image then made a second cameo in Graphis Diagrams in 1974:

hauntedGeographies

And finally, it appeared in the Cambridge Encyclopedia of Astronomy in 1977, which is where Joy Division drummer Stephen Morris saw the design:

hauntedGeographies

This brings me back to my original purpose for doing this research, and that was to find out if the image is copyright protected.

I went straight to the source and tried e-mailing Peter Saville to see if he had any comment on the matter. I wasn’t really expecting to get a response, but to my surprise his assistant Alice sent a prompt reply:

Hi Adam,

I write on behalf of Peter.
We understand the image as copyright free.
So believe you are liberty to do as you wish.

My best,

Alice

Now we’re on to something… I don’t necessarily take their word that the famous peaks and valleys are in the public domain (as I’m sure he’s made quite a pretty penny of them), but here are the facts:

  • The pulsar itself was first discovered in 1967 by Jocelyn Bell Burnell
  • The image of its radio pulses first appeared in an American Scientific in 1971
  • It’s not clear whether the research team that discovered the pulsar created the graph, or if Ostriker (or someone else) just pieced together the data

There is a 1968 research paper listed on the CP 1919 aka PSR B1919+21 Wiki page, but I’m unable to access it, and I don’t have the original Scientific American magazine to read the description.

That 1968 paper could potentially include the graph, and I am unsure about Ostriker being the one that published the image because the American Scientific article has no mention on his publications page.

[EDIT: I found the Scientific American reference on this page instead, so that story checks out. I’m still not sure if Ostriker created the diagram or not.]

What makes it most confusing legal-wise is that I can’t tell if an American or non-American created the diagram, as each of those scenarios would have a different boding on the copyright law.

I’m not even sure if the image itself is protectable… it’s essentially plotted data, but there could be a case made that it’s arranged in a unique matter.

Then if it qualifies for copyright there are a bunch of different scenarios that could be gone through depending on the year it was published, where it was published, if proper copyright formalities were taken, etc…


Overall though, I’d say it’s a pretty safe assumption to treat the image as if it’s in the public domain. It’s been on the cover of a fairly popular album that’s been selling for over 30 years now. If someone was going to drop the law hammer, it would have happened by now.

The only way I can see getting in trouble for using it is if you were marketing a product as a collaboration with Joy Division or Peter Saville. As long as you make it clear there’s no connection, you’re golden.

All that… for a spoof t-shirt. What time does the bar close?

EDIT: The story unravels…

I got in contact with Jeremiah P. Ostriker, who as far as I could tell was the first person to publish the image. Here’s what he had to say about it:

Dear Adam Capriola,

First, I doubt that I created the image but most likely obtained it from a published source.

I think it highly unlikely that I own copywrite to the image but if I do I am happy for it to be used in any way that would increase public education.

best wishes,

jpo

So Mr. Ostriker does not appear to have created it. After hearing this I took a closer look at the second picture above from Scientific American, and this is what I can depict in the caption:

EIGHTY SUCCESSIVE PERIODS of the first pulsar observed, CP1919 (Cambridge pulsar at 19 hours 19 minutes right ascension), are stacked on top of one another using the average period of 1.33730 seconds in this computer-generated illustration produced at the Arecibo Radio Observatory in Puerto Rico. Although the leading edges of the radio pulses… [can’t decipher the rest]

I can’t believe I missed that earlier. The image was computer generated at the Arecibo Radio Observatory in Puerto Rico. I wish I actually owned the issue of Scientific American so I could read the full caption and see if the article gives any credits, but that’s some information to work with.

(I’m actually somewhat tempted to buy the SA issue on this site for $17.95…)

Facts at this point:

  • The pulsar itself was first discovered in July 1967 by Jocelyn Bell Burnell of Ireland
  • The image first surfaced (as far as I know) in January 1971
  • The image was produced at the Arecibo Radio Observator sometime between then

There is one article that was published in February 1968 that could contain the image, but it’s doubtful. That article is located here and gives the following abstract and note:

Unusual signals from pulsating radio sources have been recorded at the Mullard Radio Astronomy Observatory. The radiation seems to come from local objects within the galaxy, and may be associated with oscillations of white dwarf or neutron stars.

1. Mullard Radio Astronomy Observatory, Cavendish Laboratory, University of Cambridge

This makes it extremely unlikely the illustration appeared in that 1968 publication as there is no mention of Arecibo (which is where the image was produced), so its appearance in the January 1971 issue of Scientific American is in all likelihood the first place it appeared for public consumption.

However… the question still remains: who owns the rights to the image (if anyone)?

Assuming the image was produced at the Arecibo Radio Observatory, here are some facts about said establishment:

  • It is currently operated by Cornell University under cooperative agreement with the National Science Foundation (meaning it receives substantial government funding).
    • The exact quote from the Arecibo website is “A Facility of the NSF operated by Cornell University” which seems to suggest that NSF owns it and contributes major funding.
  • Arecibo received funding from the NSF as far back as 1967 according to this NASA article.
  • The original plan for the observatory was proposed to ARPA (now DARPA) in 1958 and subsequently a contract for building arrangements was signed between Cornell University and the Air Force Cambridge Research Laboratory (meaning it was government funded from the start).

With that in mind, copyright law does not protect works by government officers or employees as done part of their official duties (hat tip).

What is not clear to me is whether the persons working at Arecibo would be considered government workers… it seems like Cornell operates the facility, but most of it is paid for by the government.

More than likely, the people working there are considered contractors or grantees, and they ARE able to copyright their work.

Wrapping Things Up

I guess the last piece to the puzzle is whether or not whomever created the image formally copyrighted it. The image would have been produced between 1968 and 1970, and as per law at the time, it would have had to be published with a copyright notice to receive protection (unlike today where works are automatically protected).

The images above from Scientific American do not appear to have to have a © (copyright symbol), the word copyright, or date, which would have been required back then for protection.

Since image seems to have first been published in Scientific American and it’s missing those key elements, this leads me to be fairly confident the image is in the public domain.

I wish I had a copy of the January 1971 Scientific American, Graphis Diagrams, and Cambridge Encyclopedia of Astronomy to double check if they give any copyright credits for the image, but if they don’t list an author, then it’s pretty much fair game.

I’m uncertain that the image was for sure first published in SA, and without the actual magazine the only reference I have is that it was produced at the Arecibo Observatory. Ostriker had to have obtained the diagram from SOMEWHERE, and if it was previously unpublished before his article, I guess him publishing it without a copyright notice or date has to mean it is public domain.

Otherwise whomever actually first published the image would have likely pushed legal action. And even if they didn’t ever publish it, unpublished work is automatically copyright protected so again, the original author would have likely filed a suit.

In closing, it would be nice to have an original copy of those 3 aforementioned works in front of me to see if they list any copyright, but with the information I’ve been able to gather, that’s the most logical conclusion I can come up with.

tl;dr

The image was first published in the US without a copyright (as far as I can tell) in the year 1971, so therefore it is in the public domain for failure to comply with copyright formalities of the time.

If you ever want to use the image for your own personal benefit, just make sure it’s clear you have no connection with Joy Division, Peter Saville, et al.

Update – December 28, 2012

I’ve received a message from F.X. Timmes of Arizona State University with a theory about the possible origin of the image:

it was common in the late 1960’s and early 1970’s to show stacked
timing profiles of pulsars as a way to visually analyze the subpulse
structures for patterns. my bet is that in 1969 or 1970 a summer intern
pulled the software crank on the latest data coming off the telescope
to produce what was a run-of-the-mill plot. somehow it got picked up …

Case closed?

Update – January 25, 2015

Dr. Paul Abbott, physics professor of The University of Western Australia, has reached out with information regarding resources which were unavailable to me:

Hi Adam:

A friend, Simon Tyler, posted a link to your interesting blog post on the History of Joy Division’s “Unknown Pleasures” album art. As I have access to journal archives, I thought I’d check some things that you could not.

First, on the Scientific American January 1971 issue (not American Scientific as you had in two placed in your blog):

1. The rest of the missing Figure caption reads:

Although the leading edges of the radio pulses occur within a few thousandths of a second of the predicted times, the shape of the pulses is quite irregular. Some of this irregularity in radio reception is caused by the effects of transmission through the interstellar medium. The average pulse width is less than 50 thousandths of a second.

2. Unlike the hardcopy that you showed, and about which you wrote

The images above from Scientific American do not appear to have to have a © (copyright symbol), the word copyright, or date, which would have been required back then for protection.

and

The image was first published in the US without a copyright (as far as I can tell) in the year 1971, so therefore it is in the public domain for failure to comply with copyright formalities of the time.

the online archive has

© 1970 SCIENTIFIC AMERICAN, INC

printed on the bottom of page 53 (see attached).

3. The bibliography (page 122 of the same issue) lists the following references for Ostriker’s article

THE NATURE OF PULSATING STARS. Introductions by F. G. Smith and A. Hewish. Macmillan & Co., Ltd., 1968.

ON THE NATURE OF PULSARS, 1: THEORY. J. P. Ostriker and J. E. Gunn in The Astrophysical Joumal, Vol. 157, No. 3, Part 1, pages 1395-1417; Septem­ber, 1969.

ON THE NATURE OF PULSARS, III: ANAL­YSIS OF OBSERVATIONS. J. E. Gunn and J. P. Ostriker in The Astrophysical Joumal, Vol. 160,No. 3,Part 1, pages 979-1002; June, 1970.

However, our library doesn’t have a copy of Smith et al. (1968) and the 2 issues of The Astrophysical Joumal are not in the (online) journal archives, but both are by Ostriker, and he appears to not claim the image.

Regarding the 1968 Nature paper:

You wrote

That 1968 paper could potentially include the graph, and I am unsure about Ostriker being the one that published the image because the American Scientific article has no mention on his publications page.

I’ve checked the Nature paper and it does not include the graph.

Finally, a search for the images in Google Images does give the original source, but turns up some interesting examples of the use of this (copyrighted) artwork (appended below).

Cheers,
Paul

unknown pleasures cp1919 scientific american 1970

Update – February 19, 2015

It looks like F.X. Timmes was right: Jen Christiansen, art director of Scientific American, has completed the search and found (and interviewed!) the mystery man behind image the in this fantastic piece. Harold Craft, a Cornell graduate student working at Arecibo in 1970, captured what has since transcended into an iconic plot.

Me

circa 1996 (9 y/o)

Randomly…

  • 17 Jul 14: Official Nirvana #chair #desk #office #review
  • 10 Jun 13: $275 Quoddy Suede Chukka Boots #clipping #clothing #footwear
  • 16 Mar 11: Rock the 90 #fitness
  • 09 Nov 9: WAYWT 11/9/09 #clothing #style #WAYWT
  • 09 Nov 18: The Pinnacle of Television #television #video
  • 13 Jan 29: Telling White Lies to Black Cats #thought #transparency
  • 19 Feb 28: The Better Bookmark #book #DIY #efficiency #reading #tool
  • 10 Mar 18: Nice Pair of Sammies #clothing #from my Tumblr #jeans
  • 10 Oct 4: Yes! Mickelson! #clipping #comic strip
  • 11 Feb 26: Rock and Roll Baby #AdamCap.com #ambition
  • 10 Jan 26: Hungry for Conversation #food #psychology #social media
  • 13 May 29: What I’m Eatin’ #diet #food #Ray Peat
  • 10 Aug 2: Two Words That Will Kill You #ambition #language #productivity
  • 19 Feb 10: On the 2019 Redesign #AdamCap.com #design #history
  • 10 Aug 4: How To Waste Less Time on Facebook and Twitter #internet #productivity #social media
  • 10 Feb 3: Jeans Progress… #clothing #jeans
  • 13 Nov 29: The Nose Knows #efficiency #fitness #science
  • 19 Mar 12: One for “the Old Man” #art #Capriola #history
  • 12 Dec 29: New Years Resolutions #ambition
  • 10 Apr 26: Steve Jobs Can Sell Like None Other #computer #from my Tumblr #marketing #video

More on…
design / music / science

  • Home
  • About
  • Archive
  • Mail
  • Random
  • Dingus
  • Reading
  • Code

ADAM CAP is an elastic waistband enthusiast, hammock admirer, and rare dingus collector hailing from Berwyn, Pennsylvania.

My main interests at this time include reading, walking, and learning how to do everything faster.

Psst: If you find my website helpful or enjoyable, please join my newsletter and/or send me an email—I want to hear from you!

Disclosure: As an Amazon Associate I earn from qualifying purchases.

© 2009–2023 Adam Cap(riola) top ⇡