77 lines
2.5 KiB
HTML
77 lines
2.5 KiB
HTML
<div class="canvas">
|
|
<canvas id="draw-background"></canvas>
|
|
<canvas id="draw-canvas">¯\_(ツ)_/¯</canvas>
|
|
<canvas id="screen-canvas"></canvas>
|
|
</div>
|
|
<div class="draw-actions">
|
|
<ul class="list middle">
|
|
<li id="draw-clear">
|
|
<span class="primary active icon bubble color transparent">
|
|
<i class="material-symbols">delete</i>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<br />
|
|
<ul class="list draw-widths">
|
|
<li data-width="small">
|
|
<span class="primary active icon bubble color transparent">
|
|
<i class="material-symbols">brush</i>
|
|
</span>
|
|
</li>
|
|
<li data-width="medium">
|
|
<span class="primary active icon bubble color transparent">
|
|
<i class="material-symbols">brush</i>
|
|
</span>
|
|
</li>
|
|
<li data-width="big">
|
|
<span class="primary active icon bubble color transparent">
|
|
<i class="material-symbols">brush</i>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="draw-control">
|
|
<br />
|
|
<ul class="list draw-colors">
|
|
<li data-color="black">
|
|
<span class="primary active icon bubble color black"></span>
|
|
</li>
|
|
<li data-color="blue">
|
|
<span class="primary active icon bubble color blue"></span>
|
|
</li>
|
|
<li data-color="purple">
|
|
<span class="primary active icon bubble color yellow"></span>
|
|
</li>
|
|
<li data-color="green">
|
|
<span class="primary active icon bubble color orange"></span>
|
|
</li>
|
|
<li data-color="red">
|
|
<span class="primary active icon bubble color red"></span>
|
|
</li>
|
|
<li data-color="green">
|
|
<span class="primary active icon bubble color green"></span>
|
|
</li>
|
|
<li data-color="purple">
|
|
<span class="primary active icon bubble color purple"></span>
|
|
</li>
|
|
</ul>
|
|
<ul class="list">
|
|
<li class="draw-eraser">
|
|
<span class="primary active icon bubble color transparent">
|
|
<i class="material-symbols">ink_eraser</i>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<ul class="list controls middle draw-top-nav">
|
|
<li>
|
|
<span id="drawback" class="primary bubble icon color active">
|
|
<i class="material-symbols">arrow_back</i>
|
|
</span>
|
|
<span class="control active icon bubble color blue" id="draw-save">
|
|
<i class="material-symbols">publish</i>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
|