Carga inicial

README.md

@@ -0,0 +1,35 @@
+# Tabla comparativa
+
+Utilidad web, para comparar contenidos.
+
+
+La información a comparar está almacenada en documentos con formato yml, para facilitar la edición principal.
+
+Tanto párrafos como títulos aceptan notación markdown.
+
+La configuración general, también se realiza mediante formato yml, en './cfg/menu.yml'.
+
+Interactivamente puede conmutarse la visualizacipon de las categorías/idiomas comparados. 
+
+
+## Utilidades extra de automatización
+
+En la carpeta './utiles/' hay varios scripts para automatizar varios pasos del procesado de contenidos, desarrollados y testeados para usar en sistema operativo linux o similar.
+
+
+## Uso particular (actual)
+
+Si bien está utilizada actualmente para comparar textos traducidos en diversos lenguajes, puede emplearse para otros contenidos con mayor o menor estructura y carga gráfica _(no probado aún)_.
+
+
+## FALTA
+- Mejorar la estética general.
+- Permitir ajuste de ancho de columnas y scroll horizontal.
+- Establecer carga sincrinizada de contenidos.
+- Permitir edición (título, párrafos, nombres de variantes). Mediante content-editable u otro método. 
+- Generar-exportar yml con contenido editado.
+- Probar variantes de representación y visualización de comparaciones.
+- Realizar pruebas con otros contenidos.
+- Permitir establecer un texto principal (ubicado al inicio) y seleccionar los otros contenidos de modo secundario.
+- Hacer menu de utilidades siempre presente.
+- Aislar el funcionamiento y las plantillas de contenido para poder transportarlo facilmente a otra aplicación.

cfg/menu.yml

@@ -0,0 +1,46 @@
+carpeta: 
+  dat: './textos/'
+
+textos:
+  - alice_in_wonderland
+  - ca_lo_kurki_cacra
+  - clani_kerlo
+  - ferdinand_the_bull
+  - garota_da_ipanema
+  - i_have_a_dream
+  - in_xanadu
+  - jingle_bells
+  - la_cevni_draci
+  - la_djon_wilkins
+  - la_fransuas_viion
+  - lai_crino_sovda
+  - la_liian_e_lo_makfa_cinta_burcu
+  - la_ozimandiias
+  - la_poi_pelxu_vau_te_rai_nobli
+  - la_selkei_be_la_famgau
+  - la_snime_blabi
+  - le_cmalu_noltru
+  - lemony_snicket
+  - lo_nu_binxo
+  - lukomorye
+  - marji_lo_rectu
+  - may_night
+  - navy_seals
+  - never_gonna
+  - official_lojban
+  - prophet
+  - proud_mary
+  - que_sera_sera
+  - scandal_in_bohemia
+  - schleichers_fable
+  - soft_rains
+  - suzypavlis
+  - terrorysta_on_patrzy
+  - terry
+  - the_book
+  - the_north_wind
+  - thlunrana
+  - tiger_tiger
+  - vrici
+  - worldbuilding
+  - yesenin

css/estilo.css

@@ -0,0 +1,97 @@
+@CHARSET "UTF-8";
+
+/*
+@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;700&display=swap');
+*/
+
+* {
+	font-family: 'Asap', sans-serif;
+}
+html {
+    width:100vw;
+}
+body {
+	display:block;
+	padding:40px;
+	margin:0;
+}
+button {
+	cursor:pointer;
+}
+header, section {
+	padding:0 20px;
+}
+#menu {
+	padding:0;
+	margin:0;
+}
+#menu li {
+	list-style: none;
+	display:inline-block;
+	padding:3px;
+}
+#menu button {
+	border:none;
+	padding:2px 10px;
+	border-radius:5px;
+	background:rgba(0,0,0,.1);
+}
+#menu button.actual {
+	background:rgba(0,100,0,.3);
+}
+#menu button:hover {
+	background:rgba(0,0,0,.2);
+}
+
+
+#info .leng button.ignorar {
+	opacity:.6;
+}
+#info .titu {
+	font-weight:bold;
+	font-size:1.4em;
+}
+#info .text .parrafo .num {
+	opacity:0;
+	text-align:center;
+	border-top:1px dashed rgba(0,0,0,.5);
+}
+#info .text .parrafo .tex {
+	display:inline-block;
+	width:300px;
+	vertical-align:text-top;
+	padding:0 10px;
+}
+#info .text .parrafo .tex span {
+	font-size:.8em;
+	text-transform:uppercase;
+	opacity:0;
+}
+
+#info .text .parrafo:hover {
+	background:rgba(0,200,255,.1);
+}
+#info .text .parrafo:hover .num {
+	opacity:.6;
+}
+#info .text .parrafo:hover .tex span {
+	opacity:.5;
+}
+
+a.github_repositorio {
+    position:fixed;
+    bottom:5px;
+    left:5px;
+    opacity:.6;
+    overflow:hidden;
+    background-image:url(../img/github_face.svg);
+    background-size:100% auto;
+    background-repeat:no-repeat;
+    background-position:center;
+    width:30px;
+    height:30px;
+    background-color:transparent;
+}
+a.github_repositorio:hover {
+    opacity:1;
+}