nudoo.github.io/index.html at master · nudoo/nudoo.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="moea moe 的个人主页，收纳工具、相册、博客和一些小作品。">
  <title>moea moe</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <script src="/js/site.js"></script>
  <link rel="stylesheet" href="css/site.css">
</head>
<body class="site-shell text-slate-900 antialiased">
  <main class="site-layer flex min-h-screen items-center justify-center px-6 py-24">
    <section class="w-full max-w-4xl">
      <p class="mb-4 text-sm font-bold uppercase tracking-[0.24em] text-teal-700">Personal Site</p>
      <h1 class="text-5xl font-black leading-tight text-slate-950 sm:text-7xl">moea moe</h1>
      <p class="mt-5 max-w-2xl text-lg leading-8 text-slate-700">
        一个安静收纳工具、相册、笔记和小实验的个人主页。
      </p>
      <p class="teyvat-welcome mt-4 text-teal-800">
        Welcome to my little corner of Teyvat.
      </p>

      <nav class="mt-10" aria-label="主导航">
        <ul class="flex flex-wrap gap-3">
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-slate-950 px-5 text-sm font-bold text-white shadow-lg shadow-slate-900/20 transition hover:bg-teal-700 focus:outline-none focus:ring-2 focus:ring-teal-500" href="/">首页</a></li>
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-white/80 px-5 text-sm font-bold text-slate-800 shadow-lg shadow-slate-900/10 ring-1 ring-slate-200 backdrop-blur transition hover:bg-teal-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-teal-500" href="about/">关于</a></li>
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-white/80 px-5 text-sm font-bold text-slate-800 shadow-lg shadow-slate-900/10 ring-1 ring-slate-200 backdrop-blur transition hover:bg-teal-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-teal-500" href="blog/">Blog</a></li>
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-white/80 px-5 text-sm font-bold text-slate-800 shadow-lg shadow-slate-900/10 ring-1 ring-slate-200 backdrop-blur transition hover:bg-teal-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-teal-500" href="tool/">工具</a></li>
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-white/80 px-5 text-sm font-bold text-slate-800 shadow-lg shadow-slate-900/10 ring-1 ring-slate-200 backdrop-blur transition hover:bg-teal-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-teal-500" href="gallery/">相册</a></li>
          <li><a class="inline-flex min-h-11 items-center rounded-full bg-white/80 px-5 text-sm font-bold text-slate-800 shadow-lg shadow-slate-900/10 ring-1 ring-slate-200 backdrop-blur transition hover:bg-teal-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-teal-500" href="https://space.bilibili.com/3546558098311230" target="_blank" rel="noopener noreferrer">联系</a></li>
        </ul>
      </nav>
    </section>
  </main>

  <script src="/Better_Alist/fish-loader.js"></script>
</body>
</html>