A page under the resources section that loads dynamically the release's feeds of both amber-components and amber-visual repos and displays the data as a unified list of updates.

Find a nice looking logo for Amber Design System...

We could add a Content section in order to store all the stuff related to content, branding and marketing (tone of voice, email signature, presentation templates, use of logos, ecc).

It could be also a great way to show interested clients a way to store, organize and present all the content stuff to their non-technical employees instead of having thousands of versioned pdf an ppt.

References

• https://polaris.shopify.com/content/product-content
• https://atlassian.design/guidelines/brand/personality
• https://www.carbondesignsystem.com/guidelines/content/general

VMware - https://vmware.github.io/clarity/ !!
IBM - http://www.carbondesignsystem.com
Shopify - https://polaris.shopify.com
Alibaba - https://ant.design
Trello - https://design.trello.com
Google - https://material.io
Apple - https://developer.apple.com/design/human-interface-guidelines/
Contactlab - https://ux.contactlab.com
VMware - https://vmware.github.io/clarity/

Resources / Downloads

• Sketch (Design Kit)
• Favicon kit? (Amber, Bitrock, Databiz)
• Logo kit? (Amber, Bitrock, Databiz)

Some page headings have a strange behaviour with margins and paddings, that sometimes cause them not being consistent on spacing values and not being on top of the page when clicking on the correspondent anchor link.

Some examples:

Too much space between image and About heading

Grid gutter heading not showing when clicking on the correspondent anchor link on sidebar

• add Travis file
• CI build the website
• update the GitHub page
• admin-lock the master branch

Create a custom theme for VuePress (or rewrite the default one) and apply the Amber Design System to it.

Domain https://amber.bitrock.it pointing on this repo GitHub page.

Following the VuePress PWA plugin docs, the popup component for app updates can be customized

https://vuepress.vuejs.org/plugin/official/plugin-pwa.html#popupcomponent

we can update it to use our own amber-banner component https://amber.bitrock.it/components/banner/ keeping the same behavior and texts as the current popup.

The current theme is a customization of the ejected default one. By now it covers our needs, but in the future we may want to radically redesign the website while keeping the content as-is or we may want to use this one on different VuePress websites without manually hard-encoding it.

Following the official documentation:
https://vuepress.vuejs.org/theme/using-a-theme.html#using-a-theme-from-a-dependency

We need to:

• create a new repository amber-vuepress-theme
• move the related code there
• publish it on NPM as @amber-ds/vuepress-theme-docs
• add it as a dependency here

From: https://vuepress.vuejs.org/plugin/official/plugin-google-analytics.html

Install

yarn add -D @vuepress/plugin-google-analytics
# OR npm install -D @vuepress/plugin-google-analytics

Usage

module.exports = {
  plugins: [
    '@vuepress/google-analytics',
    {
      'ga': '' // UA-00000000-0
    }
  ] 
}

Options

ga

• Type: string
• Default: undefined

Provide the Google Analytics ID to enable integration.