Difference between revisions of "Template:Classroom TB"

(Created page with "<div class=DesktopOnly> <div class="TAB"> <div class="DTR" style="background-color:#f6f6f6;> <div class="DTC" style="width:40px;height:70px;vertical-align:middle;background-co...")
 
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<div class=DesktopOnly>
 
<div class=DesktopOnly>
 
<div class="TAB"> <div class="DTR" style="background-color:#f6f6f6;>
 
<div class="TAB"> <div class="DTR" style="background-color:#f6f6f6;>
<div class="DTC" style="width:40px;height:70px;vertical-align:middle;background-color:#ACACAC;border-color:#ACACAC;">[[file:Classroom-3-main-toolbar-drag-2-horizontal-lines.svg|20px|center|link=]]</div>
+
<div class="DTC" style="width:40px;height:70px;vertical-align:middle;background-color:#ACACAC;border-color:#ACACAC;">[[file:Classroom-3-main-toolbar-drag-2-horizontal-lines.svg|17px|center|link=Move_Toolbar]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:MT 1 file.svg|60px|center|link=File_Management]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:MT 1 file.svg|60px|center|link=File_Management]]</div>
 
<div class="DTC" style="width:90px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:MT 2 Magic Box.svg|60px|center|link=Magic_Box]]</div>
 
<div class="DTC" style="width:90px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:MT 2 Magic Box.svg|60px|center|link=Magic_Box]]</div>
Line 8: Line 8:
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 5 eraser.svg|60px|center|link=Eraser]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 5 eraser.svg|60px|center|link=Eraser]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 6 sticky.svg|60px|center|link=]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 6 sticky.svg|60px|center|link=]]</div>
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 7 shapes.svg|60px|center|link=Shape/Line]]</div>
+
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 7 shapes.svg|60px|center|link=Shape_Line]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 8 text.svg|60px|center|link=]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 8 text.svg|60px|center|link=]]</div>
 +
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Zoom-in2.svg|60px|center|link=]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 9 undo.svg|60px|center|link=Undo]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 9 undo.svg|60px|center|link=Undo]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 91 redo.svg|60px|center|link=Redo]]</div>
 
<div class="DTC" style="width:80px;height:70px;vertical-align:middle;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 91 redo.svg|60px|center|link=Redo]]</div>
Line 24: Line 25:
 
<div class="DTC" style="width:80px;border-color:white;>{{{8}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{8}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{9}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{9}}}</div>
 +
<div class="DTC" style="width:80px;border-color:white;>{{{9A}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{10}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{10}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{11}}}</div>
 
<div class="DTC" style="width:80px;border-color:white;>{{{11}}}</div>
Line 29: Line 31:
 
</div></div></div>
 
</div></div></div>
 
<div class=MobileOnly>
 
<div class=MobileOnly>
<div class="TAB" style="background-color:#f6f6f6;>
+
<div class="TAB">
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[file:Classroom-3-main-toolbar-drag-2-horizontal-lines.svg|20px|center|link=]]</div>
+
<div class="DTC" style="background-color:#ACACAC;border-color:#ACACAC;">[[file:Classroom-3-main-toolbar-drag-2-horizontal-lines.svg|17px|center|link=Move_Toolbar]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''This PC'''</div>
+
<div class="DTC">{{{1}}}</div>
<div class="DTC" style="vertical-align:middle;>Insert files from your device.</div>
 
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Google drive.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:MT 1 file.svg|60px|center|link=File_Management]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''Google Drive'''</div>
+
<div class="DTC">{{{2}}}</div>
<div class="DTC">Insert resources saved in the connected Google Drive account.<br>Note that only supported formats can be inserted.<br>For multipage PDFs, each PDF page is inserted into its own canvas.</div>
 
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Classroom 3.0 Magic Box image search.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:MT 2 Magic Box.svg|60px|center|link=Magic_Box]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''[[Magic_Box/Image_Search|Images]]'''</div>
+
<div class="DTC">{{{3}}}</div>
<div class="DTC">Safely search for images from the web.<br>To insert, drag them to the canvas.
 
 
</div>
 
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 3 select.svg|60px|center|link=Selection]]</div>
 +
<div class="DTC">{{{4}}}</div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 4 Pen.svg|60px|center|link=Pen]]</div>
 +
<div class="DTC">{{{5}}}</div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 5 eraser.svg|60px|center|link=Eraser]]</div>
 +
<div class="DTC">{{{6}}}</div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 6 sticky.svg|60px|center|link=]]</div>
 +
<div class="DTC">{{{7}}}</div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 7 shapes.svg|60px|center|link=Shape_Line]]</div>
 +
<div class="DTC">{{{8}}}</div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 8 text.svg|60px|center|link=]]</div>
 +
<div class="DTC">{{{9}}}</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Icon Clips.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Zoom-in2.svg|60px|center|link=]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''[[MyViewBoard_Clips|myViewBoard Clips]]'''</div>
+
<div class="DTC">{{{9A}}}</div>
<div class="DTC" style="vertical-align:middle;>Insert educational videos.</div>
 
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Icon YouTube.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 9 undo.svg|60px|center|link=Undo]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''[[Magic_Box/YouTube|YouTube]]'''</div>
+
<div class="DTC">{{{10}}}</div>
<div class="DTC">Search for YouTube videos using keywords.<br>To insert, drag them to the canvas. Switch to presentation mode (bottom left icon) to play the video.</div>
 
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Icon Webpage.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 91 redo.svg|60px|center|link=Redo]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''Webpage'''</div>
+
<div class="DTC">{{{11}}}</div>
<div class="DTC">Embed a webpage link onto the canvas.<br>Switch to presentation mode to activate.</div>
 
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">[[File:Icon Animated widget.svg|50px|link=]]</div>
+
<div class="DTC" style="background-color:#f6f6f6;border-color:#f6f6f6;">[[file:Classroom 3.0 MT 92 background.svg|60px|center|link=]]</div>
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;">'''[[Magic_Box/Online Widgets|Widgets]]'''</div>
+
<div class="DTC">{{{12}}}</div>
<div class="DTC">A selection of ready-made animations that users can insert on the canvas.<br>Users can click on an object to trigger the animation.</div>
 
 
</div>
 
</div>
 
</div></div>
 
</div></div>

Latest revision as of 17:06, 9 July 2021

Classroom-3-main-toolbar-drag-2-horizontal-lines.svg
MT 1 file.svg
MT 2 Magic Box.svg
Classroom 3.0 MT 3 select.svg
Classroom 3.0 MT 4 Pen.svg
Classroom 3.0 MT 5 eraser.svg
Classroom 3.0 MT 6 sticky.svg
Classroom 3.0 MT 7 shapes.svg
Classroom 3.0 MT 8 text.svg
Zoom-in2.svg
Classroom 3.0 MT 9 undo.svg
Classroom 3.0 MT 91 redo.svg
Classroom 3.0 MT 92 background.svg
{{{1}}}
{{{2}}}
{{{3}}}
{{{4}}}
{{{5}}}
{{{6}}}
{{{7}}}
{{{8}}}
{{{9}}}
{{{9A}}}
{{{10}}}
{{{11}}}
{{{12}}}
Classroom-3-main-toolbar-drag-2-horizontal-lines.svg
{{{1}}}
MT 1 file.svg
{{{2}}}
MT 2 Magic Box.svg
{{{3}}}
Classroom 3.0 MT 3 select.svg
{{{4}}}
Classroom 3.0 MT 4 Pen.svg
{{{5}}}
Classroom 3.0 MT 5 eraser.svg
{{{6}}}
Classroom 3.0 MT 6 sticky.svg
{{{7}}}
Classroom 3.0 MT 7 shapes.svg
{{{8}}}
Classroom 3.0 MT 8 text.svg
{{{9}}}
Zoom-in2.svg
{{{9A}}}
Classroom 3.0 MT 9 undo.svg
{{{10}}}
Classroom 3.0 MT 91 redo.svg
{{{11}}}
Classroom 3.0 MT 92 background.svg
{{{12}}}