Context

The text is overlapping the large number on tablet portrait. NOTE: seems to be ok on http://www.ubuntu.com-master.demo.haus/download/server/install-ubuntu-server/

Process

1. Go to http://www.ubuntu.com-master.demo.haus/download/cloud/install-autopilot-testdrive

Expected result

No overlap

Current result

The text is overlapping the large grey circles

Screenshot

The "download" link in the primary navigation links to /download, which then redirects to /desktop/get-ubuntu/download:

$ curl -I http://127.0.0.1:8001/download
HTTP/1.0 302 FOUND
Location: http://127.0.0.1:8001/desktop/get-ubuntu/download

Which then redirects to /download/desktop:

$ curl -I http://127.0.0.1:8001/desktop/get-ubuntu/download
HTTP/1.0 302 FOUND
Location: http://127.0.0.1:8001/download/desktop

We should update the download item to go straight to /download/desktop, and change the /download redirect to point directly there too.

I can see the ticks on the live site. Would it have anything to do with the load safe scripts thing?

Same in:
Tablet > Developers "Explore the Ubuntu SDK"
Tablet > Developers "Three reasons…"
Tablet > Partners "There's the hard way…"

Not an issue on live site.

Context

Contextual footer is not aligning 3x1 on Installation instructions for the OpenStack Autopilot test drive

Process

1. Go to the footer on http://www.ubuntu.com-master.demo.haus/download/cloud/install-autopilot-testdrive

Expected result

the final footer box not to wrap

Screenshot

[if relevant, include a screenshot]

Context

redirects.yaml contains all the redirects for the site. It's recently been converted from the old redirects.txt that was in lp:ubuntu-website-content, so there's a lot of crap in it.

Process

1. Remove unnecessary redirects

There are a lot of weird redirects like <a.... These are pulled from 404s that appeared in webmaster tools. I don't agree that these should be redirected. Stupid URLs should be allowed to result in 404s, and if we want to make something out of them we should simply improve our 404 page to be more helpful to the user.

1. Consolidate redirects using regular expressions

There are a lot of similar redirects that could be consolidated with regular expressions. E.g.:

old/path/[^/?]+/(?P<somewhere>[^/]+)/?: "/new/path/%(somewhere)s"

Expected result

A much smaller redirects yaml.

We are overriding .two-col width which we shouldnt do and there is an equal-heights issue which could be removed.

Also in:
Phone > Features hero
Phone > Developers "Space for your content to shine"
IoT > Overview hero
IoT > Overview "The best choice for developers"
IoT > Features hero
IoT > Features "A marketplace for incredible apps"
IoT > Partners hero
IoT > Developers hero
IoT > Developers "Robots, drones"
IoT > Developers "Get involved with the internet of toys"
Tablet > Developers hero
Tablet > Partners hero
Tablet > Partners "Partner with us"

Not an issue on live site.

Currently the staging server has DEBUG set to true, this should be turned off.

Make sure all the redirects from ubuntu-website-content are up-to-date.

Context

Background for "Beautifully designed features" section is white and blends in with next section

Expected result

On live it's grey

Context

At small screen, the animation of the calling animation appears next to the screenshot, not overlaid

Process

• Go to /desktop/features in a small viewport
• Scroll to the skype row

Expected result

The animation should be overlaid on the screenshot of the skype window

Current result

The animation is displayed under the screenshot

And the same in coming soon row, below

This is not an issue on live.

Context

The download pictogram is too far to the left

Process

[ordered list the process to finding and recreating the issue, example below]

1. Go to http://www.ubuntu.com-master.demo.haus/download/

Expected result

The pictogram further to the right

Not an issue on live.

Process

1. Navigate to /server
2. Scroll to 'Ubuntu Server on Power' section

Expected result

IBM logo should be vertically aligned

Current result

Logo sits at top of container

Screenshot

I think this is happening in the sections that are not yet full width

Context

On a small viewport, the contextual footer text is too small.

Process

Go to /desktop/features at a small viewport

Expected result

Contextual footer text should be 14px

Current result

Contextual footer text is 12px

Its normal size is about the same height of the text block

It shows two small rounded corners, shadowed boxes one at the top left and another bottom left of the space. The second one is covering the text. All of the text is orange and the resource type is not all caps.

This is an issue across the site on resources box.

Looks OK on live site.

Not an issue on live.

Context

1st section with lifestyle image - "Watch the video" CTA is a link now

Expected result

On current site it's an orange button

After I open the nav I can't close it unless I move to another page.

Not an issue on live.

Make use of patterns where possible to slim down redirects.json.

Also, remove a bunch of redirects that should really just 404.

Also, maybe redirect /iot to /internet-of-things.

When running make run on a fresh machine I get:

$ make run
docker-compose up -d
#ERROR: Couldn't connect to Docker daemon. You might need to install Docker:

http://docs.docker.io/en/latest/installation/ubuntulinux/
Makefile:45: recipe for target 'run' failed
make: *** [run] Error 1

There should be instructions on how to set up the full environment in the README file.

Currently, if styles.css exists, make run probably won't rebuild it. This means your CSS might well be out of date until you make a change.

make run should force compile the sass (maybe using make compile-sass) initially, before starting the watcher.

Context

The Ubuntu flavours box is missing from the download overview page

Process

1. got to http://www.ubuntu.com-master.demo.haus/download/
2. see that the Ubuntu flavours section is missing

Expected result

To see the flavours box with the content from the copy doc

Context

On small viewport, the link "Visit the Ubuntu apps directory" link displays incorrectly at the smallest virewport

Process

Go to /desktop/features and look at the "a whole world of apps row"

Expected result

The "visit..." link should be at the bottom of the row

Current result

The "visit..." link is in the top-right of the row

Context

The browser reports a redirect loop for /desktop

Process

Navigate to /desktop

Expected result

The desktop landing page

Current result

redirect loop

Process

Browse to /server

Expected result

Hero Pictogram should be vertically centered.

Current result

Pictogram is sitting at the top of the container.

Screenshot

Look into methods to prevent search bots indexing the staging site.

A good initial solution would be to add the robots.txt Host directive.
https://en.wikipedia.org/wiki/Robots_exclusion_standard#Host

Looks OK on live.

Styling should be just like on live.

make run takes a long time. It needs to be quick once everything is setup, as it's the main way to run the local development server.

The main thing which takes up the time is "Sending build context to Docker daemon". Apparently in this step it tars up and sends the entire directory to docker hub.

Apparently we can avoid sending all these unnecessary files by adding a .dockerignore file - but maybe we need them? Will this mess up the demos?

Currently, static files don't work when running the site through gunicorn:

docker-compose run --service-ports web bash -c "pip install gunicorn && gunicorn -b 0.0.0.0:5000 webapp.wsgi"

We should add whitenoise, as we have for cn.ubuntu.com.

It looks like the button is showing the default iOS styling but with orange colour.

Context

At small screen, the animation of the email text appears below the screenshot, not on top of it.

Process

• Go to /desktop/features in a small viewport
• Scroll to the email row

Expected result

The animated text should be overlaid on the screenshot of the email window

Current result

The animated text is displayed under the screenshot