[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Bug#654205: marked as done (Please optimize the site for handheld devices)

Your message dated Wed, 11 Jan 2012 16:38:20 +0200
with message-id <20120111143820.GK3257@ktnx.net>
and subject line Closing #654205: www.debian.org: small devices optimizations
has caused the Debian Bug report #654205,
regarding Please optimize the site for handheld devices
to be marked as done.

This means that you claim that the problem has been dealt with.
If this is not the case it is now your responsibility to reopen the
Bug report if necessary, and/or fix the problem forthwith.

(NB: If you are a system administrator and have no idea what this
message is talking about, this may indicate a serious mail system
misconfiguration somewhere. Please contact owner@bugs.debian.org

654205: http://bugs.debian.org/cgi-bin/bugreport.cgi?bug=654205
Debian Bug Tracking System
Contact owner@bugs.debian.org with problems
--- Begin Message ---
Package: www.debian.org
Severity: wishlist
User: www.debian.org@packages.debian.org
Usertags: design

----- Forwarded message from Martin Zobel-Helas <zobel@ftbfs.de> -----

Date: Fri, 18 Nov 2011 18:21:04 +0100
From: Martin Zobel-Helas <zobel@ftbfs.de>
To: debian-www@lists.debian.org
Subject: www.debian.org website optimization for handheld devices


i played around a bit with our main page today, to have it better
viewable on handheld devices like cell phones.

The change i did was quite trivial:

--- index.html.1        2011-11-17 15:41:29.000000000 +0000
+++ index.html  2011-11-18 16:00:48.000000000 +0000
@@ -7,6 +7,9 @@
   <meta name="Description" content="Debian GNU/Linux is a free
distribution of the GNU/Linux operating system. It is maintained and
updated through the work of many users who volunteer their time and
   <meta name="Generator" content="WML 2.0.11 (19-Aug-2006)">
   <meta name="Modified" content="2011-11-17 15:41:19">
+  <meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0; minimum-scale=1.0; user-scalable=0; width=device-width">
+  <meta name="mobileoptimized" content="300">
+  <meta name="HandheldFriendly" content="true">
 <link rel="alternate" type="application/rss+xml"
  title="Debian News" href="News/news">
 <link rel="alternate" type="application/rss+xml"

You can view the results:

before the change on a HTC Desire

after the change on a HTC Desire:

before the change on a Nexus:

after the change on a Nexus:

If you want to try, my slightly modivied version is available on 

 Martin Zobel-Helas <zobel@debian.org>  | Debian System Administrator
 Debian & GNU/Linux Developer           |           Debian Listmaster
 GPG key http://go.debian.net/B11B627B  | 
 GPG Fingerprint:  6B18 5642 8E41 EC89 3D5D  BDBB 53B1 AC6D B11B 627B 

----- End forwarded message -----

This are my thoughts about it (quoted from a mail sent to debian-www):

As MJ Ray pointed out, also on my Samsung Galaxy search box and download
box overlap the logos but apart from that the page looks a big
IMHO we could create a mobile.css in which remove the left and right
margins from the content (which on a smartphone sounds like a waste of
I also think that for the mobile version of the homepage we'd need to
remove some of the current content: as the space is less (and the screen
is smaller) we need to list only the essential parts of the page.
For example, I'd cut off the spacefun banner.
But we need to identify the essential parts (what the user is searching
on our website while browsing it with a smartphone?).

What do you think about it?

"People assume that time is a strict progression of cause to effect,
but actually from a non-linear, non-subjective viewpoint is more 
like a big ball of wibbly wobbly, timey wimey... stuff."
							The Doctor

Attachment: signature.asc
Description: Digital signature

--- End Message ---
--- Begin Message ---
Proposed changes are online now. Closing the bug report.

Attachment: signature.asc
Description: Digital signature

--- End Message ---

Reply to: