After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 779994 - Improve download page for Windows
Improve download page for Windows
Status: RESOLVED FIXED
Product: gtk+
Classification: Platform
Component: Website
unspecified
Other All
: Normal normal
: ---
Assigned To: gtk-bugs
Martyn Russell
Depends on:
Blocks:
 
 
Reported: 2017-03-13 18:12 UTC by Luis Menina
Modified: 2017-04-24 10:28 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
proposed patch with pacman commands to run to setup the environment (7.40 KB, patch)
2017-03-13 18:12 UTC, Luis Menina
committed Details | Review
broken styling on <tt> spans: no monospace font or bottom margin (33.54 KB, image/png)
2017-04-03 14:56 UTC, Daniel Boles
  Details
fixes 1/4 (5.05 KB, patch)
2017-04-04 12:07 UTC, Luis Menina
committed Details | Review
fixes 2/4 (4.17 KB, patch)
2017-04-04 12:08 UTC, Luis Menina
committed Details | Review
fixes 3/4 (3.44 KB, patch)
2017-04-04 12:09 UTC, Luis Menina
committed Details | Review
fixes 4/4 (682 bytes, patch)
2017-04-04 12:09 UTC, Luis Menina
committed Details | Review
Final patch to fix XHTML compliance (1.68 KB, patch)
2017-04-18 21:26 UTC, Luis Menina
committed Details | Review

Description Luis Menina 2017-03-13 18:12:47 UTC
Created attachment 347861 [details] [review]
proposed patch with pacman commands to run to setup the environment

The current GTK+ download page for Windows users is difficult for pure Windows users to understand, as it's really UNIX-ish. They need a bit more guidance to be able to setup a working environment using MSYS2.
Comment 1 Emmanuele Bassi (:ebassi) 2017-04-03 11:44:56 UTC
Review of attachment 347861 [details] [review]:

Looks really good. Thanks!
Comment 2 Daniel Boles 2017-04-03 14:55:12 UTC
Review of attachment 347861 [details] [review]:

Just some small comments on visuals:

::: download/windows.php
@@ +6,3 @@
 <h2><a name="Download">Download for Windows</a></h2>
 
+<p>Note: These instructions are intended for developpers wanting to develop applications based on GTK+, not for end-users.</p>

typo: "developers"

@@ +29,3 @@
+<tt>pacman -S mingw-w64-x86_64-gtk3</tt>
+
+<h4>Step 3 (recommended): Install GTK+ core applications</h4>

<tt> is not styled on the site currently, so it gets the normal proportionally spaced font. Also, <tt> lines end up running right into following paragraphs/headings and breaking the look of the document. I'll upload an example screenshot shortly.

I won't immediately suggest fixes for this as I haven't done CSS for HTML since years ago.

@@ +81,3 @@
+<li>expat</li>
+<li>libpng</li>
+<li>zlib</li>

missing closing tag </ul>
Comment 3 Daniel Boles 2017-04-03 14:56:14 UTC
Created attachment 349181 [details]
broken styling on <tt> spans: no monospace font or bottom margin
Comment 4 Daniel Boles 2017-04-03 15:07:45 UTC
Review of attachment 347861 [details] [review]:

even more cosmetic comments

::: download/windows.php
@@ +19,3 @@
+<p>The easiest way to install GTK+ and its dependencies in binary form is through the <a href="https://msys2.github.io/">MSYS2</a> project. MSYS2 provides a UNIX-like development environment for Windows. It provides packages for many software applications and libraries, including the GTK+ stack. These packages are installed using the <a href="https://github.com/msys2/msys2/wiki/MSYS2-installation#iv-general-package-management">pacman package manager</a>.</p>
+
+<p>Note: in the following steps, we'll assume you're using a 64-bits Windows. Therefore, the package names include the <tt>x86_64</tt> architecture identifier. If you're using a 32-bits Windows, please adapt the instructions below using the <tt>i686</tt> architecture identifier.</p>

The convention is to say 64- or 32-bit, singular. I would say "a N-bit version of Windows".

@@ +31,3 @@
+<h4>Step 3 (recommended): Install GTK+ core applications</h4>
+<p><strong>Glade</strong> is a GUI designer for GTK+. It lets you design your GUI and export it in XML format.
+You can then import your GUI from your code using the <tt>GtkBuilder</tt> API. Read the <tt>GtkBuilder</tt> section in GTK+ manual for more information.</p>

I'd say "the GTK+ manual". Also, it might be nice if we could link directly to resources like the Glade and GTK+/GtkBuilder reference docs when they are mentioned.

@@ +39,3 @@
+<tt>pacman -S mingw-w64-x86_64-devhelp</tt>
+
+<h4>Step 4 (optional): Install the python bindings</h4>

Python should be capitalised throughout.

Is Python now the default recommendation, with C being an afterthought? That's implied by this order of sections.
Comment 5 Luis Menina 2017-04-04 11:03:25 UTC
Thanks for reviewing and committing!

Looks like I broke XHTML validation though. I'm looking at it first, then I'll try to fix the styling issues.
Comment 6 Daniel Boles 2017-04-04 11:09:24 UTC
Yeah, the missing </ul> at the bottom alone would do that, and maybe there are other tweaks required for valid XHTML that I didn't notice yet.
Comment 7 Luis Menina 2017-04-04 12:07:55 UTC
Created attachment 349232 [details] [review]
fixes 1/4
Comment 8 Luis Menina 2017-04-04 12:08:20 UTC
Created attachment 349233 [details] [review]
fixes 2/4
Comment 9 Luis Menina 2017-04-04 12:09:01 UTC
Created attachment 349234 [details] [review]
fixes 3/4
Comment 10 Luis Menina 2017-04-04 12:09:56 UTC
Created attachment 349235 [details] [review]
fixes 4/4
Comment 11 Luis Menina 2017-04-04 12:11:43 UTC
Please check these patches. The last one fixes the 'ul' XHTML issue, the others are for styling/spelling issues.
Comment 12 Daniel Boles 2017-04-17 13:15:36 UTC
The contents look good to me. Thanks! Since all of these patches seems to be a clear improvement, I've pushed them.

I just made some small tweaks to the commit messages for better consistency:
 * Use the same structure "download/windows: [Do whatever]" for all subject lines
 * Include URL of this bug, like the 1st commit, rather than quoting the number.

Thanks for the work!

(Personally, I'm a huge fan of MSYS2 and have used it with GTK+ nearly effortlessly, so it's great to see that becoming a _kinda_ 'official' recommendation!)
Comment 13 Luis Menina 2017-04-18 15:40:24 UTC
Thanks for the review and the commit !
I've seen the page now looks good, but it seems it still isn't valid XHTML. I couldn't use the w3c validator on source as it's generated.

I'm reopening, and will try to save the generated XHTML and test validity on that, then I'll propose another patch.
Comment 14 Daniel Boles 2017-04-18 16:05:11 UTC
Right, yeah. It's the <ul>s within <p>aragraphs at (rendered) lines 220 and 230.

I did check this, but only in the sense that the footer claimed "Valid XHTML and CSS", and I should've realised that wasn't actually checked at runtime :)
Comment 15 Luis Menina 2017-04-18 21:26:03 UTC
Created attachment 350030 [details] [review]
Final patch to fix XHTML compliance

Hopefully the last patch. I've modified the generated page to check agains the W3C validator, it seems to be the last bit needed.
Comment 16 Daniel Boles 2017-04-20 08:29:49 UTC
Comment on attachment 350030 [details] [review]
Final patch to fix XHTML compliance

Thanks again! I've pushed that.

Btw, as a final cosmetic detail, it looks better to upload patches with their subject line as the attachment Description. If you've never tried git-bz, I can't recommend it enough! It handles all that boring stuff for us. Check it out here: https://blog.fishsoup.net/2008/11/16/git-bz-bugzilla-subcommand-for-git/
Comment 17 Luis Menina 2017-04-24 10:28:08 UTC
Thanks for committing this. I've already used git-bz in the past, but haven't set it up on may Windows environment, so thanks for the wakeup call :).