<div class="topnav">

<a href="/?v={#VERSION}" class="title">AhoyDTU</a>

<a href="javascript:void(0);" class="icon" onclick="topnav()">

<span></span>

<span></span>

<span></span>

</a>

<div id="topnav" class="mobile">

<a id="nav3" class="hide" href="/live?v={#VERSION}">{#NAV_LIVE}</a>

<!--IF_ENABLE_HISTORY-->

<a id="nav11" class="acitve" href="/history?v={#VERSION}">{#NAV_HISTORY}</a>

<!--ENDIF_ENABLE_HISTORY-->

<a id="nav4" class="hide" href="/serial?v={#VERSION}">{#NAV_WEBSERIAL}</a>

<a id="nav5" class="hide" href="/setup?v={#VERSION}">{#NAV_SETTINGS}</a>

<span class="separator"></span>

<a id="nav6" class="hide" href="/update?v={#VERSION}">Update</a>

<a id="nav7" class="hide" href="/system?v={#VERSION}">System</a>

<span class="separator"></span>

<a id="nav8" href="/api" target="_blank">REST API</a>

<a id="nav9" href="https://docs.ahoydtu.de" target="_blank">{#NAV_DOCUMENTATION}</a>

<a id="nav13" href="https://ahoydtu.de" target="_blank">Website</a>

<a id="nav10" href="/about?v={#VERSION}">{#NAV_ABOUT}</a>

<a id="nav12" href="#" class="hide" target="_blank">Custom Link</a>

<span class="separator"></span>

<a id="nav0" class="hide" href="/login">Login</a>

<a id="nav1" class="hide" href="/logout">Logout</a>

</div>

<div id="wifiicon" class="info"></div>

</div>