Changing the 'congrats' page?

Some thoughts about this:

I think the ‘congrats’ page could be improved by stating what django version was installed. Changing it from:

image

to

image

The template change is the easy part, but getting the translations changed seems to be the hard part. So I guess it wouldn’t be acceptable for some minor improvement and be only justified for a major overhaul of the ‘congrats’ page (which happened about six years ago for the last time).

Just to see what changes would have to be made to the translations I did the following:

find . -iname *.po -exec grep 'msgid "The install worked successfully! Congratulations!"' {} \;  | wc -l

The msgid shows up 98 times. But 36 times there is no translation for this:

find . -iname *.po -exec grep -A1 'msgid "The install worked successfully! Congratulations!"' {} \; | grep 'msgstr ""' | wc -l

Still leaves 62 translations to change to keep the status quo. For many languages it seems to be easy to just move the ‘Congratulations!’ to the front, but not for all. Especially rtl languages. And inserting ‘django X.Y’ at the right place seems even more difficult. So nothing that could be done without the involvement of the translation teams.

Other things that might benefit from a change, if an overhaul of the page would be considered:

  • the ‘congrats’ page could look more like the pages for the project and the forum?
  • the icons at the bottom could be replaced by some icons that would be also used for the same purpose on the projects page? Maybe this could be related to what @pauloxnet was proposing by “Add graphic elements to the Django website” for the Informal roadmap & retrospective workshops for Django ?
  • the rocket is trying to take off for about six years now and could be replaced by something new? Just to have a visual element reflecting the ongoing development and improvements? Like gimp and blender have a new splash screen with every major version?

The current ‘congrats’ template still does a good job and is very compact (11k). Any changes to it would probably make the template larger and this might be something that you don’t want to have in your source tree.

I don’t expect this to get any support, but I just leave it here for the sake of it.

1 Like

Installed version is already visible on the “Congrats Page”:

View release notes for Django 5.0

1 Like

Ok, so making it more prominent would just have been good for me! :grin:

Hmm indeed, I always thought this page looked great but there’s clear room for improvement (demo congrats page if anyone wants to try it out easily).

The current layout isn’t too good because it’s spread out across all areas of the page, with lots of space in-between. So the “release notes” and version number in particular is very easy to miss in the top right.

Here’s an example of condensing the layout so the information is more scannable, without changing any of the existing styles or elements – just moving them to a different place:

the ‘congrats’ page could look more like the pages for the project and the forum?

Personally I think the current minimalist style works quite well, but if you have a specific change in mind it’s definitely up for consideration.

the icons at the bottom could be replaced by some icons that would be also used for the same purpose on the projects page?

Yeah this would be nice. Doesn’t strike me as a big win though unless other parts of the Django universe became very consistent with iconography.

the rocket is trying to take off for about six years now and could be replaced by something new? Just to have a visual element reflecting the ongoing development and improvements? Like gimp and blender have a new splash screen with every major version?

I like that idea! That’d be a cool thing to do for major versions, which would give us time to find a new design for 6.0. Even if it was just a different spaceship design.


There are three other improvements I’d like to suggest in addition to yours:

  1. Use the correct Django logo SVG, not just text styled in the right color but wrong font
  2. Create a dark theme version of the page.
  3. (Small bug fix – in forced colors mode, make sure the icons are the same color as the link text)
1 Like

Here’s an example of condensing the layout so the information is more scannable, without changing any of the existing styles or elements – just moving them to a different place:

Looks indeed better to me.

Personally I think the current minimalist style works quite well, but if you have a specific change in mind it’s definitely up for consideration.

Project and Forum pages have a distinctive (but slightly different) style and can be easily identified as “Django” pages. The ‘congrats’ page is different from that. But maybe that’s good, so it does stand out within a sea of other open django tabs in the browser. Maybe the lowest common denominator is some form of the Django logo in the upper left corner.

the icons at the bottom could be replaced by some icons that would be also used for the same purpose on the projects page?

Yeah this would be nice. Doesn’t strike me as a big win though unless other parts of the Django universe became very consistent with iconography.

True.

the rocket is trying to take off for about six years now and could be replaced by something new? Just to have a visual element reflecting the ongoing development and improvements? Like gimp and blender have a new splash screen with every major version?

I like that idea! That’d be a cool thing to do for major versions, which would give us time to find a new design for 6.0. Even if it was just a different spaceship design.

The launching rocket is a great visualization and fits very well. A different spaceship design (minor color, shape changes, or the major version on the rocket) would be great to communicate the ongoing development and improvements.

  1. Use the correct Django logo SVG, not just text styled in the right color but wrong font

Yes.

  1. Create a dark theme version of the page.

Not sure about that, but would be nice I guess.

But also gets used everywhere.

Use the correct Django logo SVG, not just text styled in the right color but wrong font

Just played with the page again:

Turned the django SVG logo into a font and used that instead for “Django” with the right colour.

(demo at https://congrats.e11bits.com )

Hi @e11bits! I don’t think that he was suggesting that all the references to “Django” in text need to be replaced, and indeed, I find it jarring. Instead, at the top-left of another one of the screenshots with the rocket was a logo-ish styling of Django, but it was using the wrong font. It’s that particular place that needs to have the Django logo and not just be text.

Hi @ryanhiebert!

I don’t think that he was suggesting that all the references to “Django” in text need to be replaced, and indeed, I find it jarring.

As I said I was playing with the page again and just tried this for a change and maybe get peoples opinions. So thanks for your feedback.

For example I think on the Apple pages you will always find the :apple:-iPhone-Logo and always iPhone in Text. Not IPHone or Iphone or iphone. Right?

But nevertheless you would be right to say, that’s mostly only true for Apple. I think the rule with other smaller brands is to use the upper case writing (like ‘Django’) in text.

Thanks for pointing that out.

Instead, at the top-left of another one of the screenshots with the rocket was a logo-ish styling of Django, but it was using the wrong font.

I know.

It’s that particular place that needs to have the Django logo and not just be text.

I thought what needs to be or doesn’t need to be is up for discussion and not cast in stone? So eg. the screenshot from @thibaudcolas suggests to move the logo and other information to the center of the page?

Thanks for responding. I was only wanting to make sure you weren’t thinking that they were asking for the Django everywhere. We capitalize “Django” everywhere but in the logo, but otherwise it’s fine to not use the logo when appropriate. What we don’t want is a pretended logo. I think you’ve understood all that.

I wasn’t suggesting anything about the location. I think it could make good sense to put the logo in the middle of the page to make it more apparent, but I don’t think it should be placed in a way that it feels like it’s part of a sentence or other normal prose.

Thanks again for the work you’re putting into this. I hope that I haven’t been too annoying saying things you already know :wink:

… but I don’t think it should be placed in a way that it feels like it’s part of a sentence or other normal prose.

My main motivation for changing the page is, that I think it should hint a bit the ongoing development and the constant improvements. So I toyed with the idea to have at least a big ‘django 5.1’ somewhere in the center of the page, to make it very obvious, that this is not ‘django 2.0’ from over six years ago, where the rocket made its debut and the page looked almost the same as today. And because there was already the “View release notes for django X.Y” I thought I could combine the two (the logo with version and the sentence).

Thanks again for the work you’re putting into this. I hope that I haven’t been too annoying saying things you already know :wink:

Sorry, for that, but somehow I was reading “Don’t touch it!” between the lines and I’m glad that I was wrong! :slight_smile:

Anyway, I just updated the demo at https://congrats.e11bits.com again:

1 Like

There is now a ticket for it.

https://code.djangoproject.com/ticket/35171

Woah, that was fast! I haven’t even had time to catch up with discussions here, and there’s already a ticket, and a pull request, and it’s been reviewed and merged :smile: Nice one @e11bits!

1 Like