canonical / charmed-osm.com Goto Github PK

New webpage with title “Canonical Participation in OSM Hackfests”
Copy doc

1. Go to charmed-osm.com
2. Scroll to the “Integration” section

What you see: The first section is much closer to the “Integration” heading than it is to the second section. This gives the appearance that “Integration” is a heading just for the first section, not for the whole of this block.

(This is on a phone screen, but the issue is the same on a desktop.)

What you should see: some combination of

• more margin below “Integration”, and
• less margin above+below the horizontal rules, and maybe even
• a horizontal rule above “Any Kubernetes” as well.

URL: https://charmed-osm.com/

Please change "suscribe now" to "Subscribe now"

The dynamic-contact-form.js is a file for the contact pop up modal used in multiple repos - it should be made into an NPM module which can be installed.

replace logo with https://assets.ubuntu.com/v1/3d65e5fe-juju_black-orange_hex.svg

See: https://docs.google.com/document/d/1kpVxdUP4SxzJzmLmKMWFdWdPjQXHVYkhuBXfeUyZ-XE/edit

To do

• Update to match copy doc

Brief

On small screens the OSM Hackfests link in the navbar disappears, and no menu icon replaces it.

Small screens

Large screens

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

The deprecated marketo endpoint hasn't been updated on charmed-osm.com

Add link to /osm-hackfests from charmed-osm homepage
copy doc

The "I agree" checkbox for Privacy Policy in the last page of https://charmed-osm.com/#get-in-touch is not clickable.

In a previous dev catchup it was decided that our projects should be updated to use stylelint instead of sass-lint which we are currently using.

As the current 404 page just shows the text "404", it would be good if it can be updated with a better one.

On the site

in package.json

"@canonical/cookie-policy": "3.0.2",

in templates/partial/_footer.html

<a href="" class="js-revoke-cookie-manager">Manage your tracker settings</a>

add the js (depends on site)

static/js/base.js

import { cookiePolicy } from "@canonical/cookie-policy";
cookiePolicy();

or

<script src="/static/js/modules/cookie-policy/cookie-policy.js"></script>
<script src="/static/js/modules/global-nav/global-nav.js"></script>
<script>
  canonicalGlobalNav.createNav({
    maxWidth: '72rem',
  });
  cpNs.cookiePolicy();
</script>

add to scss

static/sass/styles.scss

// import cookie policy
@import "@canonical/cookie-policy/build/css/cookie-policy";

On the GTM

1. add variable - _cookies_accepted
2. add trigger - All pages && cookie (all or functionality) - page view regex match (all|functionality)
   3.add trigger - All pages && cookie (all or performance) - regex match (all|performance)
3. add these to the triggers based on [this sheet](https://docs.google.com/spreadsheets/d/1PQEmbJPEG-76FLtLVOO271615V5aor66UhxfomZF-lo/edit#gid=0}
4. tracker track pageview for cookie acceptance for pageview
5. trigger - custom track pageview event on event pageview

performance

• ga
• crazyegg
• usabilla
• vimeo
• google optimise

functionality

• linked in
• livechat
• facebook
• twitter
• bombora
• google adwords
• Marketo Munchkin