Skip to content
Snippets Groups Projects
Commit 1fe94844 authored by Romain De Laage De Bellefaye's avatar Romain De Laage De Bellefaye
Browse files

[WhiteBoard] Improve landing page

parent 2297c1d7
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
pica-whiteboard/index.html
+ 252
− 6
View file @ 1fe94844
......@@ -6,11 +6,257 @@
</head>
<body>
<h1>Whiteboard de Picasoft</h1>
<p>
Vous êtes sur le whiteboard hébergé par Picasoft, celui-ci est réinitialisé toutes les nuits (vers minuit)
</p>
<p>
<a href⁼"https://picasoft.net/co/cgu.html">CGU</a>
</p>
Attention, le contenu des tableaux est réinitialisé chaque nuit (à minuit) !
<h2>Créer un tableau</h2>
<a href="https://whiteboard.picasoft.net/app/?randomid=true">Au hasard !</a><!--
--><form action="https://whiteboard.picasoft.net" method="GET">
<label for="name">Nom du tableau : </label><br />
<input type="text" id="id" name="title" /><br />
<label for="username">Nom d'utilisateur (optionnel) : </label><br />
<input type="text" id="username" name="username" /><br />
<input type="submit" />
</form>
<h2>Quelques raccourcis usuels</h2>
<table>
<thead>
<tr class="header">
<th style="text-align: left;">Result</th>
<th style="text-align: left;">Windows and Linux</th>
<th style="text-align: left;">macOS</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td style="text-align: left;">Clear the whiteboard</td>
<td style="text-align: left;">Ctrl + Shift + Z</td>
<td style="text-align: left;">Command + Shift + Z</td>
</tr>
<tr class="even">
<td style="text-align: left;">Undo your last step</td>
<td style="text-align: left;">Ctrl + Z</td>
<td style="text-align: left;">Command + Z</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Redo your last undo</td>
<td style="text-align: left;">Ctrl + Y</td>
<td style="text-align: left;">Command + Y</td>
</tr>
<tr class="even">
<td style="text-align: left;">Increase thickness</td>
<td style="text-align: left;">Ctrl + Up Arrow</td>
<td style="text-align: left;">Command + Up Arrow</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Decrease thickness</td>
<td style="text-align: left;">Ctrl + Down Arrow</td>
<td style="text-align: left;">Command + Down Arrow</td>
</tr>
<tr class="even">
<td style="text-align: left;">Set a color</td>
<td style="text-align: left;">Ctrl + Shift + 1,2,3,4,5</td>
<td style="text-align: left;">Command + Shift + 1,2,3,4,5</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Toggle between main clolors</td>
<td style="text-align: left;">Ctrl + Shift + R</td>
<td style="text-align: left;">Command + Shift + R</td>
</tr>
</tbody>
</table>
<h2>Tous les raccourcis</h2>
<table>
<thead>
<tr class="header">
<th style="text-align: left;">Result</th>
<th style="text-align: left;">Windows and Linux</th>
<th style="text-align: left;">macOS</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td style="text-align: left;">Clear the whiteboard</td>
<td style="text-align: left;">Ctrl + Shift + Z</td>
<td style="text-align: left;">Command + Shift + Z</td>
</tr>
<tr class="even">
<td style="text-align: left;">Undo your last step</td>
<td style="text-align: left;">Ctrl + Z</td>
<td style="text-align: left;">Command + Z</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Redo your last undo</td>
<td style="text-align: left;">Ctrl + Y</td>
<td style="text-align: left;">Command + Y</td>
</tr>
<tr class="even">
<td style="text-align: left;">Select an area</td>
<td style="text-align: left;">Ctrl + X</td>
<td style="text-align: left;">Command + X</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Take the mouse</td>
<td style="text-align: left;">Ctrl + M</td>
<td style="text-align: left;">Command + M</td>
</tr>
<tr class="even">
<td style="text-align: left;">Take the pen</td>
<td style="text-align: left;">Ctrl + P</td>
<td style="text-align: left;">Command + P</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Draw a line</td>
<td style="text-align: left;">Ctrl + L</td>
<td style="text-align: left;">Command + L</td>
</tr>
<tr class="even">
<td style="text-align: left;">Draw a rectangle</td>
<td style="text-align: left;">Ctrl + R</td>
<td style="text-align: left;">Command + R</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Draw a circle</td>
<td style="text-align: left;">Ctrl + C</td>
<td style="text-align: left;">Command + C</td>
</tr>
<tr class="even">
<td style="text-align: left;">Toggle between line, rect, circ</td>
<td style="text-align: left;">Ctrl + Shift + F</td>
<td style="text-align: left;">Command + Shift + F</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Toggle between pen and eraser</td>
<td style="text-align: left;">Ctrl + Shift + X</td>
<td style="text-align: left;">Command + Shift + X</td>
</tr>
<tr class="even">
<td style="text-align: left;">Toggle between main clolors</td>
<td style="text-align: left;">Ctrl + Shift + R</td>
<td style="text-align: left;">Command + Shift + R</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Write text</td>
<td style="text-align: left;">Ctrl + A</td>
<td style="text-align: left;">Command + A</td>
</tr>
<tr class="even">
<td style="text-align: left;">Take the eraser</td>
<td style="text-align: left;">Ctrl + E</td>
<td style="text-align: left;">Command + E</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Increase thickness</td>
<td style="text-align: left;">Ctrl + Up Arrow</td>
<td style="text-align: left;">Command + Up Arrow</td>
</tr>
<tr class="even">
<td style="text-align: left;">Decrease thickness</td>
<td style="text-align: left;">Ctrl + Down Arrow</td>
<td style="text-align: left;">Command + Down Arrow</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Colorpicker</td>
<td style="text-align: left;">Ctrl + Shift + C</td>
<td style="text-align: left;">Command + Shift + C</td>
</tr>
<tr class="even">
<td style="text-align: left;">Set black color</td>
<td style="text-align: left;">Ctrl + Shift + 1</td>
<td style="text-align: left;">Command + Shift + 1</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Set blue color</td>
<td style="text-align: left;">Ctrl + Shift + 2</td>
<td style="text-align: left;">Command + Shift + 2</td>
</tr>
<tr class="even">
<td style="text-align: left;">Set green color</td>
<td style="text-align: left;">Ctrl + Shift + 3</td>
<td style="text-align: left;">Command + Shift + 3</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Set yellow color</td>
<td style="text-align: left;">Ctrl + Shift + 4</td>
<td style="text-align: left;">Command + Shift + 4</td>
</tr>
<tr class="even">
<td style="text-align: left;">Set red color</td>
<td style="text-align: left;">Ctrl + Shift + 5</td>
<td style="text-align: left;">Command + Shift + 5</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Save whiteboard as image</td>
<td style="text-align: left;">Ctrl + S</td>
<td style="text-align: left;">Command + S</td>
</tr>
<tr class="even">
<td style="text-align: left;">Save whiteboard as JSON</td>
<td style="text-align: left;">Ctrl + Shift + K</td>
<td style="text-align: left;">Command + Shift + K</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Save whiteboard to WebDav</td>
<td style="text-align: left;">Ctrl + Shift + I (i)</td>
<td style="text-align: left;">Command + Shift + I (i)</td>
</tr>
<tr class="even">
<td style="text-align: left;">Load saved JSON to whiteboard</td>
<td style="text-align: left;">Ctrl + Shift + J</td>
<td style="text-align: left;">Command + Shift + J</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Share whiteboard</td>
<td style="text-align: left;">Ctrl + Shift + S</td>
<td style="text-align: left;">Command + Shift + S</td>
</tr>
<tr class="even">
<td style="text-align: left;">Hide or show toolbar</td>
<td style="text-align: left;">Tab</td>
<td style="text-align: left;">Tab</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Move selected object up</td>
<td style="text-align: left;">Up Arrow</td>
<td style="text-align: left;">Up Arrow</td>
</tr>
<tr class="even">
<td style="text-align: left;">Move selected object down</td>
<td style="text-align: left;">Down Arrow</td>
<td style="text-align: left;">Down Arrow</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Move selected object left</td>
<td style="text-align: left;">Left Arrow</td>
<td style="text-align: left;">Left Arrow</td>
</tr>
<tr class="even">
<td style="text-align: left;">Move selected object right</td>
<td style="text-align: left;">Right Arrow</td>
<td style="text-align: left;">Right Arrow</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Drop object</td>
<td style="text-align: left;">Ctrl + Enter</td>
<td style="text-align: left;">Command + Enter</td>
</tr>
<tr class="even">
<td style="text-align: left;">Add Image to backgroud</td>
<td style="text-align: left;">Shift + Enter</td>
<td style="text-align: left;">Shift + Enter</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Cancel all actions</td>
<td style="text-align: left;">Escape</td>
<td style="text-align: left;">Escape</td>
</tr>
<tr class="even">
<td style="text-align: left;">Delete selected object</td>
<td style="text-align: left;">Delete</td>
<td style="text-align: left;">Delete</td>
</tr>
</tbody>
</table>
<p>
<a href="https://picasoft.net/co/cgu.html">CGU</a>
</p>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment