Finish ADN webpage

[mushon]

I was thinking to make the web page for the extension just full of banners and either have some of what we want to say or ALL of what we want to say in these banners. This could even be something that continues to grow as we get media coverage or ceased and deceased letters and post links to them in the form of banners.

We could use the Packery plugin to dynamically (maybe even incrementally) present and reorder these banners on the page, much like they would appear in the extension's Ad View.

@dhowe & Helen (do you have a GH handle?) I would like to get your thoughts + we will need to decide on a list of banners.

My initial list:

• Install Adnauseum
• Title + tagline
• Project credits (either a single banner or multiple ones)
• Full Obfuscation paper
• Obfuscation conference link
• Contact link
• Github Repo - for devs
• Github Issues - for bugs
• Github Wiki - for Help / FAQ
• Github issue (specific) - inviting devs to port the extension to Chrome
• Media coverage
• …

[dhowe]

This sounds good to me. Though the packery code is not without problems (items getting 'stuck' in place, items overlapping). Perhaps you can update the SO question to mention these? (Nevermind, I did it)

On Feb 5, 2014, at 10:38 PM, Mushon Zer-Aviv notifications@github.com wrote:

I was thinking to make the web page for the extension just full of banners and either have some of what we want to say or ALL of what we want to say in these banners. This could even be something that continues to grow as we get media coverage or ceased and deceased letters and post links to them in the form of banners.

We could use the Packery plugin to dynamically (maybe even incrementally) present and reorder these banners on the page, much like they would appear in the extension's Ad View.

@dhowe & Helen (do you have a GH handle?) I would like to get your thoughts + we will need to decide on a list of banners.

My initial list:

Install Adnauseum
Title + tagline
Project credits (either a single banner or multiple ones)
Full Obfuscation paper
Obfuscation conference link
Contact link
Github Repo - for devs
Github Issues - for bugs
Github Wiki - for Help / FAQ
Github issue (specific) - inviting devs to port the extension to Chrome
Media coverage
…
—
Reply to this email directly or view it on GitHub.

[mushon]

As for the packery code for this one, since we will know exactly what size banners we will use, I am hoping we'll be able to either avoid the bugs or simply hard code the positioning.

[mushon]

I am still waiting to hear from Helen, as I don't want to design banners we will later have to change completely.

[dhowe]

Notes on draft webpage:

-- color
palette is a bit schizophrenic (maybe unify a bit?)
purple images (perhaps can be more subtle tint..)

-- layout
shift everything up toward top of page, and tighten spacing
text should have thin bounding box (to match the rect/ad theme)
page-size (optimize for 768 height?), and...
make responsive (resize for phone/tablet/etc)

-- other
blue text (why sometimes blue, sometimes white?)
position of basic description sentence should be more prominent/higher

[mushon]

palette is a bit schizophrenic (maybe unify a bit?)

Yes, this was somewhat intentional, to communicate the banners feel. I am going for this visual intensity that characterizes banner rich sites but with a bit of a twist. I might have not hit the nail on the head though, so do specify where you think it works and where it doesn't.

purple images (perhaps can be more subtle tint..)

Ok, I'll give it a try with a thinner purple overlay.

shift everything up toward top of page, and tighten spacing

Sure. (initially I planned to have another banner up there, but scratch that…)

text should have thin bounding box (to match the rect/ad theme)

I tried to differentiate the so-called "native" page elements - the logo and the text from the "ads" which are added afterwards. The way I see it the text and logo should not appear as banners. It's open to debate though.

page-size (optimize for 768 height?), and...
make responsive (resize for phone/tablet/etc)

I'm on it. #79

blue text (why sometimes blue, sometimes white?)

yeah, it doesn't work anymore, I'll fix it.

position of basic description sentence should be more prominent/higher

everything will be bumped up, so I think that will to.

[dhowe]

changed title to reflect the fact that we are done or nearly done with banners