2024-birthday/BDB_random.html at main · APPS-sookmyung/2024-birthday · 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
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/random.css">
    <title>BirthDayBuddy_random</title>
</head>

<body>
    <div id="wrap">
        <div class="content_box">
            <header>
                <img id="menu_toggle" src="img/menu_button" alt="menu-img">
                </label>
                <div class="top_logo">
                    <a href="index.html">
                        <img src="img/BDB_logo_new.png" alt="logo_img">
                    </a>
                </div>
            </header>
            <div id="body_box">
                <div id="top_box">
                    <span>BDB가 준비한 특급 선물! </span>
                    <p>선물받기 버튼을 누르면 아래의 끼끼 키링을 받을 수 있을지도?...</p>
                </div>
                <div id="post_box">
                    <div class="post">
                        <p>당장 갖고싶은 끼끼 키링! 얻는 방법을 알아봅시다. </p>
                        <img src="img/present-1.jpg" alt="present1">
                    </div>
                    <div class="post">
                        <p>'선물받기' 버튼을 통해 선물이 당첨되면 해당 화면을 촬영합니다. </p>
                        <img src="img/present-2.png" alt="present2">
                    </div>
                    <div class="post">
                        <p>아래의 이메일로 사진을 첨부해 메시지를 작성하면 키링을 증정! </p>
                        <span id="e-mail">2310867@sookmyung.ac.kr</span>
                    </div>
                </div>
                <div id="random_box">
                    <button id="random_button" onclick="getRandom(100, 20)">🌟선물받기</button>
                </div>
            </div>
            <footer>
                <nav>
                    <a href='https://github.com/Kwonyujin04' target='_blank'>Github_Kwonyujin04</a>
                </nav>
                <p>
                    <span>권유진</span><br />
                    <span>e-mail : 2310867@sookmyung.ac.kr</span><br />
                    <span>Copyright 2024. Kwonyujin04. </span>
                </p>
            </footer>
        </div>
        <div class="menu_position">
            <div id="kkikki_mini">
                <img src="img/BDB_kkikki_mini.png" alt="비밀 끼끼">
            </div>
            <div class="menu_box">
                <ul class="menu">
                    <li class="menu_detail"><a href="" id="random_link">선물받기</a></li>
                    <li class="menu_detail"><a href="BDB_writePost.html">메시지 작성하기</a></li>
                    <li class="menu_detail"><a href="BDB_my_page.html">마이페이지</a></li>
                    <li class="menu_detail"><a href="BDB_community.html">커뮤니티 가기</a></li>
                </ul>
                <div class="profile">
                    <div class="profile_img">
                        <img src="img/profile_img.jpg" alt="profile">
                    </div>
                    <div class="my_name">
                        <span>끼끼</span>
                        <span id="d-day"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
    <script src="js/masonryLayout.js"></script>
    <script src="js/menu_popup.js"></script>
    <script src="js/Dday.js"></script>
    <script src="js/random.js"></script>
    <script src="js/likeBtn.js" type="module" defer></script>
</body>

</html>