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

new version

Browse Source
This commit is contained in:
silas
2021-05-17 18:41:48 +02:00
parent 072932cde4
commit 71eda197fe
62 changed files with 79106 additions and 20059 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/server/public/html/abstractWindowTemplate.html
View File

@@ -1,24 +1 @@
<div class="window-container">
<div class="flex-container">
<span class="window-resize edge nw" data-direction="-1,-1">&nbsp;</span>
<span class="window-resize top grow" data-direction="0,-1">&nbsp;</span>
<span class="window-resize edge ne" data-direction="1,-1">&nbsp;</span>
</div>
<div class="flex-container grow overflow-hidden">
<div class="window-resize left" data-direction="-1,0">&nbsp;</div>
<div class="grow flex-container flex-dir-column max-width-100">
<div class="flex-container"><h4 id="title" class="grow">&nbsp;</h4></div>
<div class="window">
<span id="child-view"></span>
</div>
</div>
<div class="window-resize right" data-direction="1,0">&nbsp;</div>
</div>
<div class="flex-container">
<div class="window-resize edge sw" data-direction="-1,1">&nbsp;</div>
<div class="window-resize bottom grow" data-direction="0,1">&nbsp;</div>
<div class="window-resize edge se" data-direction="1,1">&nbsp;</div>
</div>
</div>
<div class="window-container"> <div class="flex-container"> <span class="window-resize edge nw" data-direction="-1,-1">&nbsp;</span> <span class="window-resize top grow" data-direction="0,-1">&nbsp;</span> <span class="window-resize edge ne" data-direction="1,-1">&nbsp;</span> </div> <div class="flex-container grow overflow-hidden"> <div class="window-resize left" data-direction="-1,0">&nbsp;</div> <div class="grow flex-container flex-dir-column max-width-100"> <div class="flex-container"><h4 id="title" class="grow">&nbsp;</h4></div> <div class="window"> <span id="child-view"></span> </div> </div> <div class="window-resize right" data-direction="1,0">&nbsp;</div> </div> <div class="flex-container"> <div class="window-resize edge sw" data-direction="-1,1">&nbsp;</div> <div class="window-resize bottom grow" data-direction="0,1">&nbsp;</div> <div class="window-resize edge se" data-direction="1,1">&nbsp;</div> </div> </div>

60
src/server/public/html/alphabeticListFragment.html
View File

@@ -1,59 +1 @@
<div class="flex-container alphabetic-list">
<article class="grow alphabetic-list-container">
<span id ='alphabetic-list-heading'></span>
<span class='alphabet-section A'></span>
<span class='alphabet-section B'></span>
<span class='alphabet-section C'></span>
<span class='alphabet-section D'></span>
<span class='alphabet-section E'></span>
<span class='alphabet-section F'></span>
<span class='alphabet-section G'></span>
<span class='alphabet-section H'></span>
<span class='alphabet-section I'></span>
<span class='alphabet-section J'></span>
<span class='alphabet-section K'></span>
<span class='alphabet-section L'></span>
<span class='alphabet-section M'></span>
<span class='alphabet-section N'></span>
<span class='alphabet-section O'></span>
<span class='alphabet-section P'></span>
<span class='alphabet-section Q'></span>
<span class='alphabet-section R'></span>
<span class='alphabet-section S'></span>
<span class='alphabet-section T'></span>
<span class='alphabet-section U'></span>
<span class='alphabet-section V'></span>
<span class='alphabet-section W'></span>
<span class='alphabet-section X'></span>
<span class='alphabet-section Y'></span>
<span class='alphabet-section Z'></span>
</article>
<span class="alphabetic-list-sidealphabet">
<span class="alphabet-scroll-to" data-letter="A">A</span>
<span class="alphabet-scroll-to" data-letter="B">B</span>
<span class="alphabet-scroll-to" data-letter="C">C</span>
<span class="alphabet-scroll-to" data-letter="D">D</span>
<span class="alphabet-scroll-to" data-letter="E">E</span>
<span class="alphabet-scroll-to" data-letter="F">F</span>
<span class="alphabet-scroll-to" data-letter="G">G</span>
<span class="alphabet-scroll-to" data-letter="H">H</span>
<span class="alphabet-scroll-to" data-letter="I">I</span>
<span class="alphabet-scroll-to" data-letter="J">J</span>
<span class="alphabet-scroll-to" data-letter="K">K</span>
<span class="alphabet-scroll-to" data-letter="L">L</span>
<span class="alphabet-scroll-to" data-letter="M">M</span>
<span class="alphabet-scroll-to" data-letter="N">N</span>
<span class="alphabet-scroll-to" data-letter="O">O</span>
<span class="alphabet-scroll-to" data-letter="P">P</span>
<span class="alphabet-scroll-to" data-letter="Q">Q</span>
<span class="alphabet-scroll-to" data-letter="R">R</span>
<span class="alphabet-scroll-to" data-letter="S">S</span>
<span class="alphabet-scroll-to" data-letter="T">T</span>
<span class="alphabet-scroll-to" data-letter="U">U</span>
<span class="alphabet-scroll-to" data-letter="V">V</span>
<span class="alphabet-scroll-to" data-letter="W">W</span>
<span class="alphabet-scroll-to" data-letter="X">X</span>
<span class="alphabet-scroll-to" data-letter="Y">Y</span>
<span class="alphabet-scroll-to" data-letter="Z">Z</span>
</span>
</div>
<div class="flex-container alphabetic-list"> <article class="grow alphabetic-list-container"> <span id="alphabetic-list-heading"></span> <span class="alphabet-section A"></span> <span class="alphabet-section B"></span> <span class="alphabet-section C"></span> <span class="alphabet-section D"></span> <span class="alphabet-section E"></span> <span class="alphabet-section F"></span> <span class="alphabet-section G"></span> <span class="alphabet-section H"></span> <span class="alphabet-section I"></span> <span class="alphabet-section J"></span> <span class="alphabet-section K"></span> <span class="alphabet-section L"></span> <span class="alphabet-section M"></span> <span class="alphabet-section N"></span> <span class="alphabet-section O"></span> <span class="alphabet-section P"></span> <span class="alphabet-section Q"></span> <span class="alphabet-section R"></span> <span class="alphabet-section S"></span> <span class="alphabet-section T"></span> <span class="alphabet-section U"></span> <span class="alphabet-section V"></span> <span class="alphabet-section W"></span> <span class="alphabet-section X"></span> <span class="alphabet-section Y"></span> <span class="alphabet-section Z"></span> </article> <span class="alphabetic-list-sidealphabet"> <span class="alphabet-scroll-to" data-letter="A">A</span> <span class="alphabet-scroll-to" data-letter="B">B</span> <span class="alphabet-scroll-to" data-letter="C">C</span> <span class="alphabet-scroll-to" data-letter="D">D</span> <span class="alphabet-scroll-to" data-letter="E">E</span> <span class="alphabet-scroll-to" data-letter="F">F</span> <span class="alphabet-scroll-to" data-letter="G">G</span> <span class="alphabet-scroll-to" data-letter="H">H</span> <span class="alphabet-scroll-to" data-letter="I">I</span> <span class="alphabet-scroll-to" data-letter="J">J</span> <span class="alphabet-scroll-to" data-letter="K">K</span> <span class="alphabet-scroll-to" data-letter="L">L</span> <span class="alphabet-scroll-to" data-letter="M">M</span> <span class="alphabet-scroll-to" data-letter="N">N</span> <span class="alphabet-scroll-to" data-letter="O">O</span> <span class="alphabet-scroll-to" data-letter="P">P</span> <span class="alphabet-scroll-to" data-letter="Q">Q</span> <span class="alphabet-scroll-to" data-letter="R">R</span> <span class="alphabet-scroll-to" data-letter="S">S</span> <span class="alphabet-scroll-to" data-letter="T">T</span> <span class="alphabet-scroll-to" data-letter="U">U</span> <span class="alphabet-scroll-to" data-letter="V">V</span> <span class="alphabet-scroll-to" data-letter="W">W</span> <span class="alphabet-scroll-to" data-letter="X">X</span> <span class="alphabet-scroll-to" data-letter="Y">Y</span> <span class="alphabet-scroll-to" data-letter="Z">Z</span> </span> </div>

18
src/server/public/html/changeUserSite.html
View File

@@ -1,17 +1 @@
<div>
<h1 id = "username"></h1>
<div class="grid-x">
<div class="small-6" id = "has-role-container">
<div class="grid-x has-role" id = "has-role-template">
<span class="small-10 role-name"></span>
<button class="small-2 button remove-role">-&gt;</button>
</div>
</div>
<div class="small-6" id = "available-role-container">
<div class="grid-x has-role" id = "available-role-template">
<button class="small-2 add-role button">&lt;-</button>
<span class="small-10 role-name"></span>
</div>
</div>
</div>
</div>
<div> <h1 id="username"></h1> <div class="grid-x"> <div class="small-6" id="has-role-container"> <div class="grid-x has-role" id="has-role-template"> <span class="small-10 role-name"></span> <button class="small-2 button remove-role">-&gt;</button> </div> </div> <div class="small-6" id="available-role-container"> <div class="grid-x has-role" id="available-role-template"> <button class="small-2 add-role button">&lt;-</button> <span class="small-10 role-name"></span> </div> </div> </div> </div>

8
src/server/public/html/chooseDialog.html
View File

@@ -1,7 +1 @@
<div>
<div id='choose-container'>
<div id='choose-value-template' class = 'choose-dialog-value-row grid-x'>
<div class='choose-dialog-value column small-12'></div>
</div>
</div>
</div>
<div> <div id="choose-container"> <div id="choose-value-template" class="choose-dialog-value-row grid-x"> <div class="choose-dialog-value column small-12"></div> </div> </div> </div>

22
src/server/public/html/contactSite.html
View File

@@ -1,21 +1 @@
<h1 class = "translation">contact</h1>
<p id = "contactText">
</p>
<form class="grid-x" id = "contact-form">
<label class="small-12 medium-6 right">
<input type="checkbox" value="1" required name="policy">
<span>
<a class = "link translation" href="/?s=privacyPolicy">privacy-policy</a>
<span class = "translation">privacy policy accepted</span>
</span>
</label>
<label class = "small-12 medium-6">
<input type="email" required name="email">
<span class="translation">e-mail</span>
</label>
<label class="small-12">
<textarea required name="message"></textarea>
<span class="translation">message</span>
</label>
<button class="small-12 button translation">send</button>
</form>
<h1 class="translation">contact</h1> <p id="contactText"> </p> <form class="grid-x" id="contact-form"> <label class="small-12 medium-6 right"> <input type="checkbox" value="1" required name="policy"> <span> <a class="link translation" href="/?s=privacyPolicy">privacy-policy</a> <span class="translation">privacy policy accepted</span> </span> </label> <label class="small-12 medium-6"> <input type="email" required name="email"> <span class="translation">e-mail</span> </label> <label class="small-12"> <textarea required name="message"></textarea> <span class="translation">message</span> </label> <button class="small-12 button translation">send</button> </form>

8
src/server/public/html/container.html
View File

@@ -1,7 +1 @@
<div class="grid-x grid-padding-x grid-padding-y grow grid-container" id="main-content-container">
<div class="cell small-12 max-height-100" id="main-content">
<!--site-_content wird ersetzt, daher keine wirklichen attribute-->
<span id="site-content">
</span>
</div>
</div>
<div class="grid-x grid-padding-x grid-padding-y grow grid-container" id="main-content-container"> <div class="cell small-12 max-height-100" id="main-content"> <span id="site-content"> </span> </div> </div>

6
src/server/public/html/credits.html
View File

@@ -1,5 +1 @@
<div>
<p class="translation" data-translation="credits-text"></p>
<p class="translation" data-translation="credits-coin-text" data-translation-args='["https://www.freesfx.co.uk/"]'></p>
<p class="translation" data-translation="credits-music-text" data-translation-args='["https://audeeyah.de", "http://creativecommons.org/licenses/by/4.0/"]'></p>
</div>
<div> <p class="translation" data-translation="credits-text"></p> <p class="translation" data-translation="credits-coin-text" data-translation-args='["https://www.freesfx.co.uk/"]'></p> <p class="translation" data-translation="credits-music-text" data-translation-args='["https://audeeyah.de", "http://creativecommons.org/licenses/by/4.0/"]'></p> </div>

4
src/server/public/html/end.html
View File

@@ -1,3 +1 @@
<div class = 'max-height flex-center'>
<div data-translation="game-ended" class = 'center translation'></div>
</div>
<div class="max-height flex-center"> <div data-translation="game-ended" class="center translation"></div> </div>

27
src/server/public/html/forgotPasswordSite.html
View File

@@ -1,26 +1 @@
<article >
<section id = "forgot-password">
<h2 class="translation">password forgotten</h2>
<form id="forgot-password-form">
<label>
<input type="text" name='email' required>
<span class="translation">Email</span>
</label>
<button class="translation button">Request new password</button>
</form>
</section>
<section id = "reset-password" class="hidden">
<h2 class="translation">reset password</h2>
<form id="reset-password-form">
<label>
<input type="password" name='password1' required>
<span class="translation">Password</span>
</label>
<label>
<input type="password" name='password2' required>
<span class="translation">Repeat Password</span>
</label>
<button class="translation button">Reset password</button>
</form>
</section>
</article>
<article> <section id="forgot-password"> <h2 class="translation">password forgotten</h2> <form id="forgot-password-form"> <label> <input type="text" name="email" required> <span class="translation">Email</span> </label> <button class="translation button">Request new password</button> </form> </section> <section id="reset-password" class="hidden"> <h2 class="translation">reset password</h2> <form id="reset-password-form"> <label> <input type="password" name="password1" required> <span class="translation">Password</span> </label> <label> <input type="password" name="password2" required> <span class="translation">Repeat Password</span> </label> <button class="translation button">Reset password</button> </form> </section> </article>

12
src/server/public/html/impressum.html
View File

@@ -1,11 +1 @@
<div>
<h2>Impressum</h2>
<p>Silas Günther<br />
Mariabrunnstraße 48<br />
52064 Aachen<br/>
Deutschland
</p>
<p>E-Mail: <a href="mailto:wordRotator@silas.link">wordRotator@silas.link</a><br/>
<a href = "?s=contact" class = "link">Kontaktformular</a>
</p>
</div>
<div> <h2>Impressum</h2> <p>Silas Günther<br/> Mariabrunnstraße 48<br/> 52064 Aachen<br/> Deutschland </p> <p>E-Mail: <a href="mailto:wordRotator@silas.link">wordRotator@silas.link</a><br/> <a href="?s=contact" class="link">Kontaktformular</a> </p> </div>

55
src/server/public/html/level.html
View File

@@ -1,54 +1 @@
<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>
<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-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> <div class="max-height fill-me"> <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>

22
src/server/public/html/loginSite.html
View File

@@ -1,21 +1 @@
<article >
<section>
<h2 class="translation">Login</h2>
<form id="login-form">
<label>
<input type="text" name='email' required>
<span class="translation">Email</span>
</label>
<label>
<input type="password" name='password' required>
<span class="translation">password</span>
</label>
<label>
<input type="checkbox" checked name='saveLogin'>
<span class="translation">stay logged in</span>
</label>
<button class="translation button">Login</button>
</form>
<button class="translation link" id = "forgot-pw">Passwort vergessen?</button>
</section>
</article>
<article> <section> <h2 class="translation">Login</h2> <form id="login-form"> <label> <input type="text" name="email" required> <span class="translation">Email</span> </label> <label> <input type="password" name="password" required> <span class="translation">password</span> </label> <label> <input type="checkbox" checked="checked" name="saveLogin"> <span class="translation">stay logged in</span> </label> <button class="translation button">Login</button> </form> <button class="translation link" id="forgot-pw">Passwort vergessen?</button> </section> </article>

40
src/server/public/html/menu.html
View File

@@ -1,39 +1 @@
<div class='max-height flex-center'>
<!--<b>WordRotator</b>-->
<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='height-60 max-width flex-center relative-level-number'>
<div id='level'></div>
<span id='level-number-container' class='visible in-main-menu'>
<span id='level-number'>1</span>
</span>
</div>
<div class='height-30 flex-center fill-me'>
<button class='button grow text-center' id='play-button'><span class="translation" data-translation="play"></span></button>
<div class='max-width line-height-1 fill-me vertical'>
<label class="switch">
<div data-view="img/speaker.svg"></div>
<input type="checkbox" class="setting" id="play-sound">
<span class="slider"></span>
</label>
<div class="grow center" id = "share-button"><span data-view="img/share.svg"></span></div>
<label class="switch right">
<div data-view="img/music.svg"></div>
<input type="checkbox" class="setting" id="play-music">
<span class="slider"></span>
</label>
</div>
</div>
</div>
<div class="max-height flex-center"> <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="height-60 max-width flex-center relative-level-number"> <div id="level"></div> <span id="level-number-container" class="visible in-main-menu"> <span id="level-number">1</span> </span> </div> <div class="height-30 flex-center fill-me"> <button class="button grow text-center" id="play-button"><span class="translation" data-translation="play"></span></button> <div class="max-width line-height-1 fill-me vertical"> <label class="switch"> <div data-view="img/speaker.svg"></div> <input type="checkbox" class="setting" id="play-sound"> <span class="slider"></span> </label> <div class="grow center" id="share-button"><span data-view="img/share.svg"></span></div> <label class="switch right"> <div data-view="img/music.svg"></div> <input type="checkbox" class="setting" id="play-music"> <span class="slider"></span> </label> </div> </div> </div>

13
src/server/public/html/menuSite.html
View File

@@ -1,12 +1 @@
<!--<div class="flex-dir-column flex-container height-100">-->
<div class="grid-container flex-dir-column flex-container height-100" id="main-content-container">
<span id="navbar-fragment"></span>
<div class="grid-x grid-padding-x grid-padding-y grow max-height-100">
<div class="cell small-12" id="main-content">
<!--site-_content wird ersetzt, daher keine wirklichen attribute-->
<span id="site-content">
</span>
</div>
</div>
</div>
<!--</div>-->
<div class="grid-container flex-dir-column flex-container height-100" id="main-content-container"> <span id="navbar-fragment"></span> <div class="grid-x grid-padding-x grid-padding-y grow max-height-100"> <div class="cell small-12" id="main-content"> <span id="site-content"> </span> </div> </div> </div>

38
src/server/public/html/navbar.html
View File

@@ -1,37 +1 @@
<nav class="top-bar">
<img class="background-img">
<span class="grid-container width-100">
<span class="grid-padding-x ">
<span class="small-12 cell">
<div class="hidden back-button">
<img data-view="img/arrowLeft.svg" alt="back">
</div>
<div class="hidden logo">
<img class = "logo-img">
</div>
<div class="top-bar-title grow">
<strong>
<a class="hidden-link" href="?">
<span class="" id='title-element-container'></span>
</a>
</strong>
</div>
<div id='navbar-close-listener-container' style="display: none">
<div id='navbar-close-listener'></div>
</div>
<ul class="dropdown menu horizontal navbar-menu" id='navbar-menu-visible'>
<div id='navbar-menu-visible-close-listener'></div>
</ul>
<span id="responsive-menu-toggle" class="right">
<button class="menu-icon" type="button" data-toggle=""></button>
</span>
<div id="responsive-menu">
<ul class="menu vertical accordion-menu navbar-menu hidden-menu" id="navbar-menu-hidden">
</ul>
</div>
</span>
</span>
</span>
</nav>
<nav class="top-bar"> <img class="background-img"> <span class="grid-container width-100"> <span class="grid-padding-x"> <span class="small-12 cell"> <div class="hidden back-button"> <img data-view="img/arrowLeft.svg" alt="back"> </div> <div class="hidden logo"> <img class="logo-img"> </div> <div class="top-bar-title grow"> <strong> <a class="hidden-link" href="?"> <span class="" id="title-element-container"></span> </a> </strong> </div> <div id="navbar-close-listener-container" style="display:none"> <div id="navbar-close-listener"></div> </div> <ul class="dropdown menu horizontal navbar-menu" id="navbar-menu-visible"> <div id="navbar-menu-visible-close-listener"></div> </ul> <span id="responsive-menu-toggle" class="right"> <button class="menu-icon" type="button" data-toggle=""></button> </span> <div id="responsive-menu"> <ul class="menu vertical accordion-menu navbar-menu hidden-menu" id="navbar-menu-hidden"> </ul> </div> </span> </span> </span> </nav>

10
src/server/public/html/notAllowedSite.html
View File

@@ -1,9 +1 @@
<br/>
<br/>
<br/>
<br/>
<br/>
<h2 class="translation">Not allowed</h2>
<p class="translation">You don't have the rights to do this!</p>
<p class="translation">If you are not logged in, please log in and try again.</p>
<br/> <br/> <br/> <br/> <br/> <h2 class="translation">Not allowed</h2> <p class="translation">You don't have the rights to do this!</p> <p class="translation">If you are not logged in, please log in and try again.</p>

234
src/server/public/html/privacyPolicy.html
View File

File diff suppressed because one or more lines are too long

29
src/server/public/html/registrationSite.html
View File

@@ -1,28 +1 @@
<article >
<section>
<h2 class="translation">registration</h2>
<form id = "registration-form">
<label>
<input type="text" name='email' required>
<span class="translation">Email</span>
</label>
<label>
<input type="text" name='username' required>
<span class="translation">username</span>
</label>
<label>
<input type="password" name='password' required>
<span class="translation">password</span>
</label>
<label>
<input type="password" name='password2' required>
<span class="translation">retype password</span>
</label>
<label>
<input type="checkbox" name='agbAccepted' required>
<span class="translation">I have read and accepted the terms and conditions.</span>
</label>
<button class="translation button">registration</button>
</form>
</section>
</article>
<article> <section> <h2 class="translation">registration</h2> <form id="registration-form"> <label> <input type="text" name="email" required> <span class="translation">Email</span> </label> <label> <input type="text" name="username" required> <span class="translation">username</span> </label> <label> <input type="password" name="password" required> <span class="translation">password</span> </label> <label> <input type="password" name="password2" required> <span class="translation">retype password</span> </label> <label> <input type="checkbox" name="agbAccepted" required> <span class="translation">I have read and accepted the terms and conditions.</span> </label> <button class="translation button">registration</button> </form> </section> </article>

11
src/server/public/html/selectUserDialog.html
View File

@@ -1,10 +1 @@
<div>
<form id = "user-search">
<input type = "text" id = "username-input">
</form>
<div id = "user-container">
<div id = "user-template">
<span class = "name"></span>
</div>
</div>
</div>
<div> <form id="user-search"> <input type="text" id="username-input"> </form> <div id="user-container"> <div id="user-template"> <span class="name"></span> </div> </div> </div>

62
src/server/public/html/settings.html
View File

@@ -1,61 +1 @@
<div class='max-height fill-me'>
<div class='grid-x max-width grow flex-center'>
<div class='columns small-centered small-12 smedium-11 medium-9 large-7'>
<label class="switch grid-x setting-row">
<span class='columns small-6 translation'>sound</span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="play-sound" name='play-sound' value="1"
data-default="1">
<span class="slider"></span>
</span>
</label>
<label class="switch grid-x setting-row">
<span class='columns small-6 translation' >music</span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="play-music" name='play-music' value="1"
data-default="1">
<span class="slider"></span>
</span>
</label>
<div class='grid-x setting-row' id='tutorial-button'>
<span class='columns small-6 translation'>tutorial</span>
<span class='columns small-6 text-right translation'>&gt;</span>
</div>
<div class='grid-x setting-row' id='credits-button'>
<span class='columns small-6 translation' >credits</span>
<span class='columns small-6 text-right translation'>&gt;</span>
</div>
<div class='grid-x setting-row' id='privacy-policy-button'>
<span class='columns small-6 translation'>privacy-policy</span>
<span class='columns small-6 text-right translation'>&gt;</span>
</div>
<div class='grid-x setting-row' id='impressum-button'>
<span class='columns small-6 translation' >impressum</span>
<span class='columns small-6 text-right translation'>&gt;</span>
</div>
<div class='grid-x setting-row' id='contact-button'>
<span class='columns small-6 translation'>contact</span>
<span class='columns small-6 text-right translation'>&gt;</span>
</div>
<label class="switch grid-x setting-row">
<span class='columns small-6 translation'>track</span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="track-switch" name='matomoShouldTrack' value="1"
data-default="1" data-raw="1">
<span class="slider"></span>
</span>
</label>
<div class='grid-x setting-row hidden' >
<span class = "column small-10" id='storage-info'></span>
<span class='columns small-2 text-right translation'>&gt;</span>
</div>
<div class='grid-x setting-row' >
<span class = "column small-6 translation">version-label</span>
<span class = "column small-6 text-right" id='version-info'></span>
</div>
<button id='reset-levels' class="button hidden">reset-levels</button>
</div>
</div>
</div>
<div class="max-height fill-me"> <div class="grid-x max-width grow flex-center"> <div class="columns small-centered small-12 smedium-11 medium-9 large-7"> <label class="switch grid-x setting-row"> <span class="columns small-6 translation">sound</span> <span class="columns small-6 text-right"> <input type="checkbox" class="setting" id="play-sound" name="play-sound" value="1" data-default="1"> <span class="slider"></span> </span> </label> <label class="switch grid-x setting-row"> <span class="columns small-6 translation">music</span> <span class="columns small-6 text-right"> <input type="checkbox" class="setting" id="play-music" name="play-music" value="1" data-default="1"> <span class="slider"></span> </span> </label> <div class="grid-x setting-row" id="tutorial-button"> <span class="columns small-6 translation">tutorial</span> <span class="columns small-6 text-right translation">&gt;</span> </div> <div class="grid-x setting-row" id="credits-button"> <span class="columns small-6 translation">credits</span> <span class="columns small-6 text-right translation">&gt;</span> </div> <div class="grid-x setting-row" id="privacy-policy-button"> <span class="columns small-6 translation">privacy-policy</span> <span class="columns small-6 text-right translation">&gt;</span> </div> <div class="grid-x setting-row" id="impressum-button"> <span class="columns small-6 translation">impressum</span> <span class="columns small-6 text-right translation">&gt;</span> </div> <div class="grid-x setting-row" id="contact-button"> <span class="columns small-6 translation">contact</span> <span class="columns small-6 text-right translation">&gt;</span> </div> <label class="switch grid-x setting-row"> <span class="columns small-6 translation">track</span> <span class="columns small-6 text-right"> <input type="checkbox" class="setting" id="track-switch" name="matomoShouldTrack" value="1" data-default="1" data-raw="1"> <span class="slider"></span> </span> </label> <div class="grid-x setting-row hidden"> <span class="column small-10" id="storage-info"></span> <span class="columns small-2 text-right translation">&gt;</span> </div> <div class="grid-x setting-row"> <span class="column small-6 translation">version-label</span> <span class="column small-6 text-right" id="version-info"></span> </div> <button id="reset-levels" class="button hidden">reset-levels</button> </div> </div> </div>

4
src/server/public/html/settingsSite.html
View File

@@ -1,3 +1 @@
<div class="height-100">
<div id = "wordRotatorSettings" class="height-100" ></div>
</div>
<div class="height-100"> <div id="wordRotatorSettings" class="height-100"></div> </div>

10
src/server/public/html/shareDialog.html
View File

@@ -1,9 +1 @@
<div class = 'max-width center'>
<a class="share-icon" id = "whatsapp-share">
<img data-view="img/whatsapp.svg">
</a>
<a class="share-icon" id = "telegram-share">
<img data-view="img/telegram.svg">
</a>
</div>
<div class="max-width center"> <a class="share-icon" id="whatsapp-share"> <img data-view="img/whatsapp.svg"> </a> <a class="share-icon" id="telegram-share"> <img data-view="img/telegram.svg"> </a> </div>

2
src/server/public/html/swipeFragment.html
View File

@@ -1 +1 @@
<div class = "swipe-container height-100"></div>
<div class="swipe-container height-100"></div>

10
src/server/public/html/tabFragment.html
View File

@@ -1,9 +1 @@
<div class="tab-fragment">
<div class="tab-names flex-container flex-dir-row">
<div class="tab-button tab-button-template"></div>
<div class="grow border-bottom">&nbsp;</div>
</div>
<div class="tab-content">
<div class="tab-site tab-site-template active"></div>
</div>
</div>
<div class="tab-fragment"> <div class="tab-names flex-container flex-dir-row"> <div class="tab-button tab-button-template"></div> <div class="grow border-bottom">&nbsp;</div> </div> <div class="tab-content"> <div class="tab-site tab-site-template active"></div> </div> </div>

40
src/server/public/html/tutorialSite.html
View File

@@ -1,39 +1 @@
<article id=tutorial-site>
<section>
<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>
</section>
<section id="tutorial-1">
<div class="tutorial-text translation">tutorial-1</div>
<div class="level-container"></div>
</section>
<section id="tutorial-2">
<div class="tutorial-text translation">tutorial-2</div>
<div class="tutorial-wrapper">
<button class="help-action">
<img src="img/help.png" class="action-image">
</button>
<div class="level-container"></div>
</div>
</section>
<section id="tutorial-3">
<div class="tutorial-text translation">tutorial-3</div>
<div class="tutorial-wrapper">
<div id='tutorial-pointer'></div>
<div class="level-container"></div>
</div>
</section>
</article>
<article id="tutorial-site"> <section> <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> </section> <section id="tutorial-1"> <div class="tutorial-text translation">tutorial-1</div> <div class="level-container"></div> </section> <section id="tutorial-2"> <div class="tutorial-text translation">tutorial-2</div> <div class="tutorial-wrapper"> <button class="help-action"> <img src="img/help.png" class="action-image"> </button> <div class="level-container"></div> </div> </section> <section id="tutorial-3"> <div class="tutorial-text translation">tutorial-3</div> <div class="tutorial-wrapper"> <div id="tutorial-pointer"></div> <div class="level-container"></div> </div> </section> </article>