Website: use branding-wide CSS footers and headers

[Paul Sladen]

Figure out where the corporate Ubuntu-wide CSS headers and footers are kept and use these for the:

  http://font.ubuntu.com/

microsite.

rhlee: any idea where these are kept? (I /don't/ see the benefit from just copying-and-pasting another unmaintainable copy of some CSS when they should ideally be being pulled from a centrally-maintained location).

[Richard Henry Lee (rhlee)]

We are currently working on centralising the CSS headers and footers for our sites.

You would not have to worry about maintaining the site as part of the revamp of this site would be to transfer the maintainership of the site to the Canonical Design Team.

[Paul Sladen (sladen)]

I don't think there's a worry about maintaining it; it is already on a Canonical machine, and the website is owned by the 'font-www' unix group on that machine (so anyone else who wants to be added to that group can gain access.

I am worried that somebody will just copy-and-paste yet-another unmaintainable copy of some CSS (cf. the amount of hassle it took to get the "font-family: UbuntuBeta,Ubuntu;" statements updated across a dozen websites) and anyone (DX, myself, or yourself) having to maintain that.

The branding is already fairly close to the main Ubuntu (as close as I could get using simply, plain CSS commands) and I would encourage ensuring that the cross-site CSS is modularised (I don't mind font.ubuntu.com being a guinea pig to get that done).

[Paul Sladen (sladen)]

...Apparently (for reasons of time?) we're going for yet-another quick-and-dirty copy-and-paste kludge in the short-term and then we get to clean it up again later.

[Paul Sladen (sladen)]

Branch merged and deployed:

revno: 43..45
committer: Paul Sladen <email address hidden>
branch nick: post-branding-cleanup

  * Restore previous wrapping/formatting of unchanged content to allow
    for effective diffing and review (minimal diff)
  * Restore relative pathnames to relative (so that it works locally)
  * Restore the UTF-8 sequences (eg. Rupee, probably by the use of HTML
    Tidy). If you view rupee/index.html if you browser you should
    immediately see the issue in the first line and in the <title>
  * Restore title= for the images (accessiblity)
  * Restore width and height (allows browser to calculate pre-CSS layout
    now that the CSS has been moved to separate file)
  * Restore the links to the PDF sample sheets from the sample images
  * Restore the spaces inside the <span>s (very subtle, and intentional
    spacing issue, the font sizes change, so the space matches the
    appropriate font size)
  * Delete the duplicated sample sheets images copied to /assets; eg.
    http://www.google.com/images?q=ubuntu+font+family+sample this has the
    Google-fu benefit of being in a directory named "sample" (vs. the
    presentional icons, which preferably get buried)
  * Restore title ordering. On a long title, this means that Google will
    truncate the general part of the title in the results (Ubuntu Font Family)
    display, rather than the specific/important part (Indian Rupee)

  * Update aaaa sampler to have transparent background (now shown
    on grey background)

  * Reapply list spacing to <li> before, rather than after

[Dave Crossland (davelab6)]

The kludge ought to be updated again with the Google Font API <link> :)

[Paul Sladen (sladen)]

Dave can you file a new bug-report, it's more satisfying to keep closed bugs closed! :)