init
This commit is contained in:
@@ -0,0 +1,76 @@
|
||||
<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>
|
||||
|
||||
@@ -0,0 +1,2 @@
|
||||
<div id="draw"></div>
|
||||
|
||||
Reference in New Issue
Block a user