poduct-builder-lecture/index.html at main · edtech1179/poduct-builder-lecture · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>로또 6/45 번호 생성기 - 무료 추천 번호 (Lotto Generator)</title>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4783233127260453"
     crossorigin="anonymous"></script>
    <meta name="google-adsense-account" content="ca-pub-4783233127260453">
    <link rel="stylesheet" href="style.css">
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3LWYD5PCVF"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-3LWYD5PCVF');
    </script>
    <!-- Microsoft Clarity -->
    <script type="text/javascript">
      (function(c,l,a,r,i,t,y){
          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, "clarity", "script", "v4yvfgey4h");
    </script>
  </head>
  <body>
    <div class="container">
      <header>
        <div class="header-controls">
          <select id="language-selector" aria-label="Select Language">
            <option value="ko">한국어</option>
            <option value="en">English</option>
          </select>
          <button id="theme-toggle" aria-label="Toggle Dark Mode">
            Toggle Dark Mode
          </button>
        </div>
        <h1 data-i18n="appTitle">Lotto Number Generator</h1>
      </header>

      <div id="lotto-numbers"></div>

      <div class="controls">
        <button id="generate-btn" class="action-btn" data-i18n="generateBtn">번호 생성하기 (Generate)</button>
      </div>

      <article class="content-section">
        <h2 data-i18n="aboutTitle">로또 번호 생성기란? (About)</h2>
        <p data-i18n="aboutContent">
          본 서비스는 1부터 45까지의 숫자 중 6개를 무작위로 추첨하여 로또 예상 번호를 제공하는 무료 도구입니다.
          매주 행운을 시험해보고 싶은 분들을 위해 복잡한 절차 없이 클릭 한 번으로 번호를 생성할 수 있도록 제작되었습니다.
        </p>

        <h2 data-i18n="howToTitle">사용 방법 (How to Use)</h2>
        <p data-i18n="howToContent">
          1. 상단의 '번호 생성하기' 버튼을 클릭하세요.<br>
          2. 화면에 나타나는 6개의 색상별 공을 확인하세요.<br>
          3. 마음에 들지 않으면 다시 버튼을 눌러 새로운 번호를 받을 수 있습니다.
        </p>

        <h2 data-i18n="infoTitle">로또 6/45 확률 정보</h2>
        <p data-i18n="infoContent">
          로또 6/45의 1등 당첨 확률은 약 814만 분의 1입니다.
          이 생성기는 순수하게 수학적 무작위성(Randomness)을 기반으로 동작하며,
          당첨을 보장하지 않습니다. 로또는 소액으로 건전하게 즐기는 것이 좋습니다.
        </p>
      </article>

      <section class="contact-form-section">
        <hr>
        <h2 data-i18n="contactTitle">제휴 문의</h2>
        <form action="https://formspree.io/f/mnjjqnnr" method="POST" class="contact-form">
          <div class="form-group">
            <label for="name" data-i18n="labelName">성함</label>
            <input type="text" id="name" name="name" required placeholder="Name">
          </div>
          <div class="form-group">
            <label for="email" data-i18n="labelEmail">이메일 주소</label>
            <input type="email" id="email" name="_replyto" required placeholder="example@email.com">
          </div>
          <div class="form-group">
            <label for="company" data-i18n="labelCompany">회사/조직명</label>
            <input type="text" id="company" name="company" placeholder="Company Name">
          </div>
          <div class="form-group">
            <label for="message" data-i18n="labelMessage">문의 내용</label>
            <textarea id="message" name="message" required placeholder="Message" rows="5"></textarea>
          </div>
          <button type="submit" class="submit-btn" data-i18n="sendBtn">문의 보내기</button>
        </form>
      </section>

      <section class="comments-section">
        <hr>
        <div id="disqus_thread"></div>
        <script>
            /**
            *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
            *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
            /*
            var disqus_config = function () {
            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
            };
            */
            (function() { // DON'T EDIT BELOW THIS LINE
            var d = document, s = d.createElement('script');
            s.src = 'https://productbuilder-16.disqus.com/embed.js';
            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
            })();
        </script>
        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
      </section>

      <footer class="site-footer">
        <hr>
        <p>&copy; 2026 Lotto Number Generator. All rights reserved.</p>
        <nav>
          <a href="privacy.html" data-i18n="privacyPolicy">개인정보처리방침 (Privacy Policy)</a> |
          <a href="terms.html" data-i18n="termsOfService">이용약관 (Terms of Service)</a>
        </nav>
      </footer>
    </div>

    <!-- Firebase SDKs (keeping them just in case, though not strictly used by the lotto logic yet) -->
    <script defer src="/__/firebase/12.7.0/firebase-app-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-auth-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-database-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-firestore-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-functions-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-messaging-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-storage-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-analytics-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-remote-config-compat.js"></script>
    <script defer src="/__/firebase/12.7.0/firebase-performance-compat.js"></script>
    <script defer src="/__/firebase/init.js?useEmulator=true"></script>

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