Skip to content

Commit bcbba66

Browse files
cmaureircmaureir
authored
Agregar botón a la lista de redes (#35)
- Separando plataformas y redes sociales - Agregando Instagram - Agregando Python en Español - Quitando slack - Moviendo redes sociales al header - Alineando elementos Python en Español
1 parent a2738ab commit bcbba66

6 files changed

Lines changed: 131 additions & 18 deletions

File tree

‎content/images/python_en_espanol.png‎

31.6 KB
Loading

‎pelicanconf.py‎

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -45,14 +45,20 @@
4545
}
4646

4747
# Social widget
48-
REDES = {
49-
"discord": {"alt": "Discord", "icon": "fa-discord", "url": "https://discord.gg/dTHMfJvauS"},
50-
"telegram": {"alt": "Telegram", "icon": "fa-telegram", "url": "https://t.me/pythonchile"},
51-
"slack": {
52-
"alt": "Slack",
53-
"icon": "fa-slack",
54-
"url": "https://join.slack.com/t/python-chile/shared_invite/zt-3hitnkfk-I_CM~2ANuwofgARLZjI42A",
48+
PLATAFORMAS = {
49+
"discord": {
50+
"alt": "Discord",
51+
"icon": "fa-discord",
52+
"url": "https://discord.gg/dTHMfJvauS"
53+
},
54+
"telegram": {
55+
"alt": "Telegram",
56+
"icon": "fa-telegram",
57+
"url": "https://t.me/pythonchile"
5558
},
59+
}
60+
61+
REDES = {
5662
"facebook": {
5763
"alt": "Facebook",
5864
"icon": "fa-facebook-f",
@@ -63,17 +69,26 @@
6369
"icon": "fa-twitter",
6470
"url": "https://twitter.com/pythonchiledev",
6571
},
66-
"github": {"alt": "Github", "icon": "fa-github", "url": "https://github.com/python-chile"},
67-
"youtube": {
68-
"alt": "YouTube",
69-
"icon": "fa-youtube",
70-
"url": "https://www.youtube.com/c/PythonChile",
72+
"instagram": {
73+
"alt": "Instagram",
74+
"icon": "fa-instagram",
75+
"url": "https://instagram.com/pythonchiledev",
76+
},
77+
"github": {
78+
"alt": "Github",
79+
"icon": "fa-github",
80+
"url": "https://github.com/python-chile"
7181
},
7282
"linkedin": {
7383
"alt": "LinkedIn",
7484
"icon": "fa-linkedin",
7585
"url": "https://www.linkedin.com/groups/4929519/",
7686
},
87+
"youtube": {
88+
"alt": "YouTube",
89+
"icon": "fa-youtube",
90+
"url": "https://www.youtube.com/c/PythonChile",
91+
},
7792
}
7893

7994
DEFAULT_PAGINATION = 10

‎pycltheme/static/css/cl.css‎

Lines changed: 46 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
background-repeat: no-repeat;
4040
}
4141

42-
.cabecera p, h1, h2, h3 {
42+
.cabecera p, h1, h2, h3, h4, h5 {
4343
text-shadow: 1px 2px 4px #000000;
4444
}
4545

@@ -93,11 +93,23 @@
9393
}
9494

9595
.redes-sociales {
96+
background: rgba(225,45,27,0.9);
97+
padding-top: 10px;
98+
padding-bottom: 10px;
99+
}
100+
101+
.plataformas {
96102
background: #343a40;
97103
padding-top: 10px;
98104
padding-bottom: 10px;
99105
}
100106

107+
.python-en-espanol {
108+
background: #132e45;
109+
padding-top: 10px;
110+
padding-bottom: 10px;
111+
}
112+
101113
.fab:hover {
102114
color: rgba(255, 67, 46, 1);
103115
}
@@ -204,6 +216,15 @@ blockquote {
204216
margin-bottom: auto;
205217
}
206218

219+
.valign {
220+
display: flex;
221+
align-items: center;
222+
}
223+
224+
.valign span {
225+
margin-left: 10px;
226+
}
227+
207228
.red {
208229
color: #e12d1b;
209230
font-style: normal;
@@ -215,3 +236,27 @@ blockquote {
215236
}
216237

217238

239+
/* Botón Discord Python en Español */
240+
.discord {
241+
}
242+
243+
.discord button {
244+
width: 100%;
245+
justify-content: center;
246+
}
247+
248+
.discord .btn-primary,
249+
.discord .btn-primary:active,
250+
.discord .btn-primary:visited,
251+
.discord .btn-primary:focus {
252+
background-color: #132e45;
253+
border-color: white;
254+
}
255+
.discord .btn-primary:hover {
256+
background-color: #859bee;
257+
border-color: #859bee;
258+
}
259+
260+
.discord a {
261+
text-decoration: none;
262+
}

‎pycltheme/templates/base-index.html‎

Lines changed: 47 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -55,19 +55,35 @@
5555
<div class="col-md-9 col-sm-8 col-xs-12 text-left vauto">
5656
<h1 class="font-weight-light">{{ SITENAME }}</h1>
5757
<p class="lead">{{ SITESUBTITLE }}</p>
58+
<!-- Redes -->
59+
<div class="pt-3 pb-4">
60+
<div class="container">
61+
<div class="row justify-content-md-start">
62+
{% for name, d in REDES.items() %}
63+
<div class="col-auto"> <!---lg-8 col-md-10 mx-auto">-->
64+
<a href="{{ d["url"] }}">
65+
<i class="fab {{ d["icon"] }} fa-2x fa-inverse"></i>
66+
</a>
67+
</div>
68+
{% endfor %}
69+
</div>
70+
</div>
71+
</div>
72+
5873
</div>
5974
</div>
6075
</div>
6176
</div>
6277
</header>
6378

64-
<!-- Redes Sociales -->
65-
<!--<div class="mt-5 pt-5 pb-5 redes-sociales">-->
66-
<div class="pt-3 pb-4 redes-sociales">
79+
<!-- Plataformas -->
80+
<div class="pt-3 pb-4 plataformas">
6781
<div class="container">
68-
<h3 class="text-center" style="color: white;">¡Únete a la comunidad!</h3>
6982
<div class="row justify-content-md-center">
70-
{% for name, d in REDES.items() %}
83+
<div class="col-auto">
84+
<h4 class="text-center text-white pt-2">¡Ponte en contacto con la comunidad en Discord y Telegram!</h4>
85+
</div>
86+
{% for name, d in PLATAFORMAS.items() %}
7187
<div class="col-auto"> <!---lg-8 col-md-10 mx-auto">-->
7288
<a href="{{ d["url"] }}">
7389
<i class="fab {{ d["icon"] }} fa-3x fa-inverse"></i>
@@ -78,6 +94,32 @@ <h3 class="text-center" style="color: white;">¡Únete a la comunidad!</h3>
7894
</div>
7995
</div>
8096

97+
<!-- Python en Español -->
98+
<div class="pt-2 pb-2 python-en-espanol">
99+
<div class="container">
100+
<div class="row justify-content-md-center">
101+
<div class="col-2 text-center">
102+
<img style="width: 40px;" src="images/python_en_espanol.png" />
103+
</div>
104+
<div class="col-7 text-start vauto" style="color: #fdc130;">
105+
<h5 class="vauto" style="font-size: 95%;">
106+
No olvides unirte también a la comunidad hispanohablante más grande del mundo.
107+
</h5>
108+
</div>
109+
<div class="col-3 text-begin vauto pr-5">
110+
<div class="discord">
111+
<a href="https://discord.gg/35E3Ph7Fez">
112+
<button class="btn btn-primary valign size-h4">
113+
<i class="fab fa-discord fa-2x" aria-hidden="true"></i>
114+
<span>Python en Español</span>
115+
</button>
116+
</a>
117+
</div>
118+
</div>
119+
</div>
120+
</div>
121+
</div>
122+
81123
<!-- Entradas Blog -->
82124
{% block content %}
83125
{% endblock %}

‎pycltheme/templates/base.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,14 @@
4444
<div class="redes-sociales">
4545
<div class="container">
4646
<div class="row justify-content-md-center">
47+
{% for name, d in PLATAFORMAS.items() %}
48+
<div class="col-auto"> <!---lg-8 col-md-10 mx-auto">-->
49+
<a href="{{ d["url"] }}">
50+
<i class="fab {{ d["icon"] }} fa-2x fa-inverse"></i>
51+
</a>
52+
</div>
53+
{% endfor %}
54+
4755
{% for name, d in REDES.items() %}
4856
<div class="col-auto"> <!---lg-8 col-md-10 mx-auto">-->
4957
<a href="{{ d["url"] }}">

‎pycltheme/templates/footer.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,9 @@ <h4 class="mt-lg-0 mt-sm-4">Contacto</h4>
3131
<p><a href="mailto:contacto@pythonchile.cl"><i class="fa fa-envelope-o mr-3"></i>contacto@pythonchile.cl</a></p>
3232
<p class="pr-5 text-white-50">o ingresa en nuestras redes:</p>
3333
<p>
34+
{% for name, d in PLATAFORMAS.items() %}
35+
<a href="{{ d["url"] }}"><i class="fab {{ d["icon"] }} fa-lg mr-1"></i></a>
36+
{% endfor %}
3437
{% for name, d in REDES.items() %}
3538
<a href="{{ d["url"] }}"><i class="fab {{ d["icon"] }} fa-lg mr-1"></i></a>
3639
{% endfor %}

0 commit comments

Comments
 (0)