Please check the character sheets documentation in the Roll20 wiki.
View Interactive Sheet Preview
Report bugs or suggestions to the forum thread.
This development setup was originally created for Windows and later ported to MacOS. Therefore the main bulk of the work is done with Powershell as it was designed to be able to be run without any dependencies. Later on more dependencies were added as helpful tools got discovered and learned.
There is a plan to move away from Powershell and only use pug for assembling the HTML.
The sheet uses 3 tools to generate the final sheet.
- Node.js for running javascript
- Npm for installing packages
- pugjs to build HTML components
- sass to build the CSS
- powershell to combine HTML components to the sheet.
$ git clone https://github.com/your-tag/roll20-character-sheets.git
Validate the installation by the following command
$ node -v
v17.2.0.
Validate the installation by the following command
$ npm -v
0.39.0
Navigate to the sub folder with the ADnD_2E_Revised character sheet
$ npm install pug
It is important that pug is installed into the folder itself, and not installed globally on the machine, notice there is no -g
flag. The pug code just won't work when installed globally.
Validate the installation by the following command
$ sass --version
1.54.3
PS /Users/me> combine.ps1
---- Sanitize Javascript files ----
abilityScores.js
...
---- Generating HTML files ----
schools-overview.html
...
---- Sanitize HTML files ----
2ESheet-base.html
...
---- Generating CSS files ----
rolltemplates.scss
---- Sanitize CSS files ----
2EStyle-base.css
...
---- Combining 2ESheet-base.html ----
insert_changelog.html
...
---- Combining 2EStyle-base.css ----
insert_announcements.css
...
Combine complete 11:09:50