https://pure-lake-46085.herokuapp.com/index.html
Include the library scripts browkit.js, and any js files the library uses:
<script defer type="text/javascript" src='js/calculator.js'></script>
<script defer type="text/javascript" src='js/sticky_notes.js'></script>
<script defer type="text/javascript" src='js/browkit.js'></script>
<link rel="stylesheet" type="text/css" href="css/browkit.css"></link>
Then include any javascript files that depend on and/or use the browkit.js lirbary:
<script defer type="text/javascript" src='js/examples.js'></script>
Then load any css that are used by the js scripts:
<link rel="stylesheet" type="text/css" href="css/calculator.css"></link>
<link rel="stylesheet" type="text/css" href="css/calculator.css"></link>
<link rel="stylesheet" type="text/css" href="css/browkit.css"></link>
Create an instance of the 'browkit' sidebar in examples.js
const calc = {
tool_name: "calculator",
class_name: "tool",
inner_text: "Calculator",
display_fcn: displayCalculator
}
const sticky_notes = {
tool_name: "sticky_notes",
class_name: "tool",
inner_text: "Sticky Notes",
display_fcn: displayStickyButtons
}
const paletteTools = []
paletteTools.push(calc)
paletteTools.push(sticky_notes)
const paletteMaker = new PaletteMaker(paletteTools)
paletteMaker.makePaletteBase()