docs-v1/404.html at main · oto-home/docs-v1 · 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
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <link rel="alternate" hreflang="ja" href="https://www.otoho.me/">
    <title>Oto Home</title>
    <link rel="stylesheet" href="style.css">

    <!-- Meta Description -->
    <meta name="description" content="Convenience for everyone.">
    <meta name="keywords" content="oto home,otohome,音猫,otoneko,rin_pineapple,λ_sorarin,profile,docs,bio,discord,twitter,instagram,youtube,github">
    <meta name="theme-color" content="#cfcfcf">

    <!-- Open Graph (OG) Tags -->
    <meta property="og:title" content="Oto Home">
    <meta property="og:description" content="Convenience for everyone.">
    <meta property="og:image" content="https://otoho.me/img/logo.png">
    <meta property="og:url" content="https://otoho.me/">
    <meta property="og:type" content="website">

    <!-- Twitter Card Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Oto Home">
    <meta name="twitter:description" content="Convenience for everyone.">
    <meta name="twitter:image" content="https://otoho.me/img/logo.png">
    <meta name="twitter:site" content="@rin_pineapple">

    <!-- Viewport for Responsiveness -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <div class="menu" id="menu">
      <ul>
        <br><br>
        <li><a href="/#home">Home</a></li>
        <li><a href="/#about">About</a></li>
        <li><a href="/#services">Services</a></li>
        <li><a href="/#developers">Developers</a></li>
        <li><a href="/#contact">Contact</a></li>
      </ul>
    </div>
    <button class="menu-toggle" id="menuToggle">&equiv;</button>

    <div class="main-content">
      <section id="home">
        <img src="img/logo.png" alt="Logo">

        <p class="notfound"><strong>404</strong> - Are you lost? Go back <a href="/">home</a>.</p>
      </section>

      <div class="section-border"></div>
    </div>

    <div class="social-links">
      <a href="https://dsc.gg/otohome" target="_blank">
        <img src="img/svg/discord_w.svg" alt="Discord" title="Discord" />
      </a>
      <a href="https://twitter.com/rin_pineapple" target="_blank">
        <img src="img/svg/twitter_w.svg" alt="Twitter" title="Twitter" />
      </a>
      <a href="https://instagram.com/otoneko1102" target="_blank">
        <img src="img/svg/instagram_w.svg" alt="Instagram" title="Instagram" />
      </a>
      <a href="https://youtube.com/@rin_pineapple" target="_blank">
        <img src="img/svg/youtube_w.svg" alt="YouTube" title="YouTube" />
      </a>
      <a href="https://github.com/otoneko1102" target="_blank">
        <img src="img/svg/github_w.svg" alt="GitHub" title="Github" />
      </a>
      <a href="https://www.otoneko.cat/" target="_blank">
        <img src="img/svg/link_w.svg" alt="otoneko." title="otoneko." />
      </a>
    </div>

    <footer>
      <p>&copy; 2024 otoneko. All rights reserved. | Oto Home</p>
    </footer>

    <script src="script.js"></script>
  </body>
</html>