nnlk05.github.io/_template.html at main · NNlk05/nnlk05.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><!-- TODO: Title --></title>
    <link rel="stylesheet" href="/normalize.css" />
    <script
      src="https://flackr.github.io/scroll-timeline/dist/scroll-timeline.js"
      defer
    ></script>
    <link rel="stylesheet" href="/style.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/about.html">About</a></li>
          <li><a href="/contact.html">Contact</a></li>
          <li><a href="/projects.html">Projects</a></li>
          <li><a href="/nnlks_junk/index.html">My Junk</a></li>
          <li><a href="/games/index.html">My Games</a></li>
        </ul>
      </nav>
      <img
        src="/pack.png"
        alt="NNlk05's pfp, [pack.png](packpng.com)"
        draggable="false"
        width="1920"
        height="1080"
      />
      <div class="header-content">
        <h1><!-- TODO: Also title --></h1>
        <h2>NNlk05's site</h2>
      </div>
      <button
        onclick="
          document
            .querySelector('.scroll-to-here')
            .scrollIntoView({ behavior: 'smooth' })
        "
      >
        V
      </button>
    </header>
    <main>
      <span
        class="scroll-to-here"
        style="
          display: block;
          position: relative;
          top: -100px;
          visibility: hidden;
        "
      ></span>
      <!-- TODO: Content -->
    </main>
  </body>
</html>