-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (130 loc) · 4.83 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CNC-BOT DIBUJANTE</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
}
/* Estilo del menú vertical */
nav {
width: 200px;
background-color: #333;
height: 100vh;
position: fixed;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
border-bottom: 1px solid #444;
}
nav ul li a {
color: white;
text-decoration: none;
display: block;
padding: 15px;
font-size: 16px;
}
nav ul li a:hover {
background-color: #575757;
}
/* Estilo del contenido principal */
.content {
margin-left: 220px;
padding: 20px;
}
h1 {
font-size: 32px;
color: #333;
}
h2 {
font-size: 24px;
color: #555;
}
p {
font-size: 16px;
line-height: 1.6;
color: #666;
}
/* Estilo de las imágenes */
img {
max-width: 100%;
height: auto;
display: block;
margin: 20px 0;
}
/* Estilo para videos de YouTube */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 20px 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="2.html">Contexto</a></li>
<li><a href="3.html">Solución</a></li>
<li><a href="4.html">CASE</a></li>
<li><a href="5.html">Electronica</a></li>
<li><a href="6.html">Software</a></li>
<li><a href="7.html">Evidencias</a></li>
<li><a href="8.html">Conclusiones</a></li>
</ul>
</nav>
<div class="content">
<h1 id="section1">CNC-BOT DIBUJANTE</h1>
<h2 id="section2">Integrantes:</h2>
<p>Juan David Ortiz Muñoz</p>
<p>John Fernando Franco Rojas</p>
<p>Gabriel Felipe Bravo Delgadillo</p>
<p>Samuel Eduardo Garcia Corredor</p>
<h2 id="section3">Descripción:</h2>
<p>El <b>CNC-BOT DIBUJANTE </b>utiliza servo motores digitales y un sistema de control basado en ESP32 con Mycropython para mover un lápiz o rotulador sobre una superficie de trabajo. Este robot es capaz de interpretar instrucciones preprogramadas para reproducir imágenes y patrones con alta precisión(limitado a lineas y cuadrados). La combinación de hardware y software permite que el Bot dibujante ejecute secuencias complejas de movimientos, replicando diseños en un formato SVG el cual se le proporcione mediante su interfaz.</p>
<p><b>Estructura:</b> Hecha en Acrilico de 3mm de espesor</p>
<p><b>Motores:</b> Utiliza los servo motores digitales ADARF-155</p>
<p><b>Controlador:</b> Utiliza el controlador ESP 32 WROOM V1</p>
<p><b>Software:</b> Utilizara software diseñado en micropython para interpretar y realizar los movimientos correspondiente</p>
<p><b>Elementos de dibujo:</b> Puede usar un lapiz o un boligrafo para trazar</p>
<p>El robot sigue una secuencia de instrucciones almacenadas en el controlador, moviendo el lápiz a las coordenadas especificadas para crear el dibujo.</p>
<p>Este proyecto es ideal para quienes desean explorar la intersección entre arte y tecnología, y aprender sobre automatización y control numérico.</p>
<h2>Palabras clave:</h2>
<p>dibujo</p>
<p>CNC</p>
<p>Motor</p>
<p>Control</p>
<p>Impresión</p>
<p>digital</p>
<h2>Poster</h2>
<img src="imgs/imagen_2024-09-08_213229192.png">
<h2>Banner</h2>
<img src="imgs/BANNER.png" alt="Imagen Ejemplo 2">
<h2>Video</h2>
<div class="video-container">
<iframe src="https://www.youtube.com/watch?v=-3_arFMJxnE" allowfullscreen></iframe>
</div>
<p>Si el video no funciona haz click <a href="https://www.youtube.com/watch?v=-3_arFMJxnE">AQUÍ</a></p>
</div>
</body>
</html>