canonical / canonical.com

Repository for the new version of canonical.com

 canonical.com

The new codebase, to replace the old one.

This is the repository for the canonical.com website.

Architecture overview

This website is written with the help of the flask framework. In order to use functionalities that multiple of our websites here at Canonical share, we import the base-flask-extension module.

Development

The simplest way to run the site is with the dotrun snap:

dotrun

Afterwards the website will be available at http://localhost:8002.

When you start changing files, the server should reload and make the changes available immediately.

Greenhouse API

To work locally on the /careers section of the site, you will need to add a HARVEST_API_KEY environment variable to .env file. You can find this via the Greenhouse admin panel.

Deploy

You can find the deployment config in the deploy folder.

License

The content of this project is licensed under the Creative Commons Attribution-ShareAlike 4.0 International license, and the underlying code used to format and display that content is licensed under the LGPLv3 by Canonical Ltd.

canonical.com's Issues

Add office addresses to the contact page

Homepage - Update content based on copydoc

Careers - Remove the overall tab from the all roles

[c.c 19-32] Add animations to c.c home page

• Add animations
• Add links to the he logos in the Product section
• Add more space after the last line of text in the footer

Careers - Update /careers based on the copydoc

Background image changes position on click

If you go to /careers/start and start clicking the boxes the background image starts moving and changing position when the cards open up.
A few screenshots:

Careers - Update /careers/engineering based on the copydoc

Careers - Add meta description to all careers pages

[Bug] Job posts pulling through Lorum Ipsum

When you job roles are presented to you they show lorum ipsum

Navigation careers - Fix the commerical-ops link

Navigation - Remove partners

Navigation careers - Fix the administration link

on careers pages, clicking "apply now" in the overview doesn't jump to the top of the revealed tab

On any of the careers pages, the overview often contains an "Apply now" link at the bottom. Clicking this reveals the contents of the "Available roles" tab, but doesn't jump you to the top of that section - if there's very little content there, it's not immediately obvious what has happened, as the main content area appears empty until you realise you need to scroll up.

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined

Should there be an empty state message on careers?

In #41, should there be an empty state message?

Not going to block the PR but making an issue so it's not forgotten.

Home page navigation vs careers navigation

Found on https://staging.canonical.com/

Canonical.com main page navigation looks and behaves differently from /careers nav:

canonical.com:

canonical.com/careers:

Both navs look a bit different (different hover state) and the same items of navigation do different things on both pages:

It's weird that 'Careers' on main page just scrolls the page to relevant section, but when you are in /careers section it's a link to /careers page.
Also there is no way to get to /careers page from home page. "Explore career" button links directly to /careers/start.

Products dropdown is only on /careers, but not on home page.

Also there seems to be an issue with home page navigation on small screens:

Improvements to the navigation

• Make the Canonical a little bigger too, so it has a min-height: 2rem; and also make the menu sticky on all pages. (width: 115px)
• Also with the menu on the home page, can you make the background selected when you click or get to that area on the page. So when you click Products and it jumps down the background is highlighted but when you scroll off that area it goes away?
• Make navigation sticky on all pages

Unexpected menu animation on click (partners)

/partners, if you click on 'partners' there is this glitch, that doesn't seem to happen elsewhere:
Video https://drive.google.com/file/d/1DYj70j8wGs4D-TuOZ50DHv7sivo34vs-/view?usp=sharing

Select a job role and apply leads to broken page

If I select a job role and click Apply now...

I get this...

Update general job application on `/careers` pages

• The general job application should be updated following chat with Gordon

Update text when career application

Update text:

Careers - Update /careers/tech-ops based on the copydoc

Navigation - Update link the product to the other sites

Careers - Update /careers/project-management based on the copydoc

Navigation doesn't align with logo on mobile view

If you view the site with a viewport width less than 460px the navigation is aligned hard left rather than inline with the logo:

Careers - Update /careers/design based on the copydoc

Talk to Gordon about the general job application procedure

• when a user finds no jobs under a category, then sends us their CV, how should we associate that CV with the category? Default job IDs for each category? Or an extra field containing the category name?
• some categories are showing no jobs, there's some sort of mismatch between category names on c.c and those in Greenhouse

Update job list to match new design

Update job list to match new design

Careers - Update /careers/hr based on the copydoc

Dynamicly display mega-menu

On the homepage we don't want the mega menu.

Careers - Update /careers/all based on the copydoc

Duplication of content on careers/lifestyle

Extract TemplateFinder into a module

Careers - Update /careers/finance based on the copydoc

Contact us - Build the contact us page

Add redirects from old pages to new

We have a set of pages on the existing canonical.com which needs to be redirected to related places in the new site.

Homepage - Replace the partners logos

Change "Can't find the ideal role for you?" on `/careers/<department>`

Change "Can't find the ideal role for you?" with something more suitable. Perhaps "Can't find the ideal HR role for you?" or something more appropriate.

Add default renovate config

Add a renovate config similar to our other repositories, e.g.:

https://github.com/canonical-web-and-design/docs.snapcraft.io/blob/b83c46bfe89234e46325fbdc448969907da7f20c/renovate.json#L1-L13

[c.c 19.36] build careers detailed description job page

@solazio commented on Thu Aug 29 2019

Replace Port in README with the correct one

Right now the README has XXXX instead of the correct port.

Once decided which port it should be ( take over the old one, or get a new one ) at https://canonical-web-and-design.github.io/practices/project-structure/ports.html, this should be reflected in the README.

Careers - Update /careers/sales based on the copydoc

Long job results list make "Apply Now" button hard to find

If the list of results from the careers game is reasonably large, it's not obvious that there is an "Apply Now" button at the bottom of it, or at least requires a lot of scrolling to find the thing that will let me proceed to the next step.

Update copy on /careers/results

After you visit /careers/start and you select your skills, click on the Submit choices button and see there is some lorem ipsum text displayed. This should be eighter removed or replaced with some meaningful text.

Also the generated text mentioning the departments suitable for you shows one extra comma.

Should the filters on careers change the URL?

In #41, should changing the filters change the URL so the state is bookmarkable/linkable?

Not going to block the PR but making an issue so it's not forgotten.

Add circleCI steps

Build mega menu navigation

For example, https://app.zeplin.io/project/5d5566ee83622d9b72e8801d/screen/5da4639f85f67a23e56b4080.

Lorem ipsum job description on career game results

Go to /careers/start and complete the game. Once you go to the results page see "lorem ipsum text" for job description.

"Filter by" doesn't appear to work on career game results

When completing the careers game and viewing the results, it looks like the "Filter by" dropdown doesn't work. Doesn't seem to happen when viewing jobs by the categories listed in the navigation.

Disappearing tab content when using back button

When selecting a tab within a job category, if you press the browser back button, the tab content area will become blank, rather than either showing the previous tab content or sending the user to the previous page: