<div class="bg-green-600 pb-32"> <nav class="border-b border-green-300 border-opacity-25 bg-green-600 lg:border-none"> <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8"> <div class="relative flex h-16 items-center justify-between lg:border-b lg:border-green-400 lg:border-opacity-25"> <div class="flex items-center px-2 lg:px-0"> <div class="flex-shrink-0"> <img class="block h-8 w-8" src="assets/img/logo.png" alt=""> </div> <div class="hidden lg:ml-10 lg:block"> <div class="flex space-x-4"> <a href="/index.html" class="{{ if eq . "index" }}bg-green-700{{ else }}hover:bg-green-500 hover:bg-opacity-75{{ end }} text-white rounded-md py-2 px-3 text-sm font-medium" aria-current="page">首页</a> <a href="/friend.html" class="{{ if eq . "friend" }}bg-green-700{{ else }}hover:bg-green-500 hover:bg-opacity-75{{ end }} text-white rounded-md py-2 px-3 text-sm font-medium" aria-current="page">好友</a> <a href="/group.html" class="{{ if eq . "group" }}bg-green-700{{ else }}hover:bg-green-500 hover:bg-opacity-75{{ end }} text-white rounded-md py-2 px-3 text-sm font-medium">群组</a> <!-- <a href="/index.html" class="{{ if eq . "vnc" }}bg-green-700{{ else }}hover:bg-green-500 hover:bg-opacity-75{{ end }} text-white rounded-md py-2 px-3 text-sm font-medium">VNC</a>--> </div> </div> </div> </div> </div> </nav> <header class="py-10"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <h1 class="text-3xl font-bold tracking-tight text-white">{{ codeToChinese . }}</h1> </div> </header> </div>