Improve events section

Add details about what events and how to get added. Improve the layout.

Author: mosabua

assets/css/style.css

@@ -718,13 +718,12 @@ table td {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  height: 180px;
+  height: 260px;
   margin-bottom: 1rem;
   padding: 2rem;
   color: #ffffff;
   font-family: 'Alata', sans-serif;
   font-size: 1.5rem;
-  line-height: 1;
 }
 
 .event-third-block > div {

community.md

@@ -70,12 +70,27 @@ title: Trino Community
     </div>
     <div class="community-content-section">
       <a name="events"></a>
-      <h2>Events that don’t suck</h2>
+      <h2>Trino community events</h2>
+      <p>The Trino project runs a number of events regularly:</p>
+      <ul>
+      <li>Regular Trino Community Broadcasts as live show with news and guests from the Trino community</li>
+      <li>Monthly Trino contributor calls</li>
+      <li>Monthly Trino maintainer calls</li>
+      <li>Regular contributor sync meetings for subprojects like Trino Gateway</li>
+      <li>Yearly Trino Fest conference in the earlier half of each year</li>
+      <li>Yearly Trino Summit conference in the later half of each year</li>
+      <li>Trino Contributor Congregation whenever we run in person conferences</li>
+      </ul>
+      <p>Other community members present at conferences, run local user meetings,
+      and organize other events. We add them as long as they are related to Trino
+      and somebody lets us know about them.</p>
+      <p>You can find them all in the Trino events calendar, and often recordings
+      on our YouTube channel. Add the calendar to your own application by clicking
+      on the "+ Google Calendar" icon at the bottom right.</p>
       <div class="community-content-container">
         <a href="./broadcast" class="community-broadcast-block">
           <div class="community-broadcast-image-wrapper">
             <img src="../assets/images/community/tcb.png" alt="Trino Community Broadcast" />
-            <img src="../assets/images/community/tcb.gif" alt="Trino Community Broadcast preview" />
           </div>
         </a>
         <div class="events-thirds-container">
@@ -85,11 +100,8 @@ title: Trino Community
           </a>
         </div>
       </div>
-      <h2>Upcoming events</h2>
-      Community events such as Trino contributor calls, Trino Community Broadcasts, and other Trino
-      gatherings you don't want to miss. To follow along, add this calendar by
-      clicking on the "+ Google Calendar" icon at the bottom right.
-      <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23dd00a1&amp;ctz=America%2FDetroit&amp;src=NDhibXJvaXVpZmg2NWJsZWNhOGxzNGhyNTRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%23D81B60&amp;mode=AGENDA&amp;showCalendars=0&amp;showTz=1&amp;showTabs=0&amp;showPrint=0" style="border:solid 1px #777; margin-bottom: 2rem;" width="100%" height="240" frameborder="0" scrolling="no"></iframe>
+<br>
+      <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23dd00a1&amp;ctz=America%2FDetroit&amp;src=NDhibXJvaXVpZmg2NWJsZWNhOGxzNGhyNTRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%23D81B60&amp;mode=AGENDA&amp;showCalendars=0&amp;showTz=1&amp;showTabs=0&amp;showPrint=0" style="border:solid 1px #777; margin-bottom: 1rem;" width="100%" height="240" frameborder="0" scrolling="no"></iframe>
     </div>
     <div class="community-content-section">
       <h2>Contribute</h2>