broadcasts on index page

templates/index.html

@@ -76,6 +76,33 @@
   <section id="showcase" class="col-span-2">
     {% include "sections/showcase.html" %}
   </section>
+
+  <section id="broadcasts" class="col-span-2">
+    {% let segment = "broadcasts".to_string() %}
+    <h2 class="text-blue-950 font-bold text-2xl md:text-4xl m-5"><a href="/broadcasts" class="text-blue-950 no-underline">Broadcasts</a></h2>
+    <section id="broadcast-tags">
+      <ul class="mx-5">
+       {% for tag in broadcasts_tags %}
+        <li class="inline-block mx-0.5 p-0.5 md:text-xl">
+          <a href="/{{segment}}/tags/{{tag}}" class="text-pink-950">#{{tag|capitalize}}</a>
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+    <hr class="border-slate-300 m-5">
+
+    <ul class="mx-5">
+     {% for post in featured_broadcasts %}
+      <li>
+        {% include "components/blog_post_preview.html" %}
+        <hr class="border-slate-300 my-5 md:my-8">
+      </li>
+     {% endfor %}
+    </ul>
+    <section class="text-center my-3 md:text-lg">
+     <a href="/broadcasts">see all broadcasts</a> 
+    </section>
+  </section>
 </section> <!-- /.index-container -->