<html><head>
<title>Your Videos On One Offline</title>
</head>
<body>
<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://discord.gg/VBfzmEF" target="_blank" class="button_big">DISCORD</a>
<a class="button_small" onclick="document.getElementById('file').click()">UPLOAD A MOVIE</a>
<div class="dropdown_contain button_big">MAKE 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="/go_full" class="button_big">CREATE A VIDEO</a>
</div>
</div>
<div class="warning">
Welcome To One Offline Is Publish Website To Make Comedy World And Other Theme's
For Wrapper Offline Is Eric.<br>
</div>
</header>
<table>
<thead>
<tr>
<td></td>
<td>Videos 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 VIDEOS...</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-maker 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>