saicore/resources/startupHints/locales/en/3.html

31 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Desktop 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">Desktop Mode</h1>
</header>
<main>
<h3>Interacting with other softwares</h3>
<p>Using Desktop mode, you can interact with your entire computer and other softwares, while keeping SaiCore as an overlay !</p>
<p>Just click on the following icon :</p>
<div class="image"><img id="bureau1" src="../../assets/hint3/bureau1.png" alt=""></div>
<div>Use the selector (<span class="icon"><img src="../../assets/common/arrow.png" alt=""></span>) to interact with the desktop and other softwares.</div>
<h3>Make annotations on top of an application or a website</h3>
<div>You can add annotations on top of any software, using the pen (<span class="icon"><img src="../../assets/common/penArrow.svg" alt=""></span>) or the marker (<span class="icon"><img src="../../assets/common/markerArrow.svg" alt=""></span>).</div>
<div class="image"><img src="../../assets/hint3/bureau-gif1.gif" alt=""></div>
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>You can access to more options for <span class="icon"><img src="../../assets/common/penArrow.svg" alt="the pen"></span>, <span class="icon"><img src="../../assets/common/markerArrow.svg" alt="the marker"></span> and <span class="icon"><img src="../../assets/common/eraserArrow.svg" alt="the eraser"></span> by doing a long click on them, or by clicking on the small black arrow.</span>
</main>
<footer>
</footer>
</body>
</html>