54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<div class='max-height overflow-hidden'>
|
|
<!-- Templates for segments-->
|
|
<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-column-template' class='segment segment-column'>
|
|
<div class='child-container'></div>
|
|
</div>
|
|
<div id='segment-triangle-template' class='segment segment-triangle'>
|
|
<div class='child-container'></div>
|
|
</div>
|
|
|
|
<div id = 'tutorial-pointer'></div>
|
|
<!-- Site Content -->
|
|
<div class='max-height fill-me'>
|
|
<!-- <div class="text-right max-width">-->
|
|
<!-- <button class="button show-while-playing" id='help-button'>-->
|
|
<!-- <img src = "../../img/help.png"/>-->
|
|
<!-- </button>-->
|
|
<!-- </div>-->
|
|
<div class = 'height-20 no-transition tutorial-text center flex-center hidden'>
|
|
<div class = 'step-1 hidden translation' data-translation="tutorial-step-1"></div>
|
|
<div class = 'step-2 hidden translation' data-translation="tutorial-step-2"></div>
|
|
<div class = 'step-3 hidden translation' data-translation="tutorial-step-3"></div>
|
|
<div class = 'step-4 hidden translation' data-translation="tutorial-step-4"></div>
|
|
</div>
|
|
<div class='height-20 show-when-won center flex-center fill-me' style = 'min-height: 45px'>
|
|
<div class = 'grow max-width'>
|
|
<b class="translation" data-translation="won" id="won-text"></b>
|
|
</div>
|
|
<div id='coin-container'>
|
|
<div id='coin-template' class='coin' style="opacity: 0">
|
|
<img src='../../img/coin.png'/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-center level-container grow">
|
|
<div id='level'>
|
|
</div>
|
|
</div>
|
|
<div class='show-when-won flex-center height-20'>
|
|
<button class='button max-width translation' id='continue-button' data-translation="continue"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class = 'tutorial-blanket'></div>
|
|
|
|
</div> |