Style Parent Events as a C-Shaped Block

[cycomachead]

The event partial needs updating:

• wrap the panel-body in a new div just for the border
• add a white border to the panel body
• add the trapezoid below the panel-body
• remove the extra margin around the last inner panel
• remove the border bottom from the panel headings

<div class="" style="border-color: #8E56E3; border-width: 20px; border-left-style: solid; border-bottom-left-radius: 6px; border-bottom-style: solid; border-bottom-right-radius: 6px; /* border-top-left-radius: 10px; */ /* padding: 15px 15px 0 6px; */ /* -webkit-box-shadow: 0px 0px 0px 4px #fff; */ /* -moz-box-shadow: 0px 0px 0px 4px #fff; */ /* box-shadow: 0px 0px 0px 4px #8E56E3; */ -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;">
<div class="panel-body" style="border: 15px solid white; border-radius: 6px; border-bottom-right-radius: 0px; margin: 0 0 -6px -6px;">
<div data-url="https://www.snapcon.org/conferences/2023/program/proposals/699" onclick="eventClicked(event, this);">

see if the inner click div can handle being the panel body to not need an extra nesting...