-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
126 lines (126 loc) · 5.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="shortcut icon" href="img/graph.svg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<title>Grafos-G3</title>
</head>
<body>
<div class="header">
<img class="logo" src="./img/graph.svg" alt="Logo">
<button class="tutorial">Tutorial</button>
<div class="modal-tutorial">
<div class="tutorial-info">
<div class="tutorialTitulo">
<span>Instrucciones de uso</span>
</div>
<div class="aboutTitulo">
<div class="atras botones">
<
</div>
<div class="adelante botones">
>
</div>
<img class="visualIMG" src="./img/crearg.gif" alt="" id="imagen">
<br>
<div class="instrucciones">
<span>Click izquierdo en el espacio para crear nodo.</span><br>
<span>Click derecho sobre el nodo o arista para eliminarlo.</span><br>
<span>Manten click izquierdo de un nodo a otro para crear una arista.</span><br>
<span>Una ves creado el grafo has click en propiedades <br> para ver toda la informacion.</span>
<br><br>
</div>
<div class="instrucciones-2">
<span>Alternativamente se pueden ingresar grafos por texto: <br>
1-Click en el boton visualizar. <br>
2-Ingresar los nodos conectados a crear.<br>
3-Ingresarlos en formato [0,1] donde 0 es el primer nodo y<br>1 es el segundo nodo al que se conectara
</span>
</div>
</div>
</div>
</div>
<button class="crear activo">Crear</button>
<button class="visualizar">Visualizar</button>
<div class="modal-ingreso">
<div class="ingreso">
<span class="ingheader">Ingreso de datos</span>
<div class="input-grafo">
<input type="text" placeholder="ejemplo: [0,1],[1,2] (debe partir de 0*)" name="ginput">
<button type="submit">ingresar</button>
</div>
</div>
</div>
<div class="header-middle">
<span class="spacing"></span>
<label class="toolOpciones">
<input type="checkbox" name="numeros" checked="true">Numeros
<input type="checkbox" name="flechas" checked="true">Flechas
</label>
<button class="limpiar">Limpiar</button>
</div>
<div class="header-derecha">
<button class="acerca">Acerca</button>
<div class="modal">
<div class="modal-info">
<a href="https://github.com/AE-0/Grafos-G3">
<img aria-hidden="true" style="position:absolute;top:0;right:0;border:0;filter:grayscale(1);user-select:none;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" alt="Fork me on GitHub"></a>
<p class="about-titulo">Proyecto Grafos</p>
<img class="about-logo" src="./img/graph.svg" alt="Logo">
<p class="source">Pagina web interactiva para la asignatura de Grafos y Lenguajes Formales 2021</p>
<p>Licencia GNU GLP-3.0</p>
<a href="https://github.com/AE-0/Grafos-G3/issues">Reportar un bug</a>
</div>
</div>
</div>
</div>
<div class="sidebar derecha">
<span class="propiedades">Propiedades</span>
<div class="analisis">
<div class="matrizhide">
<img src="./img/bx-plus.svg" alt="mas">
<img src="./img/bx-minus.svg" alt="menos">
</div>
<span class="matrizmenu">Matrices</span>
<span class="label-ady">Matriz Adyacente</span>
<div class="matriz-ady"></div>
<span class="label-c">Matriz C</span>
<div class="matriz-c"></div>
</div>
<div class="na-nv">
<span>Vertices</span>
<span class="nvertices"></span>
<span>Aristas</span>
<span class="naristas"></span>
</div>
<div class="re">
<span>Regiones</span>
<span class="region"></span>
</div>
<span class="tipo"></span>
<span class="conexo"></span>
<div class="plan">
<span class="plano"></span>
</div>
<div class="comp">
<span class="completo"></span>
</div>
<span class="ncroma"></span>
<span class="regular"></span>
<div class="euleriano">
<span class="circuito-eu"></span>
<span class="camino-eu"></span>
<span class="grafo-eu"></span>
</div>
<span class="hamilton"></span>
</div>
<svg class="espacio">
</svg>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
</body>
</html>