Merge pull request #513 from PyBAQ/eventos-visual

Ajustes en html y css de evento
PyBAQ · Jun 15, 2024 · 59b8d5a · 59b8d5a
2 parents 0dd1857 + bb82e7f
commit 59b8d5a
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 66 deletions.
diff --git a/assets/static/gen/styles.css b/assets/static/gen/styles.css
diff --git a/assets/static/gen/styles.css.map b/assets/static/gen/styles.css.map
diff --git a/content/eventos/2021-10-23-liga-python-semifinales-grupo-2/contents.lr b/content/eventos/2021-10-23-liga-python-semifinales-grupo-2/contents.lr
@@ -29,7 +29,7 @@ speaker_bio:
 ----
 attach: 
 #### talk ####
-title: Fernando Llinás - La Entrevista: Una oportunidad para la vida
+title: La Entrevista: Una oportunidad para la vida
 ----
 details: 10:43am - 10:50am
 ----

diff --git a/scss/pages/_pages.scss b/scss/pages/_pages.scss
@@ -1,3 +1,3 @@
 @import 'about';
-@import 'blog';
+@import 'post';
 @import 'contact';
diff --git a/scss/pages/_blog.scss → scss/pages/_post.scss b/scss/pages/_blog.scss → scss/pages/_post.scss
@@ -1,4 +1,4 @@
-.blog-post {
+.blog-post, .event-post {
   max-width: 860px;
   margin: 0.75rem;
   width: 100%;
@@ -40,8 +40,8 @@
   }
 
   h2, h3, h4{
-    margin-top: 4rem;
-    margin-bottom: 4rem;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
   }
 
   blockquote p{
@@ -85,4 +85,8 @@
 
 .post-excerpt {
   font-size: 1.2rem;
+}
+
+.ctitle {
+  margin: 1.5rem 0 1rem;
 }
diff --git a/templates/blocks/talk.html b/templates/blocks/talk.html
@@ -1,18 +1,20 @@
-<h2 class="title">{{ this.title }}</h2>
-<div class="details">
-  {{this.details}}
-</div>
-<div class="attachments">
-  {{this.attach}}
-</div>
-<div class="speaker">
-  {% if this.speaker %}
-    {% set speaker = site.get('nosotros/' + this.speaker, alt) %}
-    <a href="{{ speaker|url }}">{{ speaker.name }}</a>
-  {% else %}
-    {{this.speaker_name}}
-  {% endif %}
-</div>
-<div class="speaker-bio">
-  {{this.speaker_bio}}
-</div>
+<div class="talk">
+  <div class="speaker">
+    {% if this.speaker %}
+      {% set speaker = site.get('nosotros/' + this.speaker, alt) %}
+      <a href="{{ speaker|url }}"><h2>{{ speaker.name }}</h2></a>
+    {% else %}
+      <h2>{{this.speaker_name}}</h2>
+    {% endif %}
+  </div>
+  <div class="speaker-bio">
+    {{this.speaker_bio}}
+  </div>
+  <h3 class="title">{{ this.title }}</h3>
+  <div class="details">
+    {{this.details}}
+  </div>
+  <div class="attachments">
+    {{this.attach}}
+  </div>
+</div>
diff --git a/templates/evento.html b/templates/evento.html
@@ -2,52 +2,51 @@
 
 {% block body %}
   <div class="d-flex justify-content-center">
-    <p><img src='{{ this.featured_photo
-      if this.featured_photo
-      else "/img/event-placeholder.jpg" }}'
-    class="img-fluid rounded-start" alt="..."></p>
-  </div>
-  <div class="d-flex justify-content-center">
-    <div class="blog-post">
-      <div class="post-meta blog_post-post_meta">
-        <h1 class="ctitle">{{ this.title }}</h1>
-        <div id="body-content" class="blog-post-body">
-          <div class=event-details>
-            {% if this.venue %}
-              <div class="venue">
-                <strong>{{ this.venue }}</strong>
-                {% if this.address_1 %}
-                  <span>{{ this.address_1 }}</span>
-                {% endif %}
-              </div>
+    <div class="event-post">
+      {% if this.youtube %}
+      <div class="row">
+        <div class="ratio ratio-16x9">
+          <iframe src="https://www.youtube.com/embed/{{this.youtube}}?rel=0" allowfullscreen></iframe>
+        </div>
+      </div>
+    {% else %}
+      <div class="d-flex justify-content-center">
+        <img src='{{ this.featured_photo
+          if this.featured_photo
+          else "/img/event-placeholder.jpg" }}'
+        class="img-fluid rounded-start" alt="...">
+      </div>
+    {% endif %}
+      <h1 class="ctitle">{{ this.title }}</h1>
+      <div id="body-content" class="blog-post-body">
+        <div class=event-details>
+          <div class="date">
+            {% if alt == 'en' %}
+              {{ this.date_start | datetimeformat("EEEE, MMMM d, y, H:mm") }}
+            {% else %}
+              {{ this.date_start | datetimeformat("EEEE, d 'de' MMMM 'de' y, h:mm a") }}
             {% endif %}
-            <div class="date">
-              {% if alt == 'en' %}
-                {{ this.date_start | datetimeformat("EEEE, MMMM d, y, H:mm") }}
-              {% else %}
-                {{ this.date_start | datetimeformat("EEEE, d 'de' MMMM 'de' y, h:mm a") }}
+          </div>
+          {% if this.venue %}
+            <div class="venue">
+              <strong>{{ this.venue }}</strong>
+              {% if this.address_1 %}
+                <span>{{ this.address_1 }}</span>
               {% endif %}
             </div>
-            <div class="attach">
-              {{ this.attach }}
-            </div>
-            {% if this.youtube %}
-            <div class="row">
-              <div class="ratio ratio-16x9">
-                <iframe src="https://www.youtube.com/embed/{{this.youtube}}?rel=0" allowfullscreen></iframe>
-              </div>
-            </div>
-            {% endif %}
-            <div class="talks">
-              {{ this.talks }}
-            </div>
-            <a href="{{this.link}}">Meetup</a>
-            <div class="details">
-              {{ this.information }}
-            </div>
+          {% endif %}
+          <a href="{{this.link}}">Meetup</a>
+          <div class="details">
+            {{ this.information }}
+          </div>
+          <div class="attach">
+            {{ this.attach }}
+          </div>
+          <div class="talks">
+            {{ this.talks }}
           </div>
-          <div class="comments">{{ render_disqus_comments() }}</div>
         </div>
+        <div class="comments">{{ render_disqus_comments() }}</div>
       </div>
     </div>
   </div>