catlab-remote-client 1.0.20

package/dist/themes/metro/reset.css

@@ -0,0 +1,316 @@
+.webremote-portal * {
+  text-align: left;
+  color: #000;
+}
+.webremote-portal a {
+  color: #fff;
+}
+.webremote-portal body,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select {
+  font-family: "Palatino Linotype", Freeserif, serif;
+  letter-spacing: 0.05em;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6 {
+  font-family: Georgia, "DejaVu Serif", serif;
+  letter-spacing: 0.1em;
+}
+.webremote-portal pre,
+.webremote-portal tt,
+.webremote-portal code,
+.webremote-portal kbd,
+.webremote-portal samp,
+.webremote-portal var {
+  font-family: "Courier New", Courier, monospace;
+}
+.webremote-portal h1 {
+  font-size: 1.5em;
+}
+.webremote-portal h2 {
+  font-size: 1.4em;
+}
+.webremote-portal h3 {
+  font-size: 1.3em;
+}
+.webremote-portal h4 {
+  font-size: 1.2em;
+}
+.webremote-portal h5 {
+  font-size: 1.1em;
+}
+.webremote-portal h6 {
+  font-size: 1em;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5 {
+  font-weight: normal;
+}
+.webremote-portal a:link {
+  color: #000;
+}
+.webremote-portal a:visited {
+  text-decoration: none;
+}
+.webremote-portal a:hover {
+  text-decoration: none;
+}
+.webremote-portal a:focus {
+  text-decoration: none;
+}
+.webremote-portal a:focus,
+.webremote-portal :focus {
+  outline: 1px dotted #000;
+}
+.webremote-portal a:hover,
+.webremote-portal a:active {
+  outline: none;
+}
+.webremote-portal body,
+.webremote-portal p,
+.webremote-portal dl,
+.webremote-portal dt,
+.webremote-portal dd,
+.webremote-portal ul,
+.webremote-portal ol,
+.webremote-portal li,
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal pre,
+.webremote-portal code,
+.webremote-portal form,
+.webremote-portal fieldset,
+.webremote-portal legend,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal blockquote,
+.webremote-portal th,
+.webremote-portal td {
+  margin: 0;
+  padding: 0;
+}
+.webremote-portal fieldset,
+.webremote-portal img {
+  border: 0;
+}
+.webremote-portal img {
+  vertical-align: bottom;
+}
+.webremote-portal ol li,
+.webremote-portal ul ol li {
+  list-style-type: decimal;
+}
+.webremote-portal ul li {
+  list-style-type: disc;
+}
+.webremote-portal ul ul li {
+  list-style-type: circle;
+}
+.webremote-portal ul ul ul li {
+  list-style-type: square;
+}
+.webremote-portal ol ol li {
+  list-style-type: lower-alpha;
+}
+.webremote-portal ol ol ol li {
+  list-style-type: lower-roman;
+}
+.webremote-portal sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
+.webremote-portal sup {
+  vertical-align: super;
+  font-size: smaller;
+}
+.webremote-portal legend {
+  color: #000;
+  padding-bottom: 0.5em;
+}
+.webremote-portal table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.webremote-portal caption {
+  position: absolute;
+  left: -999em;
+}
+.webremote-portal th {
+  text-align: center;
+}
+.webremote-portal tbody th {
+  text-align: left;
+}
+.webremote-portal code {
+  color: #06f;
+}
+.webremote-portal code,
+.webremote-portal pre {
+  font-family: "Courier New", monospace, serif;
+  font-size: 1em;
+}
+.webremote-portal blockquote,
+.webremote-portal q,
+.webremote-portal em,
+.webremote-portal cite,
+.webremote-portal dfn,
+.webremote-portal i,
+.webremote-portal cite,
+.webremote-portal var,
+.webremote-portal address {
+  font-style: italic;
+}
+.webremote-portal blockquote p:before,
+.webremote-portal blockquote p:after,
+.webremote-portal q:before,
+.webremote-portal q:after {
+  content: '';
+}
+.webremote-portal th,
+.webremote-portal strong,
+.webremote-portal dt,
+.webremote-portal b {
+  font-weight: bold;
+}
+.webremote-portal ins {
+  text-decoration: none;
+  border-bottom: 3px double #333;
+}
+.webremote-portal del {
+  text-decoration: line-through;
+}
+.webremote-portal abbr,
+.webremote-portal acronym {
+  border-bottom: 1px dotted #333;
+  font-variant: normal;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal p,
+.webremote-portal pre,
+.webremote-portal ul,
+.webremote-portal ol,
+.webremote-portal dl,
+.webremote-portal fieldset,
+.webremote-portal address {
+  padding: 0 30px;
+}
+.webremote-portal dd p,
+.webremote-portal dd pre,
+.webremote-portal dd ul,
+.webremote-portal dd ol,
+.webremote-portal dd dl,
+.webremote-portal li p,
+.webremote-portal li pre,
+.webremote-portal li ul,
+.webremote-portal li ol,
+.webremote-portal li dl,
+.webremote-portal fieldset p,
+.webremote-portal fieldset ul,
+.webremote-portal fieldset ol {
+  padding-right: 0;
+  padding-left: 0;
+}
+.webremote-portal dd {
+  padding-left: 20px;
+  margin-top: 0.5em;
+}
+.webremote-portal li {
+  margin-left: 30px;
+}
+.webremote-portal table {
+  margin-right: 30px;
+  margin-left: 30px;
+}
+.webremote-portal hr {
+  margin-right: 30px;
+  margin-left: 30px;
+  border-style: inset;
+  border-width: 1px;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal p,
+.webremote-portal pre,
+.webremote-portal dt,
+.webremote-portal li,
+.webremote-portal hr,
+.webremote-portal legend,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select,
+.webremote-portal address,
+.webremote-portal table {
+  margin-top: 1.2em;
+}
+.webremote-portal label {
+  padding-top: 1.2em;
+}
+.webremote-portal fieldset {
+  line-height: 1;
+}
+.webremote-portal input[type="checkbox"] {
+  vertical-align: bottom;
+  *vertical-align: baseline;
+}
+.webremote-portal input[type="radio"] {
+  vertical-align: text-bottom;
+}
+.webremote-portal input {
+  _vertical-align: text-bottom;
+}
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select,
+.webremote-portal optgroup,
+.webremote-portal option {
+  font-size: 0.9em;
+  line-height: 1.4 !important;
+}
+.webremote-portal button,
+.webremote-portal input[type="submit"],
+.webremote-portal input[type="reset"],
+.webremote-portal input[type="button"],
+.webremote-portal .inputButton {
+  *overflow: visible;
+  _width: 0;
+  padding: 0.2em 0.4em;
+}
+.webremote-portal .block {
+  padding: 0 30px;
+  margin-top: 1.2em;
+}
+.webremote-portal .padding2margin {
+  margin-right: 30px;
+  margin-left: 30px;
+  padding-right: 0;
+  padding-left: 0;
+}
+.webremote-portal .noMarker li {
+  list-style: none;
+  margin-left: 0;
+}

package/dist/themes/metro/reset.styl

@@ -0,0 +1,299 @@
+.webremote-portal
+	/* 
+	 * base.css | v0.4 (06132010) | Thierry Koblentz
+	 *
+	 * The purpose of this styles sheet is to set default styles for common browsers and address common issues (missing scrollbar, extended buttons in IE, gap below images, etc.)
+	 *
+	 * See: http://thinkvitamin.com/design/setting-rather-than-resetting-default-styling/
+	 * 
+	 * Changes in this version:
+	 *    - input, button, textarea, select, optgroup, option {line-height: 1.4 !important;} (to override FF's default styling)
+	 *    - styling <ol> inside <ul> (merci Goulven)
+	 */
+	* {
+		text-align: left;
+		color: black;
+	}
+
+	a
+	{
+		color: white;
+	}
+
+	/* this choice of font-family is supposed to render text the same across platforms
+	 * letter-spacing makes the font a bit more legible
+	 */
+	body, input, button, textarea, select {
+		font-family: "Palatino Linotype", Freeserif, serif;
+		letter-spacing: .05em;
+	}
+	h1, h2, h3, h4, h5, h6 {
+		font-family: Georgia, "DejaVu Serif", serif;
+		letter-spacing: .1em;
+	}
+	pre, tt, code, kbd, samp, var {
+		font-family: "Courier New", Courier, monospace;
+	}
+
+	/* These should be self explanatory
+	 */
+	h1 {font-size: 1.5em;}
+	h2 {font-size: 1.4em;}
+	h3 {font-size: 1.3em;}
+	h4 {font-size: 1.2em;}
+	h5 {font-size: 1.1em;}
+	h6 {font-size: 1em;}
+
+	h1, h2, h3, h4, h5 {font-weight: normal;}
+
+	/* styling for links and visited links as well as for links in a hovered, focus and active state 
+	 * make sure to keep these rules in that order, with :active being last
+	 * text-decoration: none is to make the links more legible while they are in a hovered, focus or active state
+	 * a:focus and :focus are used to help keyboard users, you may change their styling, but make sure to give users a visual clue of the element's state.
+	 * outline:none used with the pseudo-class :hover is to avoid outline when a user clicks on links
+	 * note that these last rules do not do anything in IE as this browser does not support "outline"
+	 */
+	a:link {color: #000;}
+	a:visited {text-decoration: none;}
+	a:hover {text-decoration: none;}
+	a:focus {text-decoration: none;}
+	a:focus,:focus {outline: 1px dotted #000;}
+	a:hover,a:active {outline: none;}
+
+	/*
+	 * This one is commented out as it may be overkill (users who use both a mouse and the keyboard would lose keyboard focus)
+	 * Besides, this may create a performance issue
+	 * html:hover a {outline: none;}
+	 */
+
+	/* margin and padding values are reset for all these elements
+	 * you could remove from there elements you do not used in your documents, but I don't think it'd worth it 
+	 */
+	body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
+		margin: 0;
+		padding: 0;
+	}
+
+	/* this is to prevent border from showing around fieldsets and images (i.e., images inside anchors)
+	 */
+	fieldset, img {
+		border: 0;
+	}
+
+	/* to prevent a gap from showing below images in some browsers 
+	 */
+	img {vertical-align: bottom;}
+
+	/* Styling of list items
+	 * This styles sheet contains a class to apply on lists to reset list-type and margin on LIs
+	 */
+	ol li,
+	ul ol li {list-style-type: decimal;}
+	ul li {list-style-type: disc;}
+	ul ul li {list-style-type: circle;}
+	ul ul ul li {list-style-type: square;}
+	ol ol li {list-style-type: lower-alpha;}
+	ol ol ol li {list-style-type: lower-roman;}
+
+	/* These should be self explanatory
+	 * I believe *most* UAs style sub and sup like this by default so I am not sure there is value to include these rules here
+	 */
+	sub {
+		vertical-align: sub;
+		font-size: smaller;
+	}
+
+	sup {
+		vertical-align: super;
+		font-size: smaller;
+	}
+
+	/* color is to make that element stands out (see color set via body)
+	 * padding is used so Internet Explorer does not cut-off descenders in letters like p, g, etc.)
+	 */
+	legend {
+		color: #000;
+		padding-bottom: .5em; 
+	}
+
+	/* according to Eric Meyer's reset: tables still need 'cellspacing="0"' in the markup
+	 */
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	/* caption and summary are very important for tabular data but because caption is nearly impossible to style across browsers many authors do not use it or use display:none to "hide" it (which is almost the same as not using it).
+	 * so to prevent such workaround, I am positioning this element off-screen
+	 */
+	caption {
+		position: absolute;
+		left: -999em;
+	}
+
+	/* all th should be centered unless they are in tbody (table body)
+	 */
+	th {text-align: center;} 
+	tbody th {text-align: left;} 
+
+	/* See Eric Meyer's article about Fixed Monospace Sizing 
+	 * http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
+	 */
+	code {color: #06f;}
+	code, pre {font-family: "Courier New", monospace, serif; font-size: 1em;}
+
+	/* This should be self explanatory
+	 */
+	blockquote, q, em, cite, dfn, i, cite, var, address {
+		font-style: italic;
+	}
+
+	/* to prevent some browsers from inserting quotes on "q" and "p" ("p" in blockquotes)
+	 */
+	blockquote p:before, blockquote p:after, q:before, q:after {content: '';}
+
+	/* These should be self explanatory
+	 */
+	th, strong, dt, b {
+		font-weight: bold;
+	}
+
+	ins {
+		text-decoration: none;
+		border-bottom: 3px double #333;
+	}
+
+	del {text-decoration: line-through;} 
+
+	abbr, 
+	acronym {
+		border-bottom: 1px dotted #333;
+		font-variant: normal;
+	} 
+
+	/* Creating white space (vertical gutters) via padding
+	 * most authors do not set right/left padding or margin on these elements, they rather use an extra wrapper or style the container with padding to create the left and right gap/gutter they need
+	 * I find that the latter creates less robust layouts because it leads authors to mix padding with width which creates issue with the broken box model (IE5 or IE6 in quirks mode) 
+	 * so imho, setting this style using the child combinator (i.e., div > h1) should be the best way to do it, but unfortunately IE 6 does not support such syntax, so I have to go with the following + a reset (see next rule)  
+	 */
+	h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, fieldset, address {padding:0 30px;}
+
+	/* this is to reset the left/right gaps (created by the previous and next rules) on nested elements
+	 */
+	dd p, dd pre, dd ul, dd ol, dd dl, li p, li pre, li ul, li ol, li dl, fieldset p, fieldset ul, fieldset ol {
+		padding-right: 0;
+		padding-left: 0;
+	}
+
+	/* These should be self explanatory
+	 */
+	dd {
+		padding-left: 20px;
+		margin-top: .5em;
+	}
+
+	li {margin-left:30px;}
+
+	/* we cannot use padding on a table to create left and right gaps (as we do with the elements above), instead we use margin 
+	 */ 
+	table {
+		margin-right: 30px;
+		margin-left: 30px;
+	} 
+
+	/* we use margin for hr for the same reason we do for table 
+	 */
+	hr {
+		margin-right: 30px;
+		margin-left: 30px;
+		border-style: inset;
+		border-width: 1px;
+	}
+
+	/* top margin solution */
+	/* this is my approach to create white space between elements, you do not have to adhere to it
+	 * rather than stylling these elements with top and bottom margin, or simply bottom margin I only use top margin
+	 */
+	h1, h2, h3, h4, h5, h6, p, pre, dt, li, hr, legend, input, button, textarea, select, address, table {margin-top: 1.2em;}
+
+	/* top padding solution */
+	/* this is a different approach which may be less frustrating for novice because it avoids running into collapsing margin and allows to clear floats while preserving space above the element
+	 * if you decide to give this a try, then comment out the above rule and uncomment the two next ones
+	 */
+	 /* 
+	 h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li, legend, address {padding-top: 1.2em;}
+	 hr, input, button, textarea, select, table {margin-top: 1.2em;}
+	 */
+
+	/* form elements
+	 * this should not affect the layout of the labels unless you style them in a way that padding applies
+	 * if I include this here it is mostly because when labels are styled with float and clear, top padding creates a gap between labels (bottom margin would, but not top margin)
+	 */
+	label {padding-top: 1.2em;}
+
+	/* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets) 
+	 */
+	fieldset {line-height: 1;}
+
+	/* vertical alignment of checkboxes (a different value is served to IE 7)
+	 */
+	input[type="checkbox"] {
+		vertical-align: bottom; 
+		*vertical-align: baseline;
+	}
+
+	/* vertical alignment of radio buttons
+	 */
+	input[type="radio"] {vertical-align: text-bottom;}
+
+	/* vertical alignment of input fields for IE 6
+	 */
+	input {_vertical-align: text-bottom;}
+
+	/* a specific font-size is set for these elements
+	 * the line-height is to override FF's default styling
+	 */
+	input, button, textarea, select, optgroup, option {
+		font-size: .9em;
+		line-height: 1.4 !important;
+	}
+
+	/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
+	 * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
+	 * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
+	 */
+	button,
+	input[type="submit"],
+	input[type="reset"],
+	input[type="button"],
+	.inputButton {
+		*overflow: visible;
+		_width: 0;
+		padding: .2em .4em;
+	}
+
+	/* classes
+	 * to style elements with the default padding and margin we set on headings, paragraphs, lists, etc.
+	 * for example, this class could be used on a DIV inside a blockquote or a DIV inside a FORM, etc.
+	 */
+	.block {
+		padding: 0 30px;
+		margin-top: 1.2em;
+	}
+
+	/* to swap padding for margin
+	 * for example, this class could be used on a heading you'd style with a bottom border
+	 */
+	.padding2margin {
+		margin-right: 30px;
+		margin-left: 30px;
+		padding-right: 0;
+		padding-left: 0;
+	}
+	/* list items are styled by default with markers (disc, etc.) and left margin
+	 * if you apply the class "noMarker" to a list, its items won't display markers and won't have left margin
+	 */
+	.noMarker li {
+		list-style: none;
+		margin-left: 0;
+	}

package/dist/themes/quizwitz/remote.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<!--
+	NOTES:
+	1. All tokens are represented by '$' sign in the template.
+	2. You can write your code only wherever mentioned.
+	3. All occurrences of existing tokens will be replaced by their appropriate values.
+	4. Blank lines will be removed automatically.
+	5. Remove unnecessary comments before creating your template.
+-->
+<html>
+<head>
+<meta charset="UTF-8">
+<meta name="authoring-tool" content="Adobe_Animate_CC">
+<title>remote</title>
+<!-- write your code here -->
+<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
+<script src="remote.js"></script>
+<script>
+var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
+function init() {
+	canvas = document.getElementById("canvas");
+	anim_container = document.getElementById("animation_container");
+	dom_overlay_container = document.getElementById("dom_overlay_container");
+	var comp=AdobeAn.getComposition("5F84D68D1234D9449986F9EAC842AF45");
+	var quizwitzremote=comp.getLibrary();
+	var loader = new createjs.LoadQueue(false);
+	loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
+	loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
+	var quizwitzremote=comp.getLibrary();
+	loader.loadManifest(quizwitzremote.properties.manifest);
+}
+function handleFileLoad(evt, comp) {
+	var images=comp.getImages();	
+	if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }	
+}
+function handleComplete(evt,comp) {
+	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
+	var quizwitzremote=comp.getLibrary();
+	var ss=comp.getSpriteSheet();
+	var queue = evt.target;
+	var ssMetadata = quizwitzremote.ssMetadata;
+	for(i=0; i<ssMetadata.length; i++) {
+		ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
+	}
+	exportRoot = new quizwitzremote.remote();
+	stage = new quizwitzremote.Stage(canvas);
+	stage.enableMouseOver();	
+	//Registers the "tick" event listener.
+	fnStartAnimation = function() {
+		stage.addChild(exportRoot);
+		createjs.Ticker.framerate = quizwitzremote.properties.fps;
+		createjs.Ticker.addEventListener("tick", stage);
+	}	    
+	//Code to support hidpi screens and responsive scaling.
+	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
+	AdobeAn.compositionLoaded(quizwitzremote.properties.id);
+	fnStartAnimation();
+}
+</script>
+<!-- write your code here -->
+</head>
+<body onload="init();" style="margin:0px;">
+	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:854px; height:480px">
+		<canvas id="canvas" width="854" height="480" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
+		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:854px; height:480px; position: absolute; left: 0px; top: 0px; display: block;">
+		</div>
+	</div>
+</body>
+</html>