feat: support for multi language

index.html

@@ -15,7 +15,16 @@
 
     <header class="flex flex-wrap items-center justify-between gap-2 p-4 no-print">
       <h1 class="text-xl font-semibold">Crochet</h1>
-      <div class="flex gap-2">
+      <div class="flex gap-2 items-center">
+        <!-- Idioma del contenido (título/subtítulo/texto de cada sección), no
+             de la interfaz: la estructura de secciones es la misma para
+             todos los idiomas, solo cambian los textos que el usuario ha
+             escrito para el idioma seleccionado. Añadir un idioma nuevo es
+             solo cuestión de añadir una <option> aquí. -->
+        <select id="language-select" class="select select-sm select-bordered">
+          <option value="es" selected>Español</option>
+          <option value="en">English</option>
+        </select>
         <button id="save-pattern" type="button" class="btn btn-sm btn-outline">Guardar</button>
         <button id="load-pattern" type="button" class="btn btn-sm btn-outline">Cargar</button>
         <button id="export-pdf" type="button" class="btn btn-sm">Exportar a PDF</button>