Is there a plan to post a short story about the redesign launch on the frontpage?

Such a post would IMO serve the following purposes:

- Acknowledge that there is a change
- Highlight the changes and reasons behind them
- Highlight the team behind the redesign effort
- Channel remarks on the redesign into one place
- Tell people where to file bugs and feature requests

Comments

gábor hojtsy’s picture

It would definitely be great to have this written up. There are various "hidden" new features that people will explore as time goes, but at least pointing out the big ones would be great. Also, acknowledging the masterminds, contributors, sponsors etc.

dddave’s picture

Especially point the people to the dashboard. This is the best part of the redesign imho.

Such a frontpage post would also be nice to address the controversy and point users to the queue.

Amazon’s picture

Assigned: Unassigned » Amazon
StatusFileSize
new155.12 KB
new41.28 KB
new129.97 KB
new320.19 KB
new139.92 KB
new248.24 KB
new226.67 KB
new163.8 KB
new196.52 KB
new200.82 KB
new170.37 KB
new321.43 KB

Yes, we are working on a quick tour of the redesigned Drupal.org. It's late, but we've been focused on supervising the launch and the subsequent feedback. I hope to get the draft out today.

The idea is to have a series of screenshots with brief descriptions linking to the sections. I had considered marking up the screenshots but concern was express that it would not be as accessible. I am attaching the images in an attachment.

lisarex’s picture

I'm available to push this out. We can annotate each screenshot to point out a feature, but we'll need to include that text in the image's title tag.

lisarex’s picture

StatusFileSize
new316.18 KB

Replacement home page image (radio button positioning has changed, the name was cut off in the previous one) though ideally we use one with correct contributor numbers (see #946160: count only active users on homepage

dww’s picture

Issue tags: +drupal.org redesign

I wouldn't use http://drupal.org/files/issues/Improved-design-issue-queues.png since that's a topic of much controversy and change right now:
#936926: Update color scheme for status-based issue tables and issue link filter

This is a new page and IMHO pretty slick feature for finding modules:
http://drupal.org/project/modules/categories

lisarex’s picture

StatusFileSize
new206.83 KB

Here's the updated home page screenshot.

http://drupal.org/project/modules/categories is indeed slick but

a) how does one navigate to it ?
b) everything needs to be updated to title case (an easy enough job, at least)

dww’s picture

@lisarex: How to find /project/modules/categories in 3 easy steps:

  1. http://drupal.org
  2. Click on the Download & Extend header link
  3. Click on the bold All categories link under the "Module Categories" heading

Re: "everything needs to be updated to title case (an easy enough job, at least)"

You mean on /project/modules/categories ? That requires a separate issue in one of these two places (depending on how you want to try to solve it):

A) in the project module issue queue (tagged drupal.org redesign, drupal.org redesign project), since that page is entirely generated by project_solr. we'd have to drupal_ucfirst() each heading as we're generating the "blocks" inside project_solr_category_page().

B) in the webmaster queue, since we'd need to rename all the project category taxonomy terms here: http://drupal.org/admin/content/taxonomy/3

Doing this via renaming the taxonomy terms would allow us to not break things like the "e-Commerce" category. It'd also make these term names consistent site-wide, e.g. in the "Project information" block on project home pages (#935106: Split out project taxonomy terms from the generic "Tags" into vocabulary-specific display), on solr search results (#890808: Display module/themes tags on D&E results pages), etc.

lisarex’s picture

@dww, thanks.. Interface blindness, I guess :)

I created this issue last night but forgot to link it, if anyone wants to comment. I assumed the way to fix these would be by updating taxonomy. #949240: Update Project taxonomy terms with title casing per design guidelines

Amazon’s picture

The first draft of the front page post has been drafted here: http://drupal.org/node/949992. It was developed collaboratively by Neil Drumm, Lisa Rex, Angie Byron, Derek Wright, and Kieran Lal.

We had planned to include many more images of the redesign, but we may have to settle for header links.

If people would like to edit directly, we can disable the filter which allows images to be displayed. Aesthetic, grammar, and style feedback are welcome.

dww’s picture

Style feedback:
- The images inline with the body need some padding so the text doesn't run up against them.
- We should probably make more use of clear to ensure that we don't end up with section headings that are weirdly indented since they've got images floating past them (e.g. "Get Started", "Download & Extend landing pages for project types", etc).
- The bullets in the "Project home pages" section are overlapping the screenshot

Otherwise, the style stuff looks okay to me.

Thanks,
-Derek

dww’s picture

I've noticed some struggling in my IRC backscroll regarding the points I've raised. Doing this manually in HTML is a waste of time and a pain. I think the far better solution would be this:

#950414: Provide an inline filter for placing attached images into text areas

Amazon’s picture

Status: Active » Reviewed & tested by the community

Reviewed by Stephthegeek and EvanDonovan as well as several others. Drumm added new CSS styling and new classes were added to the post

dww’s picture

I removed the ':' from a few headings so they're all consistent. My final gripe:

#951606: ul inside of body text needs to indent and be more subtle

Not a blocker, but something that'd be good to fix...

Nice work on this post, everyone!

lisarex’s picture

Yeah I am late to the party here (had started, then gotten stopped).

Things I'm doing now
* The headings all need to be Title Case to adhere to our style guidelines. I'm going to update the main ones
* Adding in a few missing links

Other stuff
* I asked about a css class in IRC, so glad there's an issue for us to discuss on.
* I want to replace the "Module categories" screenshot because I've updated all the taxonomy terms now, but the page title itself is sentence case.... will review/open another issue as needed

dww’s picture

Status: Reviewed & tested by the community » Fixed
gábor hojtsy’s picture

Why do our headers need to be titlecase? Where is the issue for that? (Drupal core feverishly avoids using titlecase for anything for years, not sure why would drupal.org go in 100% the opposite).

lisarex’s picture

@Gábor, the redesign style guide provided by Mark Boulton Design specifies headings are in title case but see comments 4 & 5: http://drupal.org/node/947638#comment-3622908

The style guide in the docs has been changed from the MBD guide. Was there a decision to ignore the MBD guide?

I'm not really sure where to go from here considering stuff like this is happening: #951978: "Unable to determine project type for drupal" when creating release

dww’s picture

The titlecase is from the MBD style guide. I don't personally care one way or the other so long as it's consistent.

Core does sentence case because it's the one that's basically impossible to accomplish via CSS alone. Title Case and lowercase can both be done trivially in the theme using text-transform:, regardless of the underlying mockup. But Sentence case basically requires re-writing all the text manually or via a "translation" of your site. So, core provides the default that's impossible to get via CSS, but sites can use CSS to then get whatever convention they want.

So, just because core does Sentence case doesn't mean drupal.org has to.

That said, this is clearly not the best place to have this discussion. ;) Just shedding some light on things.

p.s. If d.o wants all headers to be title case, why not just do that in CSS instead of a bazillion edits to content? We already have a separate style for all the h[1-4] to force it to use Helvetica. We could add 1 line there and be 95% done with this.

lisarex’s picture

Status: Fixed » Closed (fixed)
Issue tags: -drupal.org redesign

Automatically closed -- issue fixed for 2 weeks with no activity.