feat: add next event widget to homepage

Author: chtzvt

app/assets/stylesheets/tailwindcss/overrides.css

@@ -3,3 +3,15 @@
     display: none;
   }
 }
+
+#next-event-widget {
+  width: 100%; 
+  height: 210px; 
+  overflow:hidden;
+}
+
+@media (max-width: 800px) {
+  #next-event-widget {
+    height: 450px !important;
+  }
+}

app/views/home/show.html.erb

@@ -20,9 +20,12 @@
       </div>
     </div>
   </div>
+  <div class="mt-20 sm:mt-20">
+    <iframe id="next-event-widget" src="https://events.api.tampa.dev/widget/next-event?groups=tampadevs" frameborder="0" scrolling="no"></iframe>
+  </div>
 </div>
 
-<div class="max-w-5xl mx-auto mt-24 sm:mt-32">
+<div class="max-w-5xl mx-auto mt-20 sm:mt-20">
   <div class="pb-5 px-4 lg:px-0 sm:flex sm:items-center sm:justify-between">
     <h2 class="text-lg leading-6 font-medium text-blue-900">
       <%= t(".developers_heading") %>