homepage/index.html at main · eatstar-code/homepage · 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
<!DOCTYPE html>
<html lang="ko">
<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-M6STWH59NZ"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-M6STWH59NZ');
  </script>
  <meta charset="UTF-8" />
  <title>EATSTAR STUDIO</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="EATSTAR STUDIO 공식 홈페이지. '공주시간도감'과 'Omok by GPT', 'AI QuickLaunch' 앱을 만나보세요." />

  <!-- 외부 CSS (동일 도메인) -->
  <link rel="stylesheet" href="/style.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=Poppins:wght@400;600;700&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
</head>
<body>
  <div class="controls">
    <div class="language-switcher">
      <button id="lang-btn">KO</button>
      <div id="lang-menu" class="lang-menu">
        <a href="#" class="lang-item" data-lang="ko">한국어</a>
        <a href="#" class="lang-item" data-lang="en">English</a>
        <a href="#" class="lang-item" data-lang="ja">日本語</a>
        <a href="#" class="lang-item" data-lang="zh-cn">简体中文</a>
        <a href="#" class="lang-item" data-lang="zh-tw">繁體中文</a>
      </div>
    </div>
    <button id="theme-toggle-btn"><i class="fas fa-moon"></i></button>
  </div>

  <div class="container">
    <h1 class="studio-logo">EATSTAR STUDIO</h1>
    <p class="subtitle"
      data-ko="창의적인 아이디어를 현실로 만듭니다."
      data-en="Bringing creative ideas to life."
      data-ja="創造的なアイデアを現実に。"
      data-zh-cn="将创意变为现实。"
      data-zh-tw="將創意變為現實。"></p>

    <a href="/gongjusigandogam/" class="app-showcase-link">
      <div class="app-showcase">
        <img src="icon_ko.png" alt="App Icon" class="app-icon" id="app-icon"
             data-ko-src="icon_ko.png" data-en-src="icon_en.png" data-ja-src="icon_ja.png"
             data-zh-cn-src="icon_zh-cn.png" data-zh-tw-src="icon_zh-tw.png" />
        <div class="app-content">
          <div class="app-info">
            <h3 data-ko="공주시간도감" data-en="Gongju Time Archive"
                data-ja="コンジュ時間図鑑 – 公州歴史探訪"
                data-zh-cn="公州时间图鉴" data-zh-tw="公州時間圖鑑"></h3>
            <p data-ko="여행의 모든 순간을 기록하고 공유하세요."
               data-en="Record and share every moment of your journey."
               data-ja="旅のすべての瞬間を記録し、共有しましょう。"
               data-zh-cn="记录并分享您旅途中的每一个瞬间。"
               data-zh-tw="記錄並分享您旅途中的每一個瞬間。"></p>
            <div class="tech-badges"><span class="badge badge-kotlin">Kotlin</span></div>
          </div>
        </div>
      </div>
    </a>

    <a href="/obg/" class="app-showcase-link">
      <div class="app-showcase">
        <img src="obg.png" alt="Omok by GPT Icon" class="app-icon" />
        <div class="app-content">
          <div class="app-info">
            <h3 data-ko="Omok by GPT (ObG)" data-en="Omok by GPT (ObG)"
                data-ja="Omok by GPT (ObG)" data-zh-cn="Omok by GPT (ObG)" data-zh-tw="Omok by GPT (ObG)"></h3>
            <p data-ko="Omok by GPT는 ChatGPT를 활용해 개발한 GUI 기반 오목 프로그램입니다."
               data-en="Omok by GPT is a GUI-based Omok program developed using ChatGPT."
               data-ja="Omok by GPT は ChatGPT を活用して開発された GUI ベースの五目並べプログラムです。"
               data-zh-cn="Omok by GPT 是一个使用 ChatGPT 开发的基于 GUI 的五子棋程序。"
               data-zh-tw="Omok by GPT 是使用 ChatGPT 開發的 GUI 型五子棋程式。"></p>
            <div class="tech-badges"><span class="badge badge-python">Python</span></div>
          </div>
        </div>
      </div>
    </a>

    <a href="/aiquicklaunch" class="app-showcase-link">
  <div class="app-showcase">
    <img src="ai-q.png" alt="AI QuickLaunch Icon" class="app-icon" />
    <div class="app-content">
      <div class="app-info">
        <h3
          data-ko="AI QuickLaunch"
          data-en="AI QuickLaunch"
          data-ja="AI QuickLaunch"
          data-zh-cn="AI QuickLaunch"
          data-zh-tw="AI QuickLaunch"
        ></h3>
        <p
          data-ko="클릭 한 번으로 여러 GPT 및 LLM 서비스를 동시에 실행합니다."
          data-en="Launch multiple GPT and LLM services at once with a single click."
          data-ja="ワンクリックで複数のGPT・LLMサービスを同時起動。"
          data-zh-cn="一键同时启动多个 GPT 与 LLM 服务。"
          data-zh-tw="一鍵同時啟動多個 GPT 與 LLM 服務。"
        ></p>
        <div class="tech-badges">
          <span class="badge badge-html">HTML</span>
          <span class="badge badge-css">CSS</span>
          <span class="badge badge-js">JavaScript</span>
        </div>
      </div>
    </div>
  </div>
</a>

    <div class="social-links">
      <a href="https://github.com/eatstar-code" target="_blank" title="GitHub"><i class="fab fa-github"></i></a>
      <a href="mailto:eatstar.studio@gmail.com" title="Email"><i class="fas fa-envelope"></i></a>
      <a href="https://eatstar.tistory.com/" target="_blank" title="Tistory Blog"><i class="fas fa-blog"></i></a>
      <a href="https://buymeacoffee.com/eatstar200o" target="_blank" title="Buy Me a Coffee"><i class="fas fa-mug-hot"></i></a>
    </div>
    <footer>&copy; EATSTAR STUDIO 2025. All rights reserved.</footer>
  </div>

  <!-- 외부 JS (동일 도메인), defer로 로딩 -->
  <script src="/app.js" defer></script>
</body>
</html>