Skip to content

Commit fcd265a

Browse files
author
Aldo Caneo
committed
Normalize flow of speakers
1 parent b231598 commit fcd265a

40 files changed

Lines changed: 806 additions & 18110 deletions

‎assets/css/base.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,60 @@ table {
1313
th, td {
1414
padding: 8px;
1515
}
16+
1617
a:visited {
1718
color: lightblue;
1819
}
20+
1921
button {
2022
background: blue;
2123
color:white;
2224
padding: 16px;
2325
font-size: 24px;
2426
margin: 8px;
27+
}
28+
29+
header {
30+
position: relative;
31+
}
32+
33+
section {
34+
background-color: #f8f9fa;
35+
padding: 3rem 0;
36+
}
37+
38+
section h2 {
39+
font-size: 2.5rem;
40+
color: #343a40;
41+
}
42+
43+
section p {
44+
font-size: 1.2rem;
45+
color: #6c757d;
46+
text-align: justify;
47+
}
48+
49+
footer {
50+
background-color: #343a40;
51+
color: #fff;
52+
padding: 2rem 0;
53+
}
54+
55+
footer img {
56+
max-width: 200px;
57+
margin-bottom: 1rem;
58+
}
59+
60+
footer p {
61+
margin-bottom: 0.5rem;
62+
}
63+
64+
footer .bi {
65+
font-size: 1.5rem;
66+
color: #fff;
67+
transition: color 0.3s;
68+
}
69+
70+
footer .bi:hover {
71+
color: #ffc107;
2572
}

‎assets/css/main.css‎

Lines changed: 186 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,189 @@
1717
.past-events div {
1818
margin: 32px;
1919
}
20+
21+
/* Estilos para el logo centrado en el carrusel */
22+
.logo-overlay {
23+
position: absolute;
24+
top: 55%;
25+
left: 50%;
26+
transform: translate(-50%, -50%);
27+
z-index: 10;
28+
}
29+
30+
.logo-overlay .logo {
31+
max-width: 300px;
32+
height: auto;
33+
}
34+
35+
.logo-overlay .logoCopiapo {
36+
max-width: 390px;
37+
height: auto;
38+
}
39+
40+
41+
/* Asegura que el header tenga una posición relativa para el logo overlay */
42+
43+
44+
/* Estilo del carrusel */
45+
.carousel-inner img {
46+
height: 70vh;
47+
object-fit: cover;
48+
}
49+
50+
/* Navbar responsivo */
51+
.navbar-nav {
52+
margin-left: auto;
53+
}
54+
55+
56+
57+
58+
/* Estilo para la sección de lugares 2024 */
59+
.bg-light {
60+
background-color: #f8f9fa !important;
61+
}
62+
63+
.card img {
64+
object-fit: cover;
65+
height: 16rem;
66+
}
67+
68+
.card-body {
69+
text-align: center;
70+
}
71+
72+
/* Estilo para la sección de Auspiciadores */
73+
.img-fluid {
74+
max-height: 150px;
75+
object-fit: contain;
76+
}
77+
78+
/* Estilos para el footer */
79+
80+
81+
82+
/* Estilos para la sección de Cronograma */
83+
#cronograma {
84+
background-color: #f8f9fa;
85+
padding: 3rem 0;
86+
}
87+
88+
#cronograma h2 {
89+
font-size: 2.5rem;
90+
color: #343a40;
91+
}
92+
93+
#cronograma .list-group-item {
94+
border: none;
95+
padding: 1.5rem 1rem;
96+
margin-bottom: 1rem;
97+
background-color: #fff;
98+
border-radius: 0.5rem;
99+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
100+
}
101+
102+
#cronograma .img-fluid {
103+
max-width: 100px;
104+
}
105+
106+
#cronograma .social-icons .bi {
107+
font-size: 1.5rem;
108+
transition: color 0.3s;
109+
}
110+
111+
#cronograma .social-icons .bi:hover {
112+
color: #007bff;
113+
}
114+
115+
116+
/* Estilos para la sección de Ubicación */
117+
#ubicacion {
118+
background-color: #f8f9fa;
119+
padding: 3rem 0;
120+
121+
}
122+
123+
#ubicacion h2 {
124+
font-size: 2.5rem;
125+
color: #343a40;
126+
}
127+
128+
#ubicacion .img-fluid {
129+
max-width: 100%;
130+
131+
height: auto;
132+
border-radius: 0.5rem;
133+
}
134+
135+
#ubicacion p.lead {
136+
font-size: 1.25rem;
137+
margin-top: 1rem;
138+
}
139+
140+
.map-responsive {
141+
position: relative;
142+
overflow: hidden;
143+
padding-top: 56.25%;
144+
/* 16:9 Aspect Ratio */
145+
}
146+
147+
.map-responsive iframe {
148+
position: absolute;
149+
top: 0;
150+
left: 0;
151+
width: 100%;
152+
height: 100%;
153+
border: 0;
154+
}
155+
156+
/* Estilos para la sección de Cómo Participar */
157+
#como-participar {
158+
background-color: #f8f9fa;
159+
padding: 3rem 0;
160+
}
161+
162+
#como-participar h2 {
163+
font-size: 2.5rem;
164+
color: #343a40;
165+
}
166+
167+
#como-participar p.lead {
168+
font-size: 1.25rem;
169+
margin-bottom: 1.5rem;
170+
}
171+
172+
#como-participar .btn {
173+
font-size: 1.25rem;
174+
padding: 0.75rem 1.5rem;
175+
margin: auto;
176+
}
177+
178+
/* Espaciado entre botones en dispositivos móviles */
179+
#como-participar .btn-primary.mb-3 {
180+
margin-bottom: 1rem;
181+
}
182+
183+
184+
/* Estilos para la sección de Galería */
185+
#galeria {
186+
background-color: #f8f9fa;
187+
padding: 3rem 0;
188+
}
189+
190+
#galeria h2 {
191+
font-size: 2.5rem;
192+
color: #343a40;
193+
}
194+
195+
#galeria p {
196+
font-size: 1.25rem;
197+
color: #6c757d;
198+
}
199+
200+
/* Estilo para el carrusel */
201+
.carousel-item img {
202+
height: 700px;
203+
object-fit: cover;
204+
}
205+

‎assets/js/copiapo.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
const FILES =[
2+
'header.html',
3+
'about.html',
4+
'location.html',
25
'schedule.html',
3-
'location.html'
6+
'gallery.html',
7+
'../footer.html'
48
]
59
for(let i=0; i<FILES.length;i++){
610
await fetch('assets/sections/copiapo/' + FILES[i]).then(r => r.text()).then(r => document.body.innerHTML+=r)

0 commit comments

Comments
 (0)