part of #2 (Questionnaire fully dynamic and configurable)

Added possibility to have steps with just text paragraphs e.g. for introduction or longer explanations

config/miappe/wizard.steps.config.js

@@ -1,4 +1,11 @@
 window.steps = [
+    {
+        title: 'Welcome to the MIAPPE Wizard.',
+        text: [
+            'With this Wizard it is super easy to annotate measurements of your phenotyping experiment with MIAPPE-compliant metadata according to FAIR principles.',
+            'Click on the Next button to start the metadata annotation of the results data of your experiments.'
+        ]
+    },
     {
         title: 'Please provide the Title and Description of your Plant Phenotyping Project and when you submitted and published the Dataset.',
         fields: [

src/App.svelte

@@ -227,6 +227,8 @@ main {
     white-space: pre;
     border: 1px solid rgb(180,180,180);
     margin-top: 3px;
+    font-size: 0.9em;
+    font-family: monospace;
 }
 textarea:focus-visible {
     outline: none;

src/components/questionnaire/GenericQuestionnaire.svelte

@@ -300,6 +300,13 @@ onMount(() => {
     <div on:keypress={handleKeypress} role="button" tabindex="0" aria-pressed="false">
 
         {#key currentStep}
+
+        {#if steps[currentStep].text}
+        {#each steps[currentStep].text as paragraph}
+        <p>{paragraph}</p>
+        {/each}
+        {/if}
+
         {#if steps[currentStep].fields}
 
             {#each steps[currentStep].fields as field, i}