From 1332c6faa26c827c85bc3dac96df3398e0f5d02a Mon Sep 17 00:00:00 2001
From: "jotero.esys" <jotero.esys@gmail.com>
Date: Wed, 12 Aug 2026 13:28:48 -0300
Subject: [PATCH] Primer commit Prueba

---
 .gitignore  |  2 ++
 estilos.css | 38 ++++++++++++++++++++++++++
 index.html  | 79 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 119 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 estilos.css
 create mode 100644 index.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e847276
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+# Ignore the 'composer' folder and everything inside it
+composer/
\ No newline at end of file
diff --git a/estilos.css b/estilos.css
new file mode 100644
index 0000000..96d4d4a
--- /dev/null
+++ b/estilos.css
@@ -0,0 +1,38 @@
+
+.box-blue{
+    background-color: lightblue;
+    border: 1px solid blue;
+}
+
+.shadow-blue {
+    box-shadow: 5px 5px 10px darkblue;
+}
+
+.box-red{
+    background-color: pink;
+    border: 1px solid red;
+}
+
+.shadow-red {
+    box-shadow: 5px 5px 10px darkred;
+}
+
+.box-green{
+    background-color: lightgreen;
+    border: 1px solid green;
+}
+
+.shadow-green {
+    box-shadow: 5px 5px 10px darkgreen;
+}
+
+.rectangle{
+    border-radius: 10px;
+    margin:15px;
+    display: inline-block;
+}
+
+.rect-100{
+    width: 100px;
+    height: 50px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4ee72b8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Alimentos</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="favicon.png">
+    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href="/js/select2/select2.min.css" rel="stylesheet" type="text/css" />
+    <link href="estilos.css" rel="stylesheet" type="text/css" />
+    <link href="/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
+    <link href="/plugins/jstv/jsonview.bundle.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+    <div id="texto" class="h4 border-bottom border-dark pb-1">Alimentos x Grupo Sanguineo</div>
+    <div class="container-fluid">
+        <div class="row my-2">
+            <div class="col-md-1">
+                <label for="fgrupo" class="mb-0">Grupo</label>
+                <select id="fgrupo" class="form-control form-control-sm">
+                    <option value="T">Todos</option>
+                    <option>0</option>
+                    <option>A</option>
+                    <option>B</option>
+                    <option>AB</option>
+                </select>
+            </div>
+            <div class="col-md-2">
+                <label for="fcategorias"class="mb-0">Categoria</label>
+                <select id="fcategorias" class="form-control form-control-sm">
+                </select>
+            </div>
+            <div class="col-md-2">
+                <label for="findice" class="mb-0">Indice</label>
+                <select id="findice" class="form-control form-control-sm">
+                    <option value="-10">Todos</option>
+                    <option value="3">Muy Beneficiosos</option>
+                    <option value="2">Aconsejables</option>
+                    <option value="1">Permitidos</option>
+                    <option value="0">Neutro</option>
+                    <option value="-1">No Confiable</option>
+                    <option value="-2">No aconsejable</option>
+                </select>
+            </div>
+            <div class="col-md-6 text-right">
+                <input type="button" class="btn btn-sm btn-outline-dark " onclick="procesarTexto();" value="Procesar Texto">
+                <input type="button" class="btn btn-sm btn-outline-dark" onclick="verCategorias();" value="Categorias">
+                <input type="button" class="btn btn-sm btn-outline-dark" onclick="verAlimentos();" value="Alimentos">
+                <input type="button" class="btn btn-sm btn-outline-dark" onclick="verAlimentosxGrupo();" value="Grupos">
+                <input type="button" class="btn btn-sm btn-outline-success" onclick="verResultado();" value="Ver Resultado">
+            </div>
+        </div>
+        <div class="row no-gutters">
+            <div class="col-md-12">
+                <textarea id="resp" class="form-control" rows="10" readonly></textarea>
+            </div>
+        </div>
+        <div class="row no-gutters">
+            <div class="col-md-12" id="resultado">
+                <div class="rectangle rect-100 box-blue shadow-blue"></div>
+                <div class="rectangle rect-100 box-red shadow-red"></div>
+                <div class="rectangle rect-100 box-green shadow-green"></div>
+            </div>
+        </div>
+    </div>
+    <script src="/js/jquery-3.5.1.min.js"></script>
+    <script src="/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/vkbeautify.0.99.00.beta.js"></script>
+    <script src="/js/select2/select2.full.min.js"></script>
+    <script src="/js/select2/i18n/es.js"></script>
+    <script src="/plugins/tinymce/tinymce.min.js"></script>
+    <script src="/plugins/tinymce/langs/es.js"></script>
+    <script src="/plugins/jstv/jsonview.bundle.js"></script>
+    <script src="alimentos.js"></script>
+</body>
+
+</html>
\ No newline at end of file