thinking-grp.github.io/404.html at main · gasukaku/thinking-grp.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
71
72
73
74
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Not Found - thinking</title>
    <link rel="stylesheet" href="style/main.css">
    <link rel="stylesheet" href="style/404.css"
  </head>
  <body>
    <header>
      <div>
        <a href="/" id="header-icon"></a>
        <div id="header-buttons">
          <a href="/about/">About</a>
          <a href="/project/">Project</a>
          <a href="/blog/">Blog</a>
        </div>
      </div>
    </header>
    <div id="slider" class="slider-general">
      <h2>404</h2>
      <h3>Not Found</h3>
    </div>
    <main class="fadeIn">
      <img src="image/404.png" alt="404" id="img404" width="30%" style="float: left;">
      <div id="text404">
        <h2>お探しのページは見つかりませんでした</h2>
        <p>サーバー内の圧縮ファイル総出で要求されたページを探しましたが、見つかりませんでした。</p>
        <p>お探しのページは存在しないか、削除されたか、移動した可能性があります。</p>
      </div>
      <div id="after404"></div>
    </main>

    <footer>
      <div class="footerColumn">
        <p><a href="/about/">私たちについて</a></p>
        <p><a href="/blog/">ブログ</a></p>
        <p><a href="/sitemap">サイトマップ</a></p>
        <p><a href="/contact">お問い合わせ</a></p>
        <p><a href="/join">応募する</a></p>
      </div>
      <div class="footerColumn">
        <p><a href="/about/dept/" class="footer-bigger">部署一覧</a></p>
        <p><a href="/project/thinkfont/">thinkFont</a></p>
        <p><a href="/project/thinkos/">thinkOS</a></p>
        <p><a href="/about/dept/web/">Web開発</a></p>
        <p><a href="/about/dept/material/">素材等作成</a></p>
      </div>
      <div class="footerColumn">
        <p><a href="/project/" class="footer-bigger">プロジェクト一覧</a></p>
        <p><a href="/project/thinkfont">thinkFont</a></p>
        <p><a href="/project/thinkos">thinkOS</a></p>
        <p><a href="https://mncrp.github.io/">monochrome Project.</a></p>
      </div>
      <div class="footerColumn">
        <p><a href="/agreement">プライバシーポリシーと利用規約</a></p>
        <p>Copyright &copy; 2022 thinking All rights reserved.</p>
      </div>
    </footer>

    <script>
      window.addEventListener('scroll', () => {
        let scrollTop = document.documentElement.scrollTop;
        let sliderHeight = document.getElementById('slider').getBoundingClientRect().height;
        if (scrollTop >= sliderHeight - 60) {
          document.getElementsByTagName('header')[0].style.height = '40px';
        } else {
          document.getElementsByTagName('header')[0].style.height = '60px';
        }
      });
    </script>
  </body>
</html>