@@ -238,6 +238,11 @@ <h3>Signets</h3>
238238 < span class ="exploration-mode-icon " aria-hidden ="true "> ◈</ span >
239239 < span class ="exploration-mode-label "> Transforms</ span >
240240 </ button >
241+ < button class ="exploration-mode-btn " type ="button " data-mode ="croissance " aria-label ="Atelier Croissance "
242+ title ="Atelier Croissance — fractales vivantes ">
243+ < span class ="exploration-mode-icon " aria-hidden ="true "> ❋</ span >
244+ < span class ="exploration-mode-label "> Croissance</ span >
245+ </ button >
241246 </ nav >
242247
243248 < section id ="exploration-panel " class ="hidden " aria-label ="Panneau de modes d'exploration ">
@@ -587,6 +592,29 @@ <h3>Signets</h3>
587592 </ div >
588593 </ section >
589594
595+ < section class ="exploration-view hidden " data-view ="croissance ">
596+ < label class ="exploration-field " for ="process-select ">
597+ < span > Processus vivant</ span >
598+ < select id ="process-select "> </ select >
599+ </ label >
600+ < canvas id ="process-canvas " width ="280 " height ="280 "
601+ aria-label ="Rendu du processus vivant " style ="image-rendering: pixelated; width: 100%; height: auto; "> </ canvas >
602+ < div id ="process-description " class ="exploration-readout "> Choisissez un processus à dérouler dans le temps.</ div >
603+ < div id ="process-tier " class ="exploration-readout "> —</ div >
604+ < label class ="exploration-field " for ="process-slider ">
605+ < span id ="process-step-readout "> Image 0 / 0</ span >
606+ < input type ="range " id ="process-slider " min ="0 " max ="0 " value ="0 " step ="1 " />
607+ </ label >
608+ < div class ="exploration-actions ">
609+ < button id ="btn-process-play " class ="btn " type ="button "> Lecture</ button >
610+ < button id ="btn-process-relief " class ="btn btn-secondary " type ="button " aria-pressed ="false "> Relief 3D</ button >
611+ < label class ="exploration-field " for ="process-steps-input ">
612+ < span > Pas</ span >
613+ < input type ="number " id ="process-steps-input " min ="1 " max ="600 " step ="1 " value ="240 " />
614+ </ label >
615+ </ div >
616+ </ section >
617+
590618 </ div >
591619 </ section >
592620
0 commit comments