Skip to content

Commit 04374d7

Browse files
mechmind-dwvmechmind-dwv
authored
Merge pull request #9 from MechBot-2x/master
Master
2 parents 18775ee + 657d0ef commit 04374d7

File tree

5 files changed

+492
-33
lines changed

5 files changed

+492
-33
lines changed

‎_config.yml‎

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,30 @@
1+
# Configuración Jekyll para MechMind-dwv
2+
title: "MechMind-dwv | Ingeniería Robótica"
3+
description: "Plataforma central de robótica e IA generativa"
4+
url: "https://mechmind-dwv.github.io"
5+
baseurl: ""
6+
7+
# Tema y plugins
18
theme: jekyll-theme-minimal
2-
plugins: [jekyll-feed]
9+
plugins:
10+
- jekyll-feed
11+
- jekyll-sitemap
12+
13+
# Configuración de construcción
14+
markdown: kramdown
15+
highlighter: rouge
16+
sass:
17+
sass_dir: assets/css
18+
style: compressed
19+
20+
# Excluir archivos del build
21+
exclude:
22+
- README.md
23+
- Gemfile
24+
- Gemfile.lock
25+
- node_modules
26+
- vendor
27+
- .sass-cache
28+
- .jekyll-cache
29+
- gemfiles
30+
- .github

‎assets/css/mechmind.css‎

Lines changed: 250 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,271 @@
1+
/* Variables CSS */
12
:root {
2-
--mechmind-primary: #FF00FF;
3+
--mechmind-primary: #00D4FF;
4+
--mechmind-secondary: #FF00FF;
5+
--mechmind-accent: #00FF88;
36
--mechmind-bg: #0D1117;
7+
--mechmind-surface: #161B22;
8+
--mechmind-text: #E6EDF3;
9+
--mechmind-border: #30363D;
10+
--font-mono: 'Fira Code', 'Courier New', monospace;
11+
}
12+
13+
/* Reset y base */
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
box-sizing: border-box;
418
}
519

620
body {
721
background: var(--mechmind-bg);
8-
font-family: 'Courier New', monospace;
22+
color: var(--mechmind-text);
23+
font-family: var(--font-mono);
24+
line-height: 1.6;
25+
overflow-x: hidden;
926
}
1027

28+
/* Terminal principal */
1129
.cyber-terminal {
12-
border: 2px dashed var(--mechmind-primary);
30+
border: 2px solid var(--mechmind-primary);
31+
border-radius: 8px;
32+
margin: 2rem auto;
33+
max-width: 900px;
34+
background: var(--mechmind-surface);
35+
box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
36+
position: relative;
37+
z-index: 10;
38+
}
39+
40+
.terminal-header {
41+
background: var(--mechmind-border);
42+
padding: 0.5rem 1rem;
43+
border-bottom: 1px solid var(--mechmind-primary);
44+
display: flex;
45+
align-items: center;
46+
}
47+
48+
.terminal-title {
49+
color: var(--mechmind-primary);
50+
font-size: 0.9rem;
51+
font-weight: bold;
52+
}
53+
54+
.terminal-content {
1355
padding: 2rem;
14-
margin: 5% auto;
15-
max-width: 800px;
56+
}
57+
58+
.cyber-title {
59+
font-size: 2.5rem;
60+
color: var(--mechmind-primary);
61+
text-align: center;
62+
margin-bottom: 0.5rem;
63+
text-shadow: 0 0 10px var(--mechmind-primary);
64+
}
65+
66+
.cyber-subtitle {
67+
text-align: center;
68+
color: var(--mechmind-accent);
69+
margin-bottom: 2rem;
70+
font-style: italic;
71+
}
72+
73+
/* Efecto typewriter */
74+
.terminal-output {
75+
background: #000;
76+
padding: 1.5rem;
77+
border-radius: 4px;
78+
border: 1px solid var(--mechmind-border);
79+
margin: 2rem 0;
80+
min-height: 200px;
81+
font-size: 0.9rem;
82+
}
83+
84+
.type {
85+
display: block;
86+
opacity: 0;
87+
animation: fadeIn 0.5s forwards;
88+
}
89+
90+
@keyframes fadeIn {
91+
to { opacity: 1; }
92+
}
93+
94+
/* Botones */
95+
.button-grid {
96+
display: grid;
97+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
98+
gap: 1rem;
99+
margin-top: 2rem;
16100
}
17101

18102
.cyber-button {
19-
background: black;
103+
background: transparent;
20104
color: var(--mechmind-primary);
21-
border: 1px solid;
105+
border: 2px solid var(--mechmind-primary);
22106
padding: 1rem 2rem;
23107
text-decoration: none;
24-
transition: all 0.3s;
108+
text-align: center;
109+
transition: all 0.3s ease;
110+
position: relative;
111+
overflow: hidden;
112+
font-family: var(--font-mono);
113+
font-weight: bold;
25114
}
26115

27116
.cyber-button:hover {
28-
text-shadow: 0 0 10px var(--mechmind-primary);
117+
color: var(--mechmind-bg);
118+
background: var(--mechmind-primary);
119+
text-shadow: none;
29120
box-shadow: 0 0 20px var(--mechmind-primary);
121+
transform: translateY(-2px);
122+
}
123+
124+
.cyber-button.secondary {
125+
border-color: var(--mechmind-secondary);
126+
color: var(--mechmind-secondary);
127+
}
128+
129+
.cyber-button.secondary:hover {
130+
background: var(--mechmind-secondary);
131+
box-shadow: 0 0 20px var(--mechmind-secondary);
132+
}
133+
134+
.cyber-button.accent {
135+
border-color: var(--mechmind-accent);
136+
color: var(--mechmind-accent);
137+
}
138+
139+
.cyber-button.accent:hover {
140+
background: var(--mechmind-accent);
141+
box-shadow: 0 0 20px var(--mechmind-accent);
142+
}
143+
144+
/* Secciones */
145+
.tech-section, .projects-section {
146+
padding: 4rem 2rem;
147+
max-width: 1200px;
148+
margin: 0 auto;
149+
}
150+
151+
.tech-section h2, .projects-section h2 {
152+
text-align: center;
153+
color: var(--mechmind-primary);
154+
margin-bottom: 3rem;
155+
font-size: 2rem;
156+
}
157+
158+
.tech-grid {
159+
display: grid;
160+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
161+
gap: 2rem;
162+
}
163+
164+
.tech-item {
165+
background: var(--mechmind-surface);
166+
padding: 2rem;
167+
border-radius: 8px;
168+
border: 1px solid var(--mechmind-border);
169+
text-align: center;
170+
transition: all 0.3s ease;
171+
}
172+
173+
.tech-item:hover {
174+
border-color: var(--mechmind-primary);
175+
box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
176+
transform: translateY(-5px);
177+
}
178+
179+
.tech-icon {
180+
font-size: 3rem;
181+
display: block;
182+
margin-bottom: 1rem;
183+
}
184+
185+
.tech-name {
186+
font-size: 1.2rem;
187+
color: var(--mechmind-primary);
188+
font-weight: bold;
189+
}
190+
191+
.project-grid {
192+
display: grid;
193+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
194+
gap: 2rem;
195+
}
196+
197+
.project-card {
198+
background: var(--mechmind-surface);
199+
padding: 2rem;
200+
border-radius: 8px;
201+
border: 1px solid var(--mechmind-border);
202+
transition: all 0.3s ease;
203+
}
204+
205+
.project-card:hover {
206+
border-color: var(--mechmind-accent);
207+
box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);
208+
transform: translateY(-5px);
209+
}
210+
211+
.project-card h3 {
212+
color: var(--mechmind-accent);
213+
margin-bottom: 1rem;
214+
}
215+
216+
.project-link {
217+
color: var(--mechmind-primary);
218+
text-decoration: none;
219+
font-weight: bold;
220+
display: inline-block;
221+
margin-top: 1rem;
222+
}
223+
224+
.project-link:hover {
225+
text-shadow: 0 0 10px var(--mechmind-primary);
226+
}
227+
228+
/* Footer */
229+
.cyber-footer {
230+
text-align: center;
231+
padding: 3rem 2rem;
232+
border-top: 1px solid var(--mechmind-border);
233+
margin-top: 4rem;
234+
color: var(--mechmind-text);
235+
font-style: italic;
236+
}
237+
238+
/* Canvas de partículas */
239+
#particles {
240+
position: fixed;
241+
top: 0;
242+
left: 0;
243+
width: 100%;
244+
height: 100%;
245+
pointer-events: none;
246+
z-index: 1;
247+
}
248+
249+
/* Responsive */
250+
@media (max-width: 768px) {
251+
.cyber-terminal {
252+
margin: 1rem;
253+
border-radius: 4px;
254+
}
255+
256+
.terminal-content {
257+
padding: 1rem;
258+
}
259+
260+
.cyber-title {
261+
font-size: 2rem;
262+
}
263+
264+
.button-grid {
265+
grid-template-columns: 1fr;
266+
}
267+
268+
.tech-grid, .project-grid {
269+
grid-template-columns: 1fr;
270+
}
30271
}

0 commit comments

Comments
 (0)