HTML-CSS-JS-cookingdom/index.html at main · eunhye094/HTML-CSS-JS-cookingdom · 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
<!DOCTYPE html>
<html>
    <head>
        <title>쿠키런 킹덤</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="쿠키런 킹덤의 쿠키 소개">
        <meta name="keywords" content="게임, 쿠키런 킹덤, 캐릭터 소개">
        <meta name="author" content="은혜">
        <!--<meta http-equiv="refresh" content="30">-->
        <link rel="stylesheet" href="css/stylesheet.min.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=Nanum+Myeongjo&display=swap" rel="stylesheet">
        <script src="js/colors.js"></script>
        <script
        src="https://code.jquery.com/jquery-3.6.1.js"
        integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI="
        crossorigin="anonymous"></script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-CQ656FQLYC"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-CQ656FQLYC');
        </script>
    </head>
    <body>
        <header>
            <h1><a href="index.html" style="color:#ED5565; text-decoration: underline;" id="link-logo">쿠키런 킹덤</a></h1>
        </header>
        <div id="grid">
            <nav>
                <ol>
                    <li><a href="html/parfait_cookie.html" class="link-nav">파르페맛 쿠키</li></a>
                    <li><a href="html/caramel_arrow_cookie.html" class="link-nav">흑당맛 쿠키</li></a>
                    <li><a href="html/clotted_cream_cookie.html" class="link-nav">클로티드 크림 쿠키</li></a>
                    <li><a href="html/cookie_table.html" class="link-nav">쿠키 정리</a></li>
                    <li><a href="html/form.html" class="link-nav">설문조사</a></li>
                </ol>
            </nav>
            <article id="main">
                <h2>쿠키런 킹덤</h2>
                <iframe width="310" height="180" src="https://www.youtube.com/embed/3gguVLkgs9U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br>
                <a href="https://www.cookierun-kingdom.com/ko/" target="_blank" title="쿠키런 킹덤 공식 사이트" class="link-text">공식 사이트</a>
                <p style="margin-top: 45px;">
                    멀고 먼 옛날…<br>
                    철과 불과 혼돈의 시대의 열기가 가라앉고 마녀들이 구워낸 달콤하고 바삭한 피조물들이 세상에 가득하니<br>
                    그 중에서도 가장 빛나고 고결한 ‘소울 잼’을 지닌 다섯 쿠키들의 등장은 마치 구원과도 같았다.
                </p>
                <p>
                    고귀한 지혜와 강렬한 힘에 쿠키들이 모여들고 영웅들은 왕이 되어 쿠키 문명은 대 부흥의 시대를 맞는다.
                </p>
                <p>
                    하지만 찬란했던 시절도 잠시<br>
                    어둠을 자처하는 자의 등장으로 땅엔 어둠이 스며들고 하늘엔 악이 창궐해온 땅에 혼돈의 그림자가 드리우기 시작하는데<br>
                    이에 평화를 수호하는 다섯 쿠키들이 마침내 일어서고<br>
                    해질녘의 어느 날, 드디어 쿠키들의 운명이 걸린 최후의 전쟁이 시작된다.
                </p>
                <button id="btn-heart">♥</button>
                <input id="btn-night-day" type="button" value="☽" onclick="nightDayHandler(this)">
            </article>
        </div>
        <footer>
            <ul>
                <li><a href="https://github.com/eunhye094" target="_blank" class="link-author">개발자 GitHub</a></li>
                <li><a href="https://velog.io/@eunhye094" target="_blank" class="link-author">개발자 Velog</a></li>
            </ul>
        </footer>
    </body>
</html>