
    <div id="calContainer" class="">
        <div class="d-flex justify-content-center py-3">
            <span class="text-muted"><small>Click shaded cell to view logs</small></span>
        </div>
        <div class="hstack gap-0 justify-content-center">
            <span class="me-2 text-muted"><small>fewer logs</small></span>
            <div class="bg-danger opacity-25" style="width:25px;height:25px;">
            </div>
            <div class="bg-danger opacity-50" style="width:25px;height:25px;">
            </div>
            <div class="bg-danger opacity-75" style="width:25px;height:25px;">
            </div>
            <div class="bg-danger" style="width:25px;height:25px;">
            </div>
            <span class="ms-2 text-muted"><small>more logs</small></span>
        </div>
        <div class="row">
            <div class="col-12 col-9-sm">
                <div class="p-3 border-bottom" id="calendar">
                </div>
            </div>
        </div>
    </div>