48 lines
3.4 KiB
HTML
48 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Board Mode</title>
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
|
<meta name="viewport" content="width=device-width" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Board Mode</h1>
|
|
</header>
|
|
<main>
|
|
<h3>The Stylus palette</h3>
|
|
<p>The Stylus palette gives you access to essential tools when working on a whiteboard.</p>
|
|
<div class="image"><img id="bo1" src="../../assets/hint2/bo1.png" alt=""></div>
|
|
|
|
<p>Here you'll find the pen (<span class="icon"><img src="../../assets/common/pen.png" alt=""></span>), the eraser (<span class="icon"><img src="../../assets/common/eraser.png" alt=""></span>) and the marker (<span class="icon"><img src="../../assets/common/marker.png" alt=""></span>). SaiCore also provides other features a classical whiterboard can't provide :</p>
|
|
<ul>
|
|
<li><span class="icon"><img src="../../assets/common/arrow.png" alt=""></span> is the selector. With it, you can select objects and interact with them.</li>
|
|
<li><span class="icon"><img src="../../assets/common/handPlay.png" alt=""></span> is the magic finger. You can move objects or interact with them without the need for them to be selected.</li>
|
|
<li><span class="icon"><img src="../../assets/common/hand.png" alt=""></span> is the hand. You can move through the page with it. Very useful when combined with the zoom features !</li>
|
|
<li><span class="icon"><img src="../../assets/common/zoomIn.png" alt=""></span><span class="icon"><img src="../../assets/common/zoomOut.png" alt=""></span> give you the possibility to zoom in and out. Just select the one you want and click on the page, where you want to apply the zoom !</li>
|
|
<li><span class="icon"><img src="../../assets/common/laser.png" alt=""></span> is a laser pointer, useful to point out elements on board without interacting with them.</li>
|
|
<li><span class="icon"><img src="../../assets/common/line.png" alt=""></span> is used to draw straight lines easily.</li>
|
|
<li><span class="icon"><img src="../../assets/common/text.png" alt=""></span> is a textbox tool, to write text using the keyboard instead of the pen.</li>
|
|
</ul>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>You can have a finer control of the zoom with the mouse ! Use Ctrl/Cmd + the mouse wheel to zoom in/out more precisely !</span>
|
|
|
|
<h3>The Board toolbar</h3>
|
|
<p>The Board toolbar gives you the possibility to change pen's or marker's color and size, among other things.</p>
|
|
<div class="image"><img id="bo9" src="../../assets/hint2/bo9.png" alt=""></div>
|
|
|
|
<p>You'll also find the ability to change the board's background, by clicking on <span class="icon"><img src="../../assets/common/background.png" alt=""></span></p>
|
|
<div class="image"><img src="../../assets/hint2/bo-gif1.gif" alt=""></div>
|
|
|
|
<p>You'll also find buttons to undo/redo actions, create and navigate through pages, clear the entire whiteboard, ...</p>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>You can clear more precise parts of the board, by long clicking on <span class="icon"><img src="../../assets/common/clearPage.png" alt="the erase icon"></span>. Some hidden features on <span class="icon"><img src="../../assets/common/newDocument.png" alt="the erase icon"></span> too !</span>
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|