Ainias/wordRotator
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

to pc

Browse Source
This commit is contained in:
silas 2018-07-11 20:51:55 +02:00
parent 50783c6ff2
commit 31691c465b
6 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/wordRotator.css
View File

File diff suppressed because one or more lines are too long

2
public/html/application/level.html
View File

@ -1 +1 @@
<div class=max-height><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class=max-height><div class="show-when-won height-20 center flex-center"><b data-translation=won id=won-text></b></div><div class="flex-center height-60"><div id=level></div></div><div class="show-when-won flex-center height-20"><button class=button id=continue-button data-translation=continue></button></div></div></div>
<div class="max-height overflow-hidden"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class=max-height><div class="show-when-won height-20 center flex-center"><b data-translation=won id=won-text></b></div><div class="flex-center height-60"><div id=level></div></div><div class="show-when-won flex-center height-20"><button class=button id=continue-button data-translation=continue></button></div></div></div>

12
public/js/app.js
View File

@ -3834,6 +3834,18 @@ class LevelSite extends AbstractSite$1 {
}
onConstruct(args) {
let a0 = -1;
let a1 = 1;
for(let i = 0; i < 10; i++)
{
let tmp = 3*a1-2*a0;
console.log("reg", i+2, tmp);
console.log("other", i+2, Math.pow(2, i+3)-3);
a0=a1;
a1=tmp;
}
this.levelCounter = Helper.nonNull(localStorage.getItem("levelCounter"), 1);
return super.onConstruct(args);
}

2
src/module/Application/pwa/html/application/level.html
View File

@ -1,4 +1,4 @@
<div class='max-height'>
<div class='max-height overflow-hidden'>
<!-- Templates for segments-->
<div id='segment-leaf-template' class='segment segment-leaf'>
<div class='leaf-element'></div>

12
src/module/Application/pwa/js/site/LevelSite.js
View File

@ -25,6 +25,18 @@ export class LevelSite extends AbstractSite {
}
onConstruct(args) {
let a0 = -1;
let a1 = 1;
for(let i = 0; i < 10; i++)
{
let tmp = 3*a1-2*a0;
console.log("reg", i+2, tmp);
console.log("other", i+2, Math.pow(2, i+3)-3);
a0=a1;
a1=tmp;
}
this.levelCounter = Helper.nonNull(localStorage.getItem("levelCounter"), 1);
return super.onConstruct(args);
}

1
src/scss/wordRotator.scss
View File

@ -28,6 +28,7 @@ $animationDuration: 0.25s;
&.rotating {
z-index: 10 !important;
overflow: hidden;
vertical-align:top;
@for $i from 1 through length($rotationDegrees) {
&.rotate-#{nth($rotationDegrees, $i)} {