Ajout indice

css/style.css

@@ -155,7 +155,7 @@ input.cmd-in {
     padding: 0.5em;
 }
 
-#konami-helper {
+.secret {
     position: absolute;
     top: 50%;
     left: 50%;

index.php

@@ -48,7 +48,8 @@
                 <iframe src="./src/pico8.html" title="Pico 8 game"></iframe>
             </div>
         </div>
-        <div id="konami-helper" class="hide"><span class="iconify" data-icon="mdi-reload"></span>&nbsp;+&nbsp;&uarr;&uarr;&darr;&darr;&larr;&rarr;&larr;&rarr;BA</div>
+        <div id="konami-helper" class="secret hide"><span class="iconify" data-icon="mdi-reload"></span>&nbsp;+&nbsp;&uarr;&uarr;&darr;&darr;&larr;&rarr;&larr;&rarr;BA</div>
+        <div id="hint" class="secret hide">Close to the secret</div>
     </div>
     
     <div>
@@ -84,8 +85,14 @@
         function show() {
             if ($('#' + windowMode).hasClass('pasla')) {
                 $('#' + windowMode).css('height', '');
+                setTimeout(() => {
+                    $('#hint').addClass('hide');
+                }, 74);
             } else {
                 $('#' + windowMode).css('height', '0');
+                setTimeout(() => {
+                    $('#hint').removeClass('hide');
+                }, 74);
             }
             $('#' + windowMode).toggleClass('pasla');
         }
@@ -93,6 +100,7 @@
         function remove() {
             $('#' + windowMode).css('height', '0');
             setTimeout(() => {
+                $('#hint').addClass('hide');
                 $('#konami-helper').removeClass('hide');
             }, 74);
             setTimeout(() => {