Über
weewx-wdc Skin for WeeWX
Inspired by and build with the Carbon Design System. This skin uses the same technologies as Weather Data Center, a cross-platform Desktop App to import and analyze weather data. If you need help installing the skin, please have a look at https://github.com/Daveiano/weewx-interceptor-docker, a configured Dockerfile which I use as a base for my local PI installation.
Quick guide
Installation and Update
Please have a look at the GitHub page for Installation and Update instructions.
How to change this page
You can use the code of the
You can use the IBM Carbon design system, for example for creating Grids.
Carbon Type Classes
You can use Carbon Type Classes when writing you own html. For example:
Heading
</h4>
<h5 class="bx--type-productive-heading-02">
Subheading
</h5>
<p class="bx--type-body-long-02">
Paragraph text
</p>
<p class="bx--type-helper-text-01">
Some helper text
</p>
Heading
Subheading
Paragraph text
Some helper text
For all type tokens, see here: https://github.com/carbon-design-system/carbon/blob/v10/packages/type/scss/modules/_styles.scss#L628--
Carbon Web Components
All the different components that are on this page (Tabs, Image, Code snippet) are implemented via web components, an easy way to reuse HTML Elements with encapsulated styling and custom behavior.
See the full reference for carbon-web-components and ibmdotcom-web-components
Enabling and adding pages
By default, this page is disabled in the skin.conf, simply uncomment if you want to enable it:
You can add an unlimited amount of pages:
But keep in mind that you will need to create the corresponding .html.tmpl files for the pages.
Help and Support
Create a bug ticket or a request for a new feature: GitHub issues
Start a discussion: GitHub discussions
General WeeWX Support: Google Groups