<div class="webrx-top-container">
    <div class="webrx-top-bar">
        <a href="https://www.openwebrx.de/" target="_blank"><img src="static/gfx/openwebrx-top-logo.png" class="webrx-top-logo" alt="OpenWebRX Logo"/></a>
        <img class="webrx-rx-avatar openwebrx-photo-trigger" src="static/gfx/openwebrx-avatar.png" alt="Receiver avatar"/>
        <div class="webrx-rx-texts openwebrx-photo-trigger">
            <div class="webrx-rx-title"></div>
            <div class="webrx-rx-desc"></div>
        </div>
        <section class="openwebrx-main-buttons">
            <div class="button" data-toggle-panel="openwebrx-panel-status"><span class="sprite sprite-panel-status"></span><br/>Status</div>
            <div class="button" data-toggle-panel="openwebrx-panel-log"><span class="sprite sprite-panel-log"></span><br/>Log</div>
            <div class="button" data-toggle-panel="openwebrx-panel-receiver"><span class="sprite sprite-panel-receiver"></span><br/>Receiver</div>
            <a class="button" href="map" target="openwebrx-map"><span class="sprite sprite-panel-map"></span><br/>Map</a>
            ${settingslink}
        </section>
    </div>
    <div class="openwebrx-description-container">
        <div class="webrx-rx-photo-title"></div>
        <div class="webrx-rx-photo-desc"></div>
    </div>
    <a class="openwebrx-rx-details-arrow openwebrx-rx-details-arrow--down openwebrx-photo-trigger"><span class="sprite sprite-rx-details-arrow"></span></a>
</div>