<html><head>
<script async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75065234-3', 'auto');
ga('send', 'pageview', '/breechloadingspace.html');
</script>
<script>
window.goatcounter = {
path: '/breechloadingspace.html'
};
</script>
<script data-goatcounter="https://htmlpasta.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75065234-3', 'auto');
ga('send', 'pageview', '/overwroughtleaftailedgecko.html');
</script>
<script>
window.goatcounter = {
path: '/overwroughtleaftailedgecko.html'
};
</script>
<script data-goatcounter="https://htmlpasta.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script></head><body>
<header>
<div>
<div>
<a href="./"><img src="logo.png"></a>
</div>
<div>
<a href="https://youtube.com/channel/UC7rabCHtjfYgwpTOChvaDmw" target="_blank" class="button_big">YOUTUBE</a>
<a href="https://github.com/josephcrosmanplays532/Goanimate4schools-" target="_blank" class="button_big">click here to view the soruce code on github</a>
<a class="button_small" onclick="document.getElementById('file').click()">UPLOAD A MOVIE</a>
<div class="char_dropdown button_small">
<div>CREATE A CHARACTER</div>
<menu>
<a href="/cc?themeId=family&bs=adam">Adam</a>
<a href="/cc?themeId=family&bs=eve">Eve</a>
<a href="/cc?themeId=family&bs=bob">Bob</a>
<a href="/cc?themeId=family&bs=rocky">Rocky</a>
<div></div>
<a href="/cc?themeId=business&bs=default">Business</a>
<a href="/cc?themeId=business&bs=heavy">Heavy</a>
<a href="/cc?themeId=business&bs=kid">Kid</a>
<div></div>
<a href="/cc?themeId=whiteboard&bs=default">Whiteboard</a>
<a href="/cc?themeId=whiteboard&bs=kid">Whiteboard (Kid)</a>
<div></div>
<a href="/cc?themeId=anime&bs=guy">Guy (Anime)</a>
<a href="/cc?themeId=anime&bs=girl">Girl (Anime)</a>
<div></div>
<a href="/cc?themeId=ninjaanime&bs=guy">Guy (Ninja Anime)</a>
<a href="/cc?themeId=ninjaanime&bs=girl">Girl (Ninja Anime)</a>
<div></div>
<a href="/cc?themeId=cc2&bs=default">Lil Peepz</a>
<div></div>
<a href="/cc?themeId=chibi&bs=default">Chibi Peepz</a>
<div></div>
<a href="/cc?themeId=ninja&bs=default">Chibi Ninjas</a>
<div></div>
</menu>
</div>
<a href="/videomaker/full/whiteboard" class="button_big">MAKE A VIDEO</a>
</div>
</div>
<div class="warning">
GoAnimate4Schools remastered is currently in Public Beta testing. Please expect bugs, downtime, video deletion, and missing features.
It is recomended you download your videos .xml files to back them up.
NOTE: this LVM is for computers only. so if this applcation gets hosted on herokuapp or evennode, it wont work. but its okay to host this in 000webhost<br>
</div>
</header>
<table>
<thead>
<tr>
<td></td>
<td>Video Title</td>
<td>Last Modified</td>
<td></td>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<td colspan="127"><a id="load_more" href="javascript:;">LOAD MORE...</a></td>
</tr>
</tfoot>
</table>
<form enctype="multipart/form-data" action="/upload_movie" method="post">
<input id="file" type="file" onchange="this.form.submit()" name="import">
</form>
<script>
const closeReq = new XMLHttpRequest();
closeReq.open('GET', '/events/close');
closeReq.send();
var json;
var tbody = document.getElementsByTagName('tbody')[0];
var loadMore = document.getElementById('load_more');
const listReq = new XMLHttpRequest();
listReq.open('GET', '/movieList');
listReq.send();
var C = 0;
function loadRows() {
let c = C; C += 69;
for (; c < C; c++) {
if (c > json.length - 1) {
loadMore.remove();
break;
}
const tbl = json[c];
const date = tbl.date.substr(0, 10) + ' ' + tbl.date.substr(11);
tbody.insertAdjacentHTML('beforeend',
'<tr><td><img src="/movie_thumbs/' + tbl.id + '"></td><td><div>' + tbl.title + '</div><div>' + tbl.durationString + '</div></div></td><td><span>' + date.match(/./g).join('</span><span>') + '</span></td><td><a href="javascript:;" onclick="popup(\'' + tbl.id + '\')"></a><a href="/go_full?movieId=' + tbl.id + '"></a><a href="/movies/' + tbl.id + '.xml" download="' + tbl.title + '"></a></td></tr>');
}
}
loadMore.onclick = loadRows;
listReq.onreadystatechange = function (e) {
if (listReq.readyState != 4) return;
json = JSON.parse(listReq.responseText);
loadRows();
}
function popup(id) {
window.open('/player?movieId=' + id, 'MsgWindow', 'width=1280,height=720,left=' + (screen.width / 2 - 640) + ',top=' + (screen.height / 2 - 360));
}
</script>
<style>
html {
font-family: 'Sailec', Arial, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background-color: #fff;
color: #474747;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
position: relative;
}
header {
position: fixed;
top: 0;
width: 100%;
}
header>:nth-child(1) {
height: 44px;
align-content: center;
background-color: #1e1e1e;
color: #fff;
text-align: center;
display: inline-block;
width: 100%;
}
header>:nth-child(1)>:nth-child(1) {
float: left;
}
header>:nth-child(1)>:nth-child(1)>:nth-child(1)>* {
margin-left: 10px;
margin-top: 7px;
height: 30px;
}
header>:nth-child(1)>:nth-child(2) {
margin-right: 20px;
float: right;
}
.button_big,
.button_small {
margin-left: 10px;
margin-top: 7px;
display: inline-block;
padding-top: 5px;
padding-bottom: 3px;
border-radius: 3px;
font-size: 14px;
text-decoration: none;
color: #fff;
}
.button_big {
background-color: #d85e27;
width: 160px;
}
.button_big:hover {
text-decoration: underline;
}
.button_small:hover {
color: #d85e27;
}
.button_big:hover,
.button_small:hover {
cursor: pointer;
}
.char_dropdown {
width: 200px;
}
.char_dropdown:hover>:nth-child(1) {
cursor: context-menu;
color: #d85e27;
}
.char_dropdown>menu {
position: relative;
display: none;
top: 100%;
left: 0;
z-index: 1000;
float: left;
width: 190px;
padding: 10px 0;
margin: 9px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.char_dropdown:hover>menu {
display: block;
}
.char_dropdown>menu>a {
display: block;
padding: 2px 20px;
clear: both;
font-weight: normal;
color: #333;
text-decoration: none;
}
.char_dropdown>menu>a:hover {
color: #d85e27;
background-color: #f5f5f5;
}
.char_dropdown>menu>div {
height: 1px;
margin: 10px 0;
background-color: #e5e5e5;
}
.warning {
font-size: 14px;
padding: 10px 0;
background-color: #fd7;
text-align: center;
}
.warning::before {
font-family: 'GlyphiconsRegular';
padding-right: 4px;
content: '\E079';
font-size: 12px;
}
.warning>a {
color: #5596e6;
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 127px;
margin-right: auto;
margin-left: auto;
margin-top: 127px;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}
@media(min-width: 768px) {
table {
width: 750px;
}
}
@media(min-width: 992px) {
table {
width: 970px;
}
}
@media(min-width: 1200px) {
table {
width: 1170px;
}
}
thead {
font-weight: 200;
}
td {
padding: 8px;
vertical-align: middle;
line-height: 1.42857143;
}
thead {
border-bottom: 2px solid #ddd;
border-top: 1px solid #ddd;
}
tbody>tr {
border-top: 0;
border-bottom: 1px solid #ddd;
}
tbody>tr:hover {
background-color: #f5f5f5;
}
tr>:nth-child(1) {
width: 64px;
}
tr>:nth-child(1)>img {
height: 36px;
}
tr>:nth-child(1) {
word-break: break-word;
}
tr>:nth-child(2) {
color: #999;
}
tr>:nth-child(3) {
width: 250px;
}
tr>:nth-child(3)>* {
display: inline-block;
text-align: center;
font-size: 12px;
width: 8.5px;
}
tr>:nth-child(4) {
font-family: 'GlyphiconsRegular';
text-decoration: none;
padding-top: 5px;
font-size: 14px;
width: 80px;
}
tr>:nth-child(4)>a {
display: inline-block;
text-decoration: none;
padding-right: 10px;
color: #474747;
}
tr>:nth-child(4)>a:hover {
color: #d85e27;
}
tr>:nth-child(4)>:nth-child(1)::before {
content: '\E174';
}
tr>:nth-child(4)>:nth-child(2)::before {
content: '\E235';
}
tr>:nth-child(4)>:nth-child(3)::before {
content: '\E182';
}
tfoot>tr>td {
text-align: center;
border: none;
}
tfoot>tr>td>a {
text-decoration: none;
color: #474747;
font-size: 14px;
}
form {
display: none;
}
@font-face {
font-family: 'Sailec';
font-weight: 100;
src: url('./Sailec-Thin.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 200;
src: url('./Sailec-Light.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 400;
src: url('./Sailec-Regular.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 500;
src: url('./Sailec-Medium.woff') format('woff');
}
/* font weight 500 and font weight 700 (bold) are the same for better integration support */
@font-face {
font-family: 'Sailec';
font-weight: 700;
src: url('./Sailec-Medium.woff') format('woff');
}
@font-face {
font-family: 'GlyphiconsRegular';
src: url('./glyphicons-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
<div class="nsc-panel nsc-panel-compact nsc-hide">
<div class="nsc-panel-move"></div>
<div class="nsc-panel-tooltip">
<div class="nsc-panel-tooltip-layout" layout="row" layout-align="start center">CTRL+V to toggle the panel</div>
</div>
<div class="nsc-panel-layout" flex="" layout="row" layout-align="start center">
<div class="nsc-panel-groups" flex="" layout="row" layout-align="start start">
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<div class="nsc-panel-button separated active">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-cursor-normal" data-i18n="videoPanelSimpleCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorDefault">Â </span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow">Â </span>
</div>
</div>
<div class="nsc-panel-dropdown to-top">
<ul flex="" layout="row" layout-align="start center">
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-shade" data-i18n="videoPanelFocusMouse" data-event="nimbus-editor-active-tools" data-event-param="cursorShadow">Â </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-circle" data-i18n="videoPanelAnimatedCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorRing">Â </span>
</li>
<!--<li class="nsc-panel-dropdown-icon " flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-tail"></span>-->
<!--</li>-->
<!--<li class="nsc-panel-dropdown-icon " flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-long"></span>-->
<!--</li>-->
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-normal" data-i18n="videoPanelSimpleCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorDefault">Â </span>
</li>
<!--<li class="nsc-panel-dropdown-icon" flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-none" data-event="nimbus-editor-active-tools" data-event-param="cursorNone"></span>-->
<!--</li>-->
</ul>
</div>
</div>
</div>
<!-- /group -->
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-pen" data-i18n="videoPanelPen" data-event="nimbus-editor-active-tools" data-event-param="pen">Â </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-arrow-line" data-i18n="videoPanelArrow" data-event="nimbus-editor-active-tools" data-event-param="arrow">Â </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-square" data-i18n="videoPanelSquare" data-event="nimbus-editor-active-tools" data-event-param="square">Â </span>
</button>
<div class="nsc-panel-button separated">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-attention" data-i18n="videoPanelMark" data-event="nimbus-editor-active-tools" data-event-param="notifRed">Â </span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow">Â </span>
</div>
</div>
<div class="nsc-panel-dropdown to-top">
<ul flex="" layout="row" layout-align="start center">
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-attention" data-i18n="videoPanelMark" data-event="nimbus-editor-active-tools" data-event-param="notifRed">Â </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-question" data-i18n="videoPanelQuestion" data-event="nimbus-editor-active-tools" data-event-param="notifBlue">Â </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-done" data-i18n="videoPanelCheckmark" data-event="nimbus-editor-active-tools" data-event-param="notifGreen">Â </span>
</li>
</ul>
</div>
</div>
<div class="nsc-panel-button assembled">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-fill-none nsc-panel-icon-fill">
<span class="nsc-panel-icon-fill-inner" id="nsc_panel_button_colors" style="background:#00FF00;" data-event="nimbus-editor-active-color" data-event-param="#00FF00">Â </span>
</span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow">Â </span>
</div>
</div>
<div class="nsc-panel-dropdown">
<div class="nsc-panel-drop-area">
<div class="nsc-panel-colors">
<!-- picked -->
<div class="nsc-colors-picked">
<div class="nsc-colors-picked-layout" flex="" layout="row" layout-align="start start" layout-wrap="">
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#000000">
<span class="nsc-colors-picked-button-inner" style="background: #000000;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#0000FF">
<span class="nsc-colors-picked-button-inner" style="background: #0000FF;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FF00FF">
<span class="nsc-colors-picked-button-inner" style="background: #FF00FF;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#00FFFF">
<span class="nsc-colors-picked-button-inner" style="background: #00FFFF;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#00FF00">
<span class="nsc-colors-picked-button-inner" style="background: #00FF00;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FFFF00">
<span class="nsc-colors-picked-button-inner" style="background: #FFFF00;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FF0000">
<span class="nsc-colors-picked-button-inner" style="background: #FF0000;">Â </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FFFFFF">
<span class="nsc-colors-picked-button-inner" style="background: #FFFFFF;">Â </span>
</button>
</div>
<!--<div class="nsc-colors-picked-item">-->
<!--<button class="nsc-colors-picked-button custom" type="button"> -->
<!--<i class="nsc-icon ic-color-custom"></i> -->
<!--</button>-->
<!--</div>-->
</div>
</div>
<!-- /picked -->
</div>
</div>
</div>
</div>
</div>
<!-- /group -->
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<button class="nsc-panel-button nsc-hide" type="button">
<span class="nsc-icon nsc-icon-eraser" data-i18n="videoPanelClear" data-event="nimbus-editor-active-tools" data-event-param="clear">Â </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-eraser-all" data-i18n="videoPanelClearAll" data-event="nimbus-editor-active-tools" data-event-param="clearAll">Â </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-webcam" data-i18n="videoPanelCamera" id="nimbus_web_camera_toggle">Â </span>
</button>
</div>
<!-- /group -->
</div>
<div class="nsc-panel-actions" flex="none" layout="row" layout-align="start center">
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_play" style="display: none;">
<span class="nsc-icon nsc-icon-play">Â </span>
</button>
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_pause">
<span class="nsc-icon nsc-icon-pause">Â </span>
</button>
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_stop">
<span class="nsc-icon nsc-icon-stop">Â </span>
</button>
</div>
<!-- panel togglers -->
<div class="nsc-panel-togglers" layout="row" layout-align="start center" flex="none">
<button class="nsc-panel-toggle-button" type="button">
<span class="nsc-icon nsc-icon-panel-close" data-i18n="videoPanelHideShowPanel">Â </span>
</button>
</div>
<!-- /panel togglers -->
</div>
</div>
<div class="nsc-video-editor nsc-hide"></div><div class="nsc-content-camera nsc-hide">
<div class="nsc-content-camera-buttons" flex="none" layout="row" layout-align="start start">
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_collapse" style="display: none">
<span class="nsc-icon nsc-icon-panel-collapse"></span>
</button>
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_expand">
<span class="nsc-icon nsc-icon-panel-expand"></span>
</button>
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_close">
<span class="nsc-icon nsc-icon-panel-close"></span>
</button>
</div>
<div class="nsc-content-camera-container">
<div class="nsc-content-camera-shadow"></div>
</div>
</div>
<div class="nsc-panel nsc-panel-compact nsc-hide">
<div class="nsc-panel-move"></div>
<div class="nsc-panel-tooltip">
<div class="nsc-panel-tooltip-layout" layout="row" layout-align="start center">CTRL+V to toggle the panel</div>
</div>
<div class="nsc-panel-layout" flex="" layout="row" layout-align="start center">
<div class="nsc-panel-groups" flex="" layout="row" layout-align="start start">
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<div class="nsc-panel-button separated active">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-cursor-normal" data-i18n="videoPanelSimpleCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorDefault"> </span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow"> </span>
</div>
</div>
<div class="nsc-panel-dropdown to-top">
<ul flex="" layout="row" layout-align="start center">
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-shade" data-i18n="videoPanelFocusMouse" data-event="nimbus-editor-active-tools" data-event-param="cursorShadow"> </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-circle" data-i18n="videoPanelAnimatedCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorRing"> </span>
</li>
<!--<li class="nsc-panel-dropdown-icon " flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-tail"></span>-->
<!--</li>-->
<!--<li class="nsc-panel-dropdown-icon " flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-long"></span>-->
<!--</li>-->
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-cursor-normal" data-i18n="videoPanelSimpleCursor" data-event="nimbus-editor-active-tools" data-event-param="cursorDefault"> </span>
</li>
<!--<li class="nsc-panel-dropdown-icon" flex layout="row" layout-align="start center">-->
<!--<span class="nsc-icon nsc-icon-cursor-none" data-event="nimbus-editor-active-tools" data-event-param="cursorNone"></span>-->
<!--</li>-->
</ul>
</div>
</div>
</div>
<!-- /group -->
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-pen" data-i18n="videoPanelPen" data-event="nimbus-editor-active-tools" data-event-param="pen"> </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-arrow-line" data-i18n="videoPanelArrow" data-event="nimbus-editor-active-tools" data-event-param="arrow"> </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-square" data-i18n="videoPanelSquare" data-event="nimbus-editor-active-tools" data-event-param="square"> </span>
</button>
<div class="nsc-panel-button separated">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-attention" data-i18n="videoPanelMark" data-event="nimbus-editor-active-tools" data-event-param="notifRed"> </span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow"> </span>
</div>
</div>
<div class="nsc-panel-dropdown to-top">
<ul flex="" layout="row" layout-align="start center">
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-attention" data-i18n="videoPanelMark" data-event="nimbus-editor-active-tools" data-event-param="notifRed"> </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-question" data-i18n="videoPanelQuestion" data-event="nimbus-editor-active-tools" data-event-param="notifBlue"> </span>
</li>
<li class="nsc-panel-dropdown-icon" flex="" layout="row" layout-align="start center">
<span class="nsc-icon nsc-icon-done" data-i18n="videoPanelCheckmark" data-event="nimbus-editor-active-tools" data-event-param="notifGreen"> </span>
</li>
</ul>
</div>
</div>
<div class="nsc-panel-button assembled">
<div class="nsc-panel-select" flex="" layout="row">
<div class="nsc-panel-text nsc-noselect" flex="" layout="row" layout-align="center center">
<span class="nsc-icon nsc-icon-fill-none nsc-panel-icon-fill">
<span class="nsc-panel-icon-fill-inner" id="nsc_panel_button_colors" style="background:#00FF00;" data-event="nimbus-editor-active-color" data-event-param="#00FF00"> </span>
</span>
</div>
<div class="nsc-panel-trigger">
<span class="nsc-icon nsc-icon-arrow"> </span>
</div>
</div>
<div class="nsc-panel-dropdown">
<div class="nsc-panel-drop-area">
<div class="nsc-panel-colors">
<!-- picked -->
<div class="nsc-colors-picked">
<div class="nsc-colors-picked-layout" flex="" layout="row" layout-align="start start" layout-wrap="">
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#000000">
<span class="nsc-colors-picked-button-inner" style="background: #000000;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#0000FF">
<span class="nsc-colors-picked-button-inner" style="background: #0000FF;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FF00FF">
<span class="nsc-colors-picked-button-inner" style="background: #FF00FF;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#00FFFF">
<span class="nsc-colors-picked-button-inner" style="background: #00FFFF;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#00FF00">
<span class="nsc-colors-picked-button-inner" style="background: #00FF00;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FFFF00">
<span class="nsc-colors-picked-button-inner" style="background: #FFFF00;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FF0000">
<span class="nsc-colors-picked-button-inner" style="background: #FF0000;"> </span>
</button>
</div>
<div class="nsc-colors-picked-item">
<button class="nsc-colors-picked-button" type="button" data-event="nimbus-editor-active-color" data-event-param="#FFFFFF">
<span class="nsc-colors-picked-button-inner" style="background: #FFFFFF;"> </span>
</button>
</div>
<!--<div class="nsc-colors-picked-item">-->
<!--<button class="nsc-colors-picked-button custom" type="button"> -->
<!--<i class="nsc-icon ic-color-custom"></i> -->
<!--</button>-->
<!--</div>-->
</div>
</div>
<!-- /picked -->
</div>
</div>
</div>
</div>
</div>
<!-- /group -->
<!-- group -->
<div class="nsc-panel-group" flex="none" layout="row" layout-align="start start">
<button class="nsc-panel-button nsc-hide" type="button">
<span class="nsc-icon nsc-icon-eraser" data-i18n="videoPanelClear" data-event="nimbus-editor-active-tools" data-event-param="clear"> </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-eraser-all" data-i18n="videoPanelClearAll" data-event="nimbus-editor-active-tools" data-event-param="clearAll"> </span>
</button>
<button class="nsc-panel-button" type="button">
<span class="nsc-icon nsc-icon-webcam" data-i18n="videoPanelCamera" id="nimbus_web_camera_toggle"> </span>
</button>
</div>
<!-- /group -->
</div>
<div class="nsc-panel-actions" flex="none" layout="row" layout-align="start center">
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_play">
<span class="nsc-icon nsc-icon-play"> </span>
</button>
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_pause">
<span class="nsc-icon nsc-icon-pause"> </span>
</button>
<button class="nsc-panel-button big" type="button" id="nsc_panel_button_stop">
<span class="nsc-icon nsc-icon-stop"> </span>
</button>
</div>
<!-- panel togglers -->
<div class="nsc-panel-togglers" layout="row" layout-align="start center" flex="none">
<button class="nsc-panel-toggle-button" type="button">
<span class="nsc-icon nsc-icon-panel-close" data-i18n="videoPanelHideShowPanel"> </span>
</button>
</div>
<!-- /panel togglers -->
</div>
</div>
<div class="nsc-video-editor nsc-hide"></div><div class="nsc-content-camera nsc-hide">
<div class="nsc-content-camera-buttons" flex="none" layout="row" layout-align="start start">
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_collapse" style="display: none">
<span class="nsc-icon nsc-icon-panel-collapse"></span>
</button>
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_expand">
<span class="nsc-icon nsc-icon-panel-expand"></span>
</button>
<button class="nsc-content-camera-button" type="button" id="nsc_video_camera_close">
<span class="nsc-icon nsc-icon-panel-close"></span>
</button>
</div>
<div class="nsc-content-camera-container">
<div class="nsc-content-camera-shadow"></div>
</div>
</div>
</body></html>