umaidango.github.io/about.html at main · umaidango/umaidango.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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>About - うまいだんご</title>
        <link rel="stylesheet" type="text/css" href="/css/style.css">
        <link rel="stylesheet" type="text/css" href="/css/ui.css">
        <script defer src="/script/script.js"></script>
        <meta name="description" content="うまいだんご(umaidango)は、GUIソフトウェアなどを開発しているプログラマー。略名は「udapp」といい、これはうまいだんごアプリ拡張子という拡張子からきている。">

    </head>
    <body>
        <nav>
            <div id="header_main">
                <div id="menu_btn" class="btn btn-default ripple hover_e" onclick="menu_btn_clicked()">
                    <span>
                        <svg id="menu_img" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#5f6368"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path></svg>
                    </span>


                    </div>
                <span class="logo_txt_container"><img id="img" src="/img/image.png"><span class="txt_h1">うまいだんご</span></span>
            </div>
        </nav>

        <div style="height: 8vh;"></div>

        <div id="menu"></div>

        <div id="menu_on"></div>

        <main>
            <div id="about" class="pages">

            </div>
        </main>

        <footer id="main_footer">

        </footer>


        <script>
              fetch('index.html')
    .then(response => response.text())
    .then(html => {
        const parser = new DOMParser();
        const doc = parser.parseFromString(html, 'text/html');
        const about_page = doc.getElementById('about_page');

        if (about_page) {
            const about = document.getElementById('about');
            if (about) {
                about.innerHTML = about_page.innerHTML;
            }
        }
    })
    .catch(error => {
        console.error('データの取得中にエラーが発生しました:', error);
    });
    </script>

    </body>
</html>