polkadot-support-page-assets

support.polkadot.network

support.polkadot.network runs on Freshdesk platform.

This repository provides:

• files to locally develop (scss) & compile custom style.css that overrides default Freshdesk’s css theme with imported Polkadot’s bootstrap theme and other customizations
• serving compiled style.css over gh-pages back to Freshdesk

Development

Freshdesk doesn’t provide any local development environment. This repository provides a setup that uses Chrome’s Local Overrides from DevTools in order to compile scss and to use hot-reloading locally.

• mkdir -p ~/polkadot-support-page-assets-dev/w3f-webops.github.io && cd ~/polkadot-support-page-assets-dev/w3f-webops.github.io
• clone this repository: git clone https://github.com/w3f-webops/polkadot-support-page-assets.git
• Open support.polkadot.network in Chrome (Brave)
• Open DevTools/Sources/Overrides panel, select your local folder ~/polkadot-support-page-assets-dev and allow DevTools to access it
• Linked remote style.css should be now set up to be overwritten by your local copy
• cd polkadot-support-page-assets
• npm install && npm run scss

Freshdesk Admin setup & Font

• compiled style.css served over gh-pages is linked in the custom Head panel (https://support-page-assets.polkadot.network/style.css)
• Google font imported in Stylesheet panel (importing directly from the style.css would break the Local Overrides setup)