|
|
|
|
@@ -1,103 +1,137 @@
|
|
|
|
|
<div class='max-height fill-me'>
|
|
|
|
|
<div class='row max-width grow flex-center'>
|
|
|
|
|
<div class='columns small-centered small-12 smedium-9 medium-11 large-7'>
|
|
|
|
|
<div class='row'>
|
|
|
|
|
<div class='columns small-centered small-12 smedium-11 medium-9 large-7'>
|
|
|
|
|
<div class='row' id = "theme-chooser">
|
|
|
|
|
<span class='columns small-6' data-translation="theme"></span>
|
|
|
|
|
<span class='columns small-6'>
|
|
|
|
|
<label id = 'theme-radio-template'><input type="radio" class='setting' name='theme'></label>
|
|
|
|
|
<span class='columns small-6 text-right'>
|
|
|
|
|
<!--<label id='theme-radio-template'><input type="radio" class='setting' name='theme'></label>-->
|
|
|
|
|
<div id = 'theme-name'></div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='row'>
|
|
|
|
|
<span class='columns small-6' data-translation="sound"></span>
|
|
|
|
|
<span class='columns small-6 text-right'>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<!--<div data-view="img/speaker.svg"></div>-->
|
|
|
|
|
<input type="checkbox" class="setting" id="play-sound" name='play-sound' value="1" data-default="1">
|
|
|
|
|
<span class="slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--<div class='row'>-->
|
|
|
|
|
<!--<span class='columns small-6' data-translation="language"></span>-->
|
|
|
|
|
<!--<span class='columns small-6'>-->
|
|
|
|
|
<!--<label id = 'language-radio-template'><input type="radio" class='setting' name='language'></label>-->
|
|
|
|
|
<!--</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button id = 'reset-levels' class = "button" data-translation="reset-levels"></button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class='row'>
|
|
|
|
|
<span class='columns small-6' data-translation="music"></span>
|
|
|
|
|
<span class='columns small-6 text-right'>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<!--<div data-view="img/music.svg"></div>-->
|
|
|
|
|
<input type="checkbox" class="setting" id="play-music" name='play-music' value="1" data-default="1">
|
|
|
|
|
<span class="slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='row' id='credits-button'>
|
|
|
|
|
<span class='columns small-6' data-translation="credits"></span>
|
|
|
|
|
<span class='columns small-6 text-right' data-translation=">"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='row' id='privacy-policy-button'>
|
|
|
|
|
<span class='columns small-6' data-translation="privacy-policy"></span>
|
|
|
|
|
<span class='columns small-6 text-right' data-translation=">"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='row' id='impressum-button'>
|
|
|
|
|
<span class='columns small-6' data-translation="impressum"></span>
|
|
|
|
|
<span class='columns small-6 text-right' data-translation=">"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='row'>
|
|
|
|
|
<span class='columns small-6' data-translation="track"></span>
|
|
|
|
|
<span class='columns small-6 text-right'>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<!--<div data-view="img/music.svg"></div>-->
|
|
|
|
|
<input type="checkbox" class="setting" id="track-switch" name='matomoShouldTrack' value="1" data-default="1" data-raw="1">
|
|
|
|
|
<span class="slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--<iframe-->
|
|
|
|
|
<!--style="border: 0; height: 200px; width: 600px;"-->
|
|
|
|
|
<!--src="https://matomo.silas.link/index.php?module=CoreAdminHome&action=optOut&language=de&backgroundColor=&fontColor=&fontSize=&fontFamily="-->
|
|
|
|
|
<!--></iframe>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button id='reset-levels' class="button" data-translation="reset-levels"></button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--<label class='row'>-->
|
|
|
|
|
<!--<span class='columns small-6' data-translation="ignore-card-always"></span>-->
|
|
|
|
|
<!--<span class='columns small-6'><input type="checkbox" class='setting' name='ignore-card-always'-->
|
|
|
|
|
<!--value='true'></span>-->
|
|
|
|
|
<!--<span class='columns small-6' data-translation="ignore-card-always"></span>-->
|
|
|
|
|
<!--<span class='columns small-6'><input type="checkbox" class='setting' name='ignore-card-always'-->
|
|
|
|
|
<!--value='true'></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--<br/>-->
|
|
|
|
|
|
|
|
|
|
<!--<label class='row'>-->
|
|
|
|
|
<!--<span class='columns small-6' data-translation="use-included-latex"></span>-->
|
|
|
|
|
<!--<span class='columns small-6'><input type="checkbox" class='setting' name='use-included-latex' data-default="true" value="true"></span>-->
|
|
|
|
|
<!--<span class='columns small-6' data-translation="use-included-latex"></span>-->
|
|
|
|
|
<!--<span class='columns small-6'><input type="checkbox" class='setting' name='use-included-latex' data-default="true" value="true"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
|
|
|
|
|
<!--<div class='row'>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-1-text"-->
|
|
|
|
|
<!--data-default="ignore-card-1" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-1-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-1-time" data-default="120">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-1-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-1-text"-->
|
|
|
|
|
<!--data-default="ignore-card-1" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-1-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-1-time" data-default="120">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-1-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class='row'>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-2-text"-->
|
|
|
|
|
<!--data-default="ignore-card-2" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-2-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-2-time" data-default="1440">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-2-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-2-text"-->
|
|
|
|
|
<!--data-default="ignore-card-2" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-2-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-2-time" data-default="1440">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-2-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class='row'>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-3-text"-->
|
|
|
|
|
<!--data-default="ignore-card-3" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-3-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-3-time" data-default="7200">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-3-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-3-text"-->
|
|
|
|
|
<!--data-default="ignore-card-3" data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-3-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-3-time" data-default="7200">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-3-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class='row'>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-4-text" data-default="ignore-card-4"-->
|
|
|
|
|
<!--data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-4-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-4-time" data-default="525600">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-4-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="text" class='setting' required name="ignore-button-4-text" data-default="ignore-card-4"-->
|
|
|
|
|
<!--data-default-translateable="1">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-4-text"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="columns small-12 smedium-6">-->
|
|
|
|
|
<!--<label>-->
|
|
|
|
|
<!--<input type="number" class='setting' required name="ignore-button-4-time" data-default="525600">-->
|
|
|
|
|
<!--<span data-translation="settings-ignore-button-4-time"></span>-->
|
|
|
|
|
<!--</label>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|