max80_fw/esp32/www/head.html

<div class="title">
  <svg class="logo" width="315" height="100" viewBox="0 0 315 100">
    <mask id="mask">
      <g dominant-baseline="middle" text-rendering="geometricPrecision"
	 paint-order="stroke fill" fill="white" stroke="black">
	<text font-family="Prisma" x="164" y="50" font-size="100">X</text>
	<text font-family="Prisma" x="100.4" y="50" font-size="100"
	      stroke-width="3">A</text>
	<text font-family="Prisma" x="5" y="50" font-size="100"
	      stroke-width="3">M</text>
	<text font-family="Helvetica" x="150" y="56" font-size="50"
	      font-weight="bold" transform="scale(1.5 1)">80</text>
      </g>
    </mask>
    <rect x="0" y="0" width="100%" height="100%" fill="black"
	  mask="url(#mask)" />
  </svg>
  <span class="pad"></span>
  <span class="logo2">Peter &amp; Per</span>
</div>

<nav class="navbar" role="navigation">
  <a href="status.html" class="text status">Status</a>
  <a href="config.html" class="text config">Configuration</a>
  <a href="update.html" class="text update">Update</a>
  <span class="pad"></span>
  <a href="sys/setlang?sv"><img type="image" src="flag/sv.png" width="51" height="32" alt="Svenska" /></a>
  <a href="sys/setlang?en"><img type="image" src="flag/en.png" width="64" height="32" alt="English" /></a>
</nav>