on IE 11 (Windows 10, 8) - cards are taking full width of the page

Should we use the circle or friends, or is the current one on purpose? See image.

The homepage description is "Ubuntu tutorials!" and there is none on the tutorial pages. We should do a better job of describing the page.

• Cards - Should have the same height
• Cards - There is a big bottom-padding on the card

on the tutorial left side panel you have a link "Did you find a mistake? Please file a bug." which currently goes to codelabs repo.

It should go to tutorials.ubuntu.com repo

Move the cursor anywhere on the page then let it sit idle for a few seconds. A tooltip help rectangle pops up. The text doesn't provide important information and it obscures the content of the page.

'Level' font size should be as the same size as 'minutes'

Once entered a tutorial on a mobile. There is no way to leaving the tutorial and return to the home screen.

I would expect a home link at the top of the menu in the burger slide out.

Title:
Let's get coding!

Text below:
Ubuntu Tutorials are just like learning from pair programming except you can do it on your own. They provide a step-by-step process to doing development and devops activities on Ubuntu machines, servers or devices.

For now, the tutorials focus mainly on building and using snaps and Ubuntu Core. If you'd like to see tutorials cover more topics, let us know [external Link to: https://github.com/ubuntudesign/tutorials.ubuntu.com/issues/new].

should be grey as on other browsers

Hello. Could you make tutorials about how to setup a mail server, ftp server, ldap server ?

Add left margin on logo

One solution would be a link in the left pane, to https://developer.ubuntu.com/core/troubleshooting
Other ideas?

same issue on google codelabs, not sure if it can be fixed. please investigate

Highlighted text should have thin border around, rather than thick line on the left

Check design - height should be 120 for cases when we have longer titles

Current:

Compare with design

At the moment the bottom-padding is 36px, but should be 46px (as it is on safari)

On large screens arrows are sometimes overlapping tutorial page. It's not very consistent (sometimes it happens and sometimes not)

We should have google analytics and crazy egg enabled on the site.

By adding GTM we can enable tracking as and when we need.

google codelabs doesn't have it either but it would be really helpful to have it somewhere in navigation. If possible please discuss design with Joana

Ubuntu contributors have a long and unfortunate history of launching new official Web sites that overlap in purpose with existing sites. Examples include:

• help.ubuntu.com, docs.ubuntu.com, and manpages.ubuntu.com being three separate official sites, when users will seldom know which (if any) will have the information they need.
• answers.launchpad.net/ubuntu, askubuntu.com, ubuntuforums.org, and discourse.ubuntu.com being four separate official sites, when (despite fine distinctions) a user is unlikely to know which site best suits their question.
• community.ubuntu.com, qa.ubuntu.com (retired), videos.ubuntu.com (retired), and wiki.ubuntu.com being targeted at highly overlapping groups of Ubuntu contributors.
• In the past, uds.ubuntu.com and summit.ubuntu.com being used in parallel to organize Ubuntu Developer Summits.

This seems to happen firstly because proposing, developing (especially if a specialized CMS is involved), and claiming credit for, a separate site is much easier than doing the same for a new feature of an existing site. And secondly because the Web team and IS team do not have an effective checklist to prevent it happening. It’s harmful for many reasons: it reduces the number of people who know that a particular site exists at all, dilutes search engine ranking, otherwise makes it harder to find and choose the correct site, results in inconsistent navigation through user journeys, and increases maintenance costs.

tutorials.ubuntu.com is unfortunately another example. We already have a site targeted at people developing things on Ubuntu: developer.ubuntu.com. tutorials.ubuntu.com includes custom code for navigating tutorials, and adjusting them based on reading/following and skill level. But this does not, in any way, alter the problem that it’s completely unreasonable to expect someone to know in advance whether the topic they’re interested in has been documented as a tutorial, an article, a video, or not at all. And the addition of a “Tutorials” page to developer.ubuntu.com barely helps. As well as wasting reader time, the separation wastes contributor time: for example, the developer.ubuntu.com page on setting up an Intel Joule and the tutorials.ubuntu.com tutorial on exactly the same topic seem to have been written completely independently, with not even a link between them.

This issue will be fixed when each tutorial is embedded into the relevant section of developer.ubuntu.com, and tutorials.ubuntu.com either is retired or consists only of redirects.

Fixing this issue would incidentally fix issue #67.

The height of the cards should be the same

It would be cool to have a tutorial how to join a ubuntu client into an AD environment. Or even build a simple AD environment with packages from the ubuntu repo itself.

In https://tutorials.ubuntu.com/tutorial/basic-snap-usage#1
We're missing one space between the link and the description:

Install thegentoo-snappy overlay.

Anything really. Just rust based

Hi! This project seems to be missing a license.

Its important to license a project for possible contributors and consumers alike. Also, its important to you because you don't appear to get the copyrights assigned, so making the conditions clear and explicit gives you stronger legal standing (I'm no lawyer though).

As its a collection of tutorials, I'd recommend the CC-BY-SA 3.0 license.

For example if you open the first page, click the 2nd item so the website navigates to #2, then hit back, the page doesn't app-route back to the top

Link on landing page is underlined by default

The tutorials have tabindex="-1" which makes them untabable too.

I’m following the "Build a nodejs service" tutorial, and everything works fine until step 4. At that point, I’m seeing that:

$ snap try prime/ --jailmode
chuck-norris-webserver 1.0.0 mounted from […]/snap-codelabs-code/build-a-nodejs-service/start/prime

$ sudo chuck-norris-webserver.node-service
cannot snap-exec: cannot read info for "chuck-norris-webserver": stat /var/lib/snapd/snaps/chuck-norris-webserver_x1.snap: permission denied

I’m on xenial, I’ve tested both with snapd 2.20 and 2.21 (from -proposed). Same error.

• date
• tags

The title of the site remains "Ubuntu tutorials" even when in a tutorial. We should prepend the tutorial title for better SEO.

• no icon
• should say "minutes" not "min"

currently on larger mobile screens (e.g. nexus 7) you have big padding on the right. Stretch the card so it takes full width

I think we need something like:

border-radius: 2px 2px 0 0

on the .header.horizontal div

See attached for what it looks like in Chrome. Top left is particularly bad.

The github file is fairly terse and IMHO may be hard for beginner to intermediate LXD users to follow and use.?

https://github.com/lxc/lxd/blob/master/doc/configuration.md

The links on https://tutorials.ubuntu.com/ for Did you find a mistake? Please file a bug. points to https://github.com/ubuntu/codelabs/issues instead of here.

Soup to nuts

1. Start on the front page
2. Click on a tutorial
3. Click on the back button of your browser
4. The front page is blank

At any of the tutorials, depending on the size of the window (but Im currently on laptop) the bottom button to go back covers part of the text.