Friendly community (#90)

pablolirag · web-flow · commit 1a234b2225a0 · 2023-11-06T11:19:04.000-03:00
* nueva seccion index comunidades amigas y banner pyladies

* fix hover pink

* update descriptions pyladies
diff --git a/content/images/pyladies_logo.png b/content/images/pyladies_logo.png
diff --git a/pycltheme/static/css/cl.css b/pycltheme/static/css/cl.css
@@ -421,6 +421,22 @@ ul.navbar-nav {
   background-color: #132e45 !important;
 }
 
+.bg-pyladies {
+  background-color: pink !important;
+  
+}
+
+.bg-pyladies a {
+  background-color: palevioletred;
+  border-color: palevioletred;
+  
+}
+.bg-pyladies a:hover {
+  background-color: rgb(226, 73, 124);
+  border-color: rgb(226, 73, 124);
+  
+}
+
 .titulo-bold {
   color: #343a40;
   font-weight: 800;
diff --git a/pycltheme/templates/base-index.html b/pycltheme/templates/base-index.html
@@ -3,7 +3,7 @@
 <body id="index" class="home">
   
   {% include 'header.html' %}
-
+ 
   <!-- Entradas Blog -->
   {% block content %}
   {% endblock %}
diff --git a/pycltheme/templates/communities.html b/pycltheme/templates/communities.html
@@ -0,0 +1,26 @@
+
+<section id="content" >
+  <div class="pt-5 pb-5 blog-entries">
+    <div class="container">
+      {% block content_title %}
+      {% endblock %}
+      <div class="row flex-column-reverse flex-md-row">
+        <div class="col-4 col-12">
+          <h3 class="text-center pb-5 mb-3 titulo-bold">Comunidades Amigas</h3>
+          <div class="row">
+            <div class="col-md-4 col-12">
+              {% include 'hablemospython.html' %}
+            </div>
+            <div class="col-md-4 col-12">
+              {% include 'pyladies.html' %}
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section><!-- /#content -->
+
+
+
diff --git a/pycltheme/templates/hablemospython.html b/pycltheme/templates/hablemospython.html
@@ -5,6 +5,6 @@ <h5 class="card-title">Python en Español</h5>
     <p class="card-text">
       No olvides unirte a la comunidad hispanohablante de Python más grande del mundo.
     </p>
-    <a href="https://discord.gg/hablemospython" class="btn btn-primary">Hablemos Python</a>
+    <a href="https://hablemospython.dev/" target="_blank" class="btn  btn-primary">Hablemos Python</a>
   </div>
 </div>
diff --git a/pycltheme/templates/index.html b/pycltheme/templates/index.html
@@ -1,4 +1,5 @@
 {% extends "base-index.html" %}
+
 {% block content %}
 <section id="content">
 
@@ -8,23 +9,21 @@
     {% block content_title %}
     {% endblock %}
     <div class="row flex-column-reverse flex-md-row">
-      <div class="col-md-9 col-12">
+      <div class="col-4 col-12">
         <h3 class="text-center pb-5 mb-3 titulo-bold">ÚLTIMAS ENTRADAS</h3>
         <div class="row">
           {% for article in dates[:6] %}
            {% include 'card.html' %}
           {% endfor %}
         </div>
       </div>
-      <div class="col-md-3 col-12">
-        {% include 'hablemospython.html' %}
-      </div>
     </div>
   </div>
 </div>
 
 </section><!-- /#content -->
 
+{% include 'communities.html'%}
 <!-- Patrocinios -->
 <section class="fondo-gris pt-5 pb-3">
   <div class="container">
diff --git a/pycltheme/templates/pyladies.html b/pycltheme/templates/pyladies.html
@@ -0,0 +1,10 @@
+<div class="card bg-pyladies text-dark">
+  <div class="card-body">
+    <h4 class="card-title">PyLadies Chile</h4>
+    <img class="ene" src="images/pyladies_logo.png" />
+    <p class="card-text">
+      Comunidad Chilena de Capítulos PyLadies. Únete a la comunidad de mujeres en Python.
+    </p>
+    <a href="https://pyladies.cl" target="_blank" class="btn btn-primary">Conocer Pyladies</a>
+  </div>
+</div>
