Skip to content

Commit d04f488

Browse files
cmaureircmaureir
authored
Nuevo look para el sitio web (#65)
* Nuevo look para el sitio web * Add separate HTML files and responsiveness * Update SITEURL
1 parent 7daf81d commit d04f488

11 files changed

Lines changed: 160 additions & 125 deletions

File tree

‎pelicanconf.py‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
AUTHOR = "Python Chile"
44
SITENAME = "Comunidad Chilena de Python"
5-
SITESUBTITLE = "Lugar de encuentro de todas las personas entusiastas de Python a lo largo del país"
5+
SITESUBTITLE = "Lugar de encuentro de todas las personas entusiastas de Python a lo largo de Chile"
66
DESCRIPTION = (
77
"Nuestro objetivo es ser el lugar de encuentro de todos los entusiastas de Python "
88
"a lo largo del país, fortaleciendo a los miembros de la comunidad para generar un impacto "
@@ -33,15 +33,8 @@
3333
"url": "pages/codigo-de-conducta.html",
3434
"children": None,
3535
},
36-
"comunidad": {
37-
"title": "Comunidad",
38-
"url": "#",
39-
"children": {
40-
"coordinación": {"title": "Coordinación", "url": "pages/coordinacion.html"},
41-
"grupos": {"title": "Grupos", "url": "pages/grupos.html"},
42-
#"eventos": {"title": "Eventos", "url": "#"},
43-
},
44-
},
36+
"coordinación": {"title": "Coordinación", "url": "pages/coordinacion.html"},
37+
"grupos": {"title": "Grupos", "url": "pages/grupos.html"},
4538
"eventos": {
4639
"title": "Eventos",
4740
"url": "pages/eventos.html",

‎pycltheme/static/css/cl.css‎

Lines changed: 41 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1+
* {
2+
font-family: 'Open Sans', sans-serif;
3+
}
4+
15
.navbar-dark .navbar-nav .nav-link {
26
color: white;
3-
text-shadow: 1px 1px 2px #000000;
47
}
58

69
.navbar-dark .navbar-nav .nav-link:hover {
@@ -10,30 +13,24 @@
1013
.navbar-dark .navbar-brand {
1114
color: white;
1215
font-weight: bold;
13-
text-shadow: 1px 1px 2px #000000;
1416
}
1517

1618

1719
.cabecera-index {
1820
color: white;
19-
height: 30vh;
20-
min-height: 250px;
21-
background-image: url("../images/back.png");
21+
height: 20vh;
22+
min-height: 230px;
23+
background-color: #343a40;
2224
background-size: cover;
2325
background-position: center;
2426
background-repeat: no-repeat;
25-
/*
26-
background: linear-gradient(-45deg, #376d9c, #52a4e7, #0072d6, #0057a8);
27-
background-size: 400% 400%;
28-
animation: gradient 15s ease infinite;
29-
*/
3027
}
3128

3229
.cabecera {
3330
color: white;
34-
height: 10vh;
35-
min-height: 90px;
36-
background-image: url("../images/back.png");
31+
height: 5vh;
32+
min-height: 80px;
33+
background-color: #343a40;
3734
background-size: cover;
3835
background-position: center;
3936
background-repeat: no-repeat;
@@ -98,7 +95,8 @@
9895
}
9996

10097
.plataformas {
101-
background: #343a40;
98+
/*background: #343a40;*/
99+
background: #0057a8;
102100
padding-top: 10px;
103101
padding-bottom: 10px;
104102
}
@@ -109,7 +107,23 @@
109107
padding-bottom: 10px;
110108
}
111109

110+
.fondo-azul {
111+
background: #0057a8;
112+
padding-top: 10px;
113+
padding-bottom: 10px;
114+
}
112115

116+
.fondo-celeste {
117+
background: #4182bf;
118+
padding-top: 10px;
119+
padding-bottom: 10px;
120+
}
121+
122+
.fondo-gris {
123+
background: #343a40;
124+
padding-top: 10px;
125+
padding-bottom: 10px;
126+
}
113127

114128
.fab:hover {
115129
color: rgba(255, 67, 46, 1);
@@ -139,13 +153,16 @@
139153
margin: 0 auto; /* Added */
140154
float: none; /* Added */
141155
margin-bottom: 10px; /* Added */
142-
width: 20rem;
143156
}
144157

145158
.card-text-coord {
146159
font-size: 10pt;
147160
}
148161

162+
.card-footer {
163+
padding: 5px;
164+
}
165+
149166
.list-inline-item {
150167
margin: 15px 30px 0px 30px;
151168
}
@@ -268,15 +285,13 @@ blockquote {
268285
color: #fdc130;
269286
font-size: 1em;
270287
font-weight: 500;
271-
text-shadow: 1px 2px 4px #000000;
272288
text-align: left;
273289
}
274290

275291
.texto-plataformas {
276292
color:white;
277293
font-size: 1.3em;
278294
font-weight: 500;
279-
text-shadow: 1px 2px 4px #000000;
280295
line-height: 1.4;
281296
text-align: start;
282297
vertical-align: middle;
@@ -393,3 +408,12 @@ ul.navbar-nav {
393408
display: inline-block;
394409
}
395410
}
411+
412+
.bg-hablemospython {
413+
background-color: #132e45 !important;
414+
}
415+
416+
.titulo-bold {
417+
color: #343a40;
418+
font-weight: 800;
419+
}

‎pycltheme/templates/archives.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ <h1 class="pb-5">Entradas del Blog</h1>
77

88
<div class="row">
99
{% for article in dates%}
10-
{% include 'card.html' %}
10+
{% include 'card-page.html' %}
1111
{% endfor %}
1212
</div>
13-
13+
1414
{% endblock %}

‎pycltheme/templates/base-index.html‎

Lines changed: 22 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,19 @@
55
<div class="container h-100">
66
<!-- Barra de navegación -->
77
<nav class="navbar navbar-transparent navbar-expand-lg navbar-dark" id="custom-nav">
8-
<a class="navbar-brand" href="{{ SITEURL }}/index.html">Python Chile</a>
98
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
109
<span class="navbar-toggler-icon"></span>
1110
</button>
12-
<div class="collapse navbar-collapse" id="navbarNavDropdown">
11+
<div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
1312
<ul class="navbar-nav">
1413
{% for name, d in MENUELEMENTS.items() %}
1514
{% if not d["children"] %}
1615
<li class="nav-item">
17-
<a class="nav-link" href="{{ SITEURL }}/{{ d["url"] }}">{{ d["title"] }}</a>
16+
<a class="nav-link titulo-bold" href="{{ SITEURL }}/{{ d["url"] }}">{{ d["title"] }}</a>
1817
</li>
1918
{% else %}
2019
<li class="nav-item dropdown">
21-
<a class="nav-link dropdown-toggle" href="{{ SITEURL }}/{{ d["url"] }}" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
20+
<a class="nav-link dropdown-toggle titulo-bold" href="{{ SITEURL }}/{{ d["url"] }}" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2221
{{ d["title"] }}
2322
</a>
2423
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
@@ -34,24 +33,21 @@
3433
</nav>
3534

3635
<div class="container">
37-
<div class="row justify-content-md-center vauto mt-3">
36+
<div class="row justify-content-md-center vauto">
3837
<div class="d-none d-sm-block col-md-4 col-sm-4 text-center mt-3">
3938
<img class="img-responsive p3" src="{{SITEURL}}/theme/images/pythonchile_logo.png" />
4039
</div>
41-
<div class="col-md-6 col-sm-8 col-xs-12 text-left vauto">
42-
<h1 class="font-weight-light">{{ SITENAME }}</h1>
43-
<p class="lead">{{ SITESUBTITLE }}</p>
40+
<div class="col-md-6 col-sm-8 col-xs-12 text-left mt-3 vauto">
41+
<h3 class="lead">{{ SITESUBTITLE }}</h3>
4442
<!-- Redes -->
45-
<div class="pt-3 pb-4">
43+
<div class="pt-1 pb-1">
4644
<div class="container-redes">
4745
<div class="row justify-content-md-start">
48-
{% for name, d in REDES.items() %}
49-
<div class="iconos_redes">
50-
<a href="{{ d["url"] }}" target="_blank">
51-
<i class="fab {{ d["icon"] }} fa-2x fa-inverse"></i>
52-
</a>
53-
</div>
54-
{% endfor %}
46+
{% for name, d in PLATAFORMAS.items() %}
47+
<a href="{{ d["url"] }}">
48+
<i class="fab {{ d["icon"] }} fa-2x fa-inverse iconos_plataformas"></i>
49+
</a>
50+
{% endfor %}
5551
</div>
5652
</div>
5753
</div>
@@ -62,45 +58,17 @@ <h1 class="font-weight-light">{{ SITENAME }}</h1>
6258
</header>
6359

6460
<!-- Plataformas -->
65-
<div class="pt-3 pb-4 plataformas">
61+
<div class="pt-3 pb-3 plataformas">
6662
<div class="container">
67-
<div class="row">
68-
<div class="col-md-2 col-sm-1"> </div>
69-
<div class="col-md-7 col-sm-8">
70-
<span class="texto-plataformas">¡Ponte en contacto con la comunidad en Discord y Telegram!</span>
71-
</div>
72-
<div class="col-md-3 col-sm-3">
73-
{% for name, d in PLATAFORMAS.items() %}
74-
<a href="{{ d["url"] }}">
75-
<i class="fab {{ d["icon"] }} fa-3x fa-inverse iconos_plataformas"></i>
76-
</a>
77-
{% endfor %}
78-
</div>
79-
</div>
80-
</div>
81-
</div>
82-
83-
<!-- Python en Español -->
84-
<div class="pt-2 pb-2 fondo-noche">
85-
<div class="container">
86-
<div class="row justify-content-md-center">
87-
<div class="col-md-1 col-sm-3">
88-
<img class="ene" src="images/python_en_espanol.png" />
89-
</div>
90-
<div class="col-md-7 col-sm-9 text-start vauto texto-python_en_espanol" >
91-
No olvides unirte también a la comunidad hispanohablante más grande del mundo.
92-
</div>
93-
<div class="col-md-3 col-sm-12 text-center pb-2 pt-2 discord vauto">
94-
<div>
95-
<a href="https://discord.gg/35E3Ph7Fez">
96-
<button class="btn btn-default valign size-h4">
97-
<i class="fab fa-discord fa-2x" aria-hidden="true"></i>
98-
<span>Python en Español</span>
99-
</button>
100-
</a>
101-
</div>
102-
</div>
103-
</div>
63+
<div class="row justify-content-center">
64+
{% for name, d in REDES.items() %}
65+
<div class="iconos_redes">
66+
<a href="{{ d["url"] }}" target="_blank">
67+
<i class="fab {{ d["icon"] }} fa-2x fa-inverse"></i>
68+
</a>
69+
</div>
70+
{% endfor %}
71+
</div>
10472
</div>
10573
</div>
10674

‎pycltheme/templates/base.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,22 +7,21 @@
77

88
<!-- Barra de navegación -->
99
<nav class="navbar navbar-transparent navbar-expand-lg navbar-dark" id="custom-nav">
10-
<img class="d-none d-sm-block img-header" src="{{SITEURL}}/theme/images/logo.png" />
11-
<a class="navbar-brand" href="{{ SITEURL }}/index.html">Python Chile</a>
10+
<a href="{{ SITEURL }}/index.html"><img class="d-none d-sm-block img-header" src="{{SITEURL}}/theme/images/pythonchile_logo.png" /></a>
1211
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
1312
<span class="navbar-toggler-icon"></span>
1413
</button>
15-
<div class="collapse navbar-collapse" id="navbarNavDropdown">
14+
<div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
1615
<ul class="navbar-nav">
1716

1817
{% for name, d in MENUELEMENTS.items() %}
1918
{% if not d["children"] %}
2019
<li class="nav-item">
21-
<a class="nav-link" href="{{ SITEURL }}/{{ d["url"] }}">{{ d["title"] }}</a>
20+
<a class="nav-link titulo-bold" href="{{ SITEURL }}/{{ d["url"] }}">{{ d["title"] }}</a>
2221
</li>
2322
{% else %}
2423
<li class="nav-item dropdown">
25-
<a class="nav-link dropdown-toggle" href="{{ SITEURL }}/{{ d["url"] }}" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
24+
<a class="nav-link dropdown-toggle titulo-bold" href="{{ SITEURL }}/{{ d["url"] }}" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2625
{{ d["title"] }}
2726
</a>
2827
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

‎pycltheme/templates/card-page.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
2+
<div class="col-md-4 col-lg-4 mb-5">
3+
<div class="card h-100">
4+
<a href="{{ SITEURL }}/{{ article.url }}">
5+
<img class="card-img-top img-fluid"
6+
src="{{ SITEURL }}/images/{{ article.image }}"
7+
alt="{{ article.title }} Image">
8+
</a>
9+
<div class="card-body d-flex flex-column">
10+
<h5 class="card-title">{{ article.title }}</h5>
11+
<h6 class="card-subtitle text-muted text-right">por
12+
{% for author in article.authors %}
13+
<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
14+
{% endfor %}
15+
</h6>
16+
<h6 class="card-subtitle text-muted text-right mt-1">
17+
<time class="published" datetime="{{ article.date.isoformat() }}">
18+
{{ article.locale_date }}
19+
</time>
20+
</h6>
21+
<div class="mt-auto">
22+
<a href="{{ SITEURL }}/{{ article.url }}" class="btn btn-primary float-right">Ver publicación</a>
23+
</div>
24+
</div>
25+
<div class="card-footer">
26+
<h6 style="font-size: 90%;" class="text-muted text-right">
27+
<a class="url fn" href="{{ SITEURL }}/{{ article.category.url }}">#{{ article.category }}</a>
28+
</div>
29+
</div>
30+
</div>

‎pycltheme/templates/card.html‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
<div class="col-md-6 col-lg-4 mb-5">
2+
<div class="col-md-6 col-lg-6 mb-5">
33
<div class="card h-100">
44
<a href="{{ SITEURL }}/{{ article.url }}">
55
<img class="card-img-top img-fluid"
@@ -8,22 +8,23 @@
88
</a>
99
<div class="card-body d-flex flex-column">
1010
<h5 class="card-title">{{ article.title }}</h5>
11-
<div class="mt-auto">
12-
<a href="{{ SITEURL }}/{{ article.url }}" class="btn btn-primary float-right">Ver publicación</a>
13-
</div>
14-
</div>
15-
<div class="card-footer">
1611
<h6 class="card-subtitle text-muted text-right">por
1712
{% for author in article.authors %}
1813
<a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
1914
{% endfor %}
2015
</h6>
21-
<h6 style="font-size: 90%;" class="text-muted text-right">publicado el
22-
<time class="published" datetime="{{ article.date.isoformat() }}">
23-
{{ article.locale_date }}
24-
</time></h6>
16+
<h6 class="card-subtitle text-muted text-right mt-1">
17+
<time class="published" datetime="{{ article.date.isoformat() }}">
18+
{{ article.locale_date }}
19+
</time>
20+
</h6>
21+
<div class="mt-auto">
22+
<a href="{{ SITEURL }}/{{ article.url }}" class="btn btn-primary float-right">Ver publicación</a>
23+
</div>
24+
</div>
25+
<div class="card-footer">
2526
<h6 style="font-size: 90%;" class="text-muted text-right">
26-
<a class="url fn" href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
27+
<a class="url fn" href="{{ SITEURL }}/{{ article.category.url }}">#{{ article.category }}</a>
2728
</div>
2829
</div>
2930
</div>

‎pycltheme/templates/footer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@ <h4 class="mt-lg-0 mt-sm-4">Contacto</h4>
4141
</div>
4242
</div>
4343
<div class="row mt-5">
44-
<div class="col copyright">
45-
<p class=""><small class="text-white-50">Copyright © 2021 Python Chile. Todos los derechos reservados</small></p>
44+
<div class="col copyright text-center">
45+
<p class=""><small class="text-white-50">Copyright © 2022 Python Chile. Todos los derechos reservados</small></p>
4646
</div>
4747
</div>
4848
</div>

0 commit comments

Comments
 (0)