davidpiegza · bel-en-s · Sep 18, 2024 · Sep 18, 2024 · Sep 18, 2024 · Sep 19, 2024
diff --git a/examples/simple_graph/img/0.jpg b/examples/simple_graph/img/0.jpg
diff --git a/examples/simple_graph/img/1.JPG b/examples/simple_graph/img/1.JPG
diff --git a/examples/simple_graph/img/10.JPG b/examples/simple_graph/img/10.JPG
diff --git a/examples/simple_graph/img/11.JPG b/examples/simple_graph/img/11.JPG
diff --git a/examples/simple_graph/img/12.JPG b/examples/simple_graph/img/12.JPG
diff --git a/examples/simple_graph/img/13.JPG b/examples/simple_graph/img/13.JPG
diff --git a/examples/simple_graph/img/14.JPG b/examples/simple_graph/img/14.JPG
diff --git a/examples/simple_graph/img/15.JPG b/examples/simple_graph/img/15.JPG
diff --git a/examples/simple_graph/img/16.JPG b/examples/simple_graph/img/16.JPG
diff --git a/examples/simple_graph/img/17.JPG b/examples/simple_graph/img/17.JPG
diff --git a/examples/simple_graph/img/18.JPG b/examples/simple_graph/img/18.JPG
diff --git a/examples/simple_graph/img/19.JPG b/examples/simple_graph/img/19.JPG
diff --git a/examples/simple_graph/img/2.JPG b/examples/simple_graph/img/2.JPG
diff --git a/examples/simple_graph/img/20.JPG b/examples/simple_graph/img/20.JPG
diff --git a/examples/simple_graph/img/21.JPG b/examples/simple_graph/img/21.JPG
diff --git a/examples/simple_graph/img/22.JPG b/examples/simple_graph/img/22.JPG
diff --git a/examples/simple_graph/img/23.JPG b/examples/simple_graph/img/23.JPG
diff --git a/examples/simple_graph/img/24.JPG b/examples/simple_graph/img/24.JPG
diff --git a/examples/simple_graph/img/25.JPG b/examples/simple_graph/img/25.JPG
diff --git a/examples/simple_graph/img/26.JPG b/examples/simple_graph/img/26.JPG
diff --git a/examples/simple_graph/img/27.JPG b/examples/simple_graph/img/27.JPG
diff --git a/examples/simple_graph/img/28.JPG b/examples/simple_graph/img/28.JPG
diff --git a/examples/simple_graph/img/29.JPG b/examples/simple_graph/img/29.JPG
diff --git a/examples/simple_graph/img/3.JPG b/examples/simple_graph/img/3.JPG
diff --git a/examples/simple_graph/img/30.JPG b/examples/simple_graph/img/30.JPG
diff --git a/examples/simple_graph/img/31.JPG b/examples/simple_graph/img/31.JPG
diff --git a/examples/simple_graph/img/32.JPG b/examples/simple_graph/img/32.JPG
diff --git a/examples/simple_graph/img/33.JPG b/examples/simple_graph/img/33.JPG
diff --git a/examples/simple_graph/img/34.JPG b/examples/simple_graph/img/34.JPG
diff --git a/examples/simple_graph/img/35.JPG b/examples/simple_graph/img/35.JPG
diff --git a/examples/simple_graph/img/36.JPG b/examples/simple_graph/img/36.JPG
diff --git a/examples/simple_graph/img/37.JPG b/examples/simple_graph/img/37.JPG
diff --git a/examples/simple_graph/img/38.JPG b/examples/simple_graph/img/38.JPG
diff --git a/examples/simple_graph/img/39.JPG b/examples/simple_graph/img/39.JPG
diff --git a/examples/simple_graph/img/4.JPG b/examples/simple_graph/img/4.JPG
diff --git a/examples/simple_graph/img/5.JPG b/examples/simple_graph/img/5.JPG
diff --git a/examples/simple_graph/img/6.JPG b/examples/simple_graph/img/6.JPG
diff --git a/examples/simple_graph/img/7.JPG b/examples/simple_graph/img/7.JPG
diff --git a/examples/simple_graph/img/8.JPG b/examples/simple_graph/img/8.JPG
diff --git a/examples/simple_graph/img/9.JPG b/examples/simple_graph/img/9.JPG
diff --git a/examples/simple_graph/img/sonycam-original.ttf b/examples/simple_graph/img/sonycam-original.ttf
diff --git a/examples/simple_graph/index.html b/examples/simple_graph/index.html
@@ -15,7 +15,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>Graph Visualization</title>
+  f
     <script type="text/javascript" src="../../build/graph.min.js"></script>
     <script type="text/javascript" src="simple_graph.js"></script>
 
@@ -52,21 +52,42 @@
   </head>
   <body onload="createDrawing()">
     <div id="options">
+      <style>
+        @font-face {
+          font-family: 'sonycam-original';
+          src: url('img/sonycam-original.ttf') format('truetype');
+        }
+        h1 {
+          font-family: 'sonycam-original';
+          font-size: 36px;
+        }
+      </style>
+      <h1> CARTOGRAFÍA DE AFECTOS</h1>
       <form>
-        <p>
+        <!-- <p>
           <input type="checkbox" id="show_labels" onclick="drawing.show_labels = this.checked;">
           <label for="show_labels">Show labels</label>
-        </p>
-        <p>
+        </p> -->
+        <!-- <p>
           <input type="button" value="Stop layout" onclick="drawing.stop_calculating();">
-        </p>
+        </p> -->
       </form>
     </div>
 
+    <div id="hover-image" style="position: absolute; display: none; z-index: 10;">
+      <img id="hover-img" src="" alt="Node Texture" style="max-width: 200px; max-height: 200px;">
+    </div>    
+
+
     <div style="position: absolute; bottom: 0;">
       Rotate: Left Mouse Button and Move<br />
       Zoom: Press Key S + Left Mouse Button and Move<br />
       Drag: Press Key D + Left Mouse Button and Move
+      CARTOGRAFIAS DEL DESEO
+      <div>
+        <h2> titulos </h2>
+      </div>
     </div>
+
   </body>
 </html>