This commit is contained in:
2023-04-12 16:26:32 +08:00
parent e63d6e44b0
commit c703c6caf9
2 changed files with 23 additions and 12 deletions
File diff suppressed because one or more lines are too long
+22 -11
View File
@@ -12,26 +12,30 @@
</head> </head>
<body> <body>
<div class="flex px-2 py-1 md:px-2 bg-black"> <div class="flex flex-wrap py-2 bg-black">
<div class="px-2 py-1 flex border-red-200 rounded-2xl border-2"> <div class="w-full flex justify-center">
<div><img src="/favicon.ico" alt="logo" class="w-8"></div> <div class="px-2 py-1 border-red-200 rounded-2xl border-2">
<div><img src="/favicon.ico" alt="logo" class="w-8"></div>
</div>
<div class="absolute right-0 px-1 py-1 text-light-100 flex md:hidden">
<div class="px-2 py-1 border-red-200 rounded-2xl border-2" onclick="menu()">
<div>menu</div>
</div>
</div>
</div> </div>
<div class="flex space-x-5 py-2 px-5"> <div id="menu" class="grid grid-cols-1 gap-2 md:flex md:space-x-3 w-full flex justify-center hidden">
<div class=""> <div class="flex justify-center">
<a href="/"><span class="text-gray-200 text-xl font-light hover:text-light-50">/home/win-xg</span></a> <a href="/"><span class="text-gray-200 text-xl font-light hover:text-light-50">/home/win-xg</span></a>
</div> </div>
<div class=""> <div class="flex justify-center">
<a href="https://files.winxg.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/files</span></a> <a href="https://files.winxg.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/files</span></a>
</div> </div>
<div class=""> <div class="flex justify-center">
<a href="https://itooldog.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/tools</span></a> <a href="https://itooldog.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/tools</span></a>
</div> </div>
<div class=""> <div class="flex justify-center">
<a href="https://img.winxg.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/img</span></a> <a href="https://img.winxg.com" target="_blank"><span class="text-gray-400 text-xl font-light hover:text-light-50">~/img</span></a>
</div> </div>
<!-- <div class="">
<a href="/"><span class="text-gray-300 text-xl font-light">~/about</span></a>
</div> -->
</div> </div>
</div> </div>
@@ -45,4 +49,11 @@
<script defer data-domain="winxg.com" src="https://stat.winxg.com/js/plausible.js"></script> <script defer data-domain="winxg.com" src="https://stat.winxg.com/js/plausible.js"></script>
{{block "ext_js" .}}{{end}} {{block "ext_js" .}}{{end}}
<script>
function menu() {
const menu = document.getElementById("menu");
menu.classList.toggle('hidden')
}
</script>
</html> </html>