<div id="top" class="hidden">
    <div class="flex flex-col bg-black text-white bg-cover bg-center"
         style="background-image: url(&quot;https://assets.kargn.as/05729602-5ae4-4e9e-b5d5-9f3fab222e5a/build/assets/background_hongkong-ce52595e.jpg&quot;); font-size: 16px;">
        <div class="flex flex-row w-full h-48 px-3 py-3 bg-gradient-to-t from-blue-900/80" aria-label="Global">
            <div class="flex flex-row w-full mx-auto content-between items-end">
                <div class="flex-1"><a href="/" class="font-bold hover:text-blue-400">Sangrak</a></div>
                <div class="flex text-sm"></div>
            </div>
        </div>
        <div class="bg-gray-800">
            <div class="max-w-xl w-full mx-auto items-center flex flex-row justify-between">
              <a href="/" class="font-bold hover:underline py-2 px-4 my-1 rounded-lg bg-white/10">Profile</a><a
                    href="/photos" class="font-bold hover:underline py-2 px-4 mt-1 rounded-tl-xl rounded-tr-xl">Photos</a><a
                    href="/press" class="font-bold hover:underline py-2 px-4 mt-1 rounded-tl-xl rounded-tr-xl">Press</a><a
                    href="https://kargn.as/posts"
                    class="font-bold hover:underline py-2 px-4 mt-1 rounded-tl-xl rounded-tr-xl">Posts</a></div>
        </div>
    </div>
</div>
<script>
  document.body.prepend(document.getElementById('top'));
  document.getElementById('top').className = '';
</script>