hashirama/reanimate
Watch
1
0
Fork
You've already forked reanimate
 0
mirror of https://github.com/reanimate/reanimate.git synced 2026-09-14 09:32:22 +00:00
Code Issues Projects Releases Wiki Activity

Deploying to gh-pages from @ 3391fd77b1 🚀

Browse source
This commit is contained in:
Lemmih 2020-08-22 04:48:12 +00:00
commit 2d5d49a84c
5 changed files with 50 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

71
playground/index.html
View file

@ -93,29 +93,7 @@
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<!--
Title
Url
Code
-->
<div class="snippet-container">
<!-- <div>
<span>drawBox</span>
<img src="https://reanimate.clozecards.com/EwyRzmx8zxM/30.svg">
</div>
<div>
<span>drawCircle</span>
<img src="https://reanimate.clozecards.com/EwyRzmx8zxM/50.svg">
</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div> -->
</div>
</section>
<!-- <footer class="modal-card-foot">
@ -136,66 +114,57 @@
app.newCode(myCodeMirror.getValue());
const mediaButtons = document.querySelector('.media-buttons');
myCodeMirror.on('change', function () {
document.querySelector('.media-buttons').classList.remove('paused');
mediaButtons.classList.remove('paused');
app.pause();
app.newCode(myCodeMirror.getValue());
});
renderSnippets(document.querySelector('.snippet-container'), myCodeMirror);
document.getElementById('play').onclick = function () {
document.querySelector('.media-buttons').classList.toggle('paused');
mediaButtons.classList.toggle('paused');
app.play();
};
document.getElementById('pause').onclick = function () {
document.querySelector('.media-buttons').classList.toggle('paused');
mediaButtons.classList.toggle('paused');
app.pause();
};
document.getElementById('seek1').onclick = function () {
document.querySelector('.media-buttons').classList.add('paused');
mediaButtons.classList.add('paused');
app.pause();
app.seek1();
};
document.getElementById('seek10').onclick = function () {
document.querySelector('.media-buttons').classList.add('paused');
mediaButtons.classList.add('paused');
app.pause();
app.seek10();
};
document.getElementById('seek-1').onclick = function () {
document.querySelector('.media-buttons').classList.add('paused');
mediaButtons.classList.add('paused');
app.pause();
app.seek_1();
};
document.getElementById('seek-10').onclick = function () {
document.querySelector('.media-buttons').classList.add('paused');
mediaButtons.classList.add('paused');
app.pause();
app.seek_10();
};
document.getElementById('help').onclick = function () {
document.querySelector('#help-modal').classList.add('is-active');
};
document.querySelector('#help-modal .modal-background').onclick = function () {
document.querySelector('#help-modal').classList.remove('is-active');
};
document.querySelector('#help-modal .modal-close').onclick = function () {
document.querySelector('#help-modal').classList.remove('is-active');
};
document.querySelector('#help-modal .delete').onclick = function () {
document.querySelector('#help-modal').classList.remove('is-active');
const helpIcon = document.getElementById('help');
const helpModal = document.querySelector('#help-modal');
helpIcon.onclick = function () {
openModal(helpModal);
};
configureModal(helpModal);
document.getElementById('examples').onclick = function () {
document.querySelector('#examples-modal').classList.add('is-active');
};
document.querySelector('#examples-modal .modal-background').onclick = function () {
document.querySelector('#examples-modal').classList.remove('is-active');
};
document.querySelector('#examples-modal .modal-close').onclick = function () {
document.querySelector('#examples-modal').classList.remove('is-active');
};
document.querySelector('#examples-modal .delete').onclick = function () {
document.querySelector('#examples-modal').classList.remove('is-active');
const examplesIcon = document.getElementById('examples')
const examplesModal = document.getElementById('examples-modal')
examplesIcon.onclick = function () {
openModal(examplesModal);
};
configureModal(examplesModal)
</script>
<script>