https://tubenote-8a1ef.web.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7    <meta name="description" content="Paste any YouTube URL and AI delivers a YouTube summary with a clickable timeline. Turn an hour of video into 5 minutes of knowledge with the smartest AI YouTube summarizer." />
8    <meta name="theme-color" content="#FF0033" />
9    <meta name="naver-site-verification" content="47d3884d0ce7cb9be847c7531f949fb489ce0c5d" />
10
11    <!-- Theme pre-apply (prevents light/dark flash on refresh) -->
12    <style>
13      :root { --_preload-bg: #ffffff; }
14      html.dark { --_preload-bg: #000000; }
15      html, body { background-color: var(--_preload-bg); }
16    </style>
17    

17<script>
18      (function () {
19        try {
20          var saved = localStorage.getItem("summix-theme-mode");
21          var mode = (saved === "light" || saved === "dark" || saved === "system") ? saved : "system";
22          var isDark =
23            mode === "dark" ||
24            (mode === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
25          if (isDark) document.documentElement.classList.add("dark");
26        } catch (e) {}
27      })();
28    </script>

28
29
30    <!-- Open Graph — og:type/site_name 정적. 아래 OG_DYNAMIC_META 블록은
31         ogLandingFn 이 "/" 요청 시 Accept-Language(또는 ?lang=)에 맞춰 교체.
32         그 외 경로는 아래 ko 기본값이 그대로 노출됨. -->
33    <meta property="og:type" content="website" />
34    <meta property="og:site_name" content="Summix" />
35    <!--OG_DYNAMIC_META-->
36    <meta property="og:title" content="Summix · AI YouTube Summary — Watch Less, Learn More" />
37    <meta property="og:description" content="Paste any YouTube URL and AI delivers a YouTube summary with a clickable timeline. Turn an hour of video into 5 minutes of knowledge with the smartest AI YouTube summarizer." />
38    <meta property="og:image" content="https://tubenote-8a1ef.web.app/og-en.jpg" />
39    <meta property="og:locale" content="en_US" />
40    <meta name="twitter:card" content="summary_large_image" />
41    <meta name="twitter:title" content="Summix · AI YouTube Summary — Watch Less, Learn More" />
42    <meta name="twitter:description" content="Paste any YouTube URL and AI delivers a YouTube summary with a clickable timeline. Turn an hour of video into 5 minutes of knowledge with the smartest AI YouTube summarizer." />
43    <meta name="twitter:image" content="https://tubenote-8a1ef.web.app/og-en.jpg" />
44    <!--/OG_DYNAMIC_META-->
45
46    <link rel="preconnect" href="https://fonts.googleapis.com" />
47    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
48    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
49    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet" />
50    <title>Summix · AI YouTube Summary — Watch Less, Learn More</title>
51    

51<script type="module" crossorigin src="/assets/index-nkgc4SH-.js"></script>

51
52    <link rel="modulepreload" crossorigin href="/assets/markdown-CsXM4Fse.js">
53    <link rel="modulepreload" crossorigin href="/assets/firebase-DesKTKso.js">
54    <link rel="stylesheet" crossorigin href="/assets/index-DRN6yQ5E.css">
55  </head>
56  <body>
57    <div id="root"></div>
58    <!--SEO_BODY_BLOCK--><noscript>
59      <h1>AI YouTube Summary Tool · Summix</h1>
60      <p>Paste any YouTube URL and AI delivers a smart YouTube summary with a clickable timeline. Turn an hour of video into 5 minutes of knowledge — Summix is the fastest AI YouTube summarizer.</p>
61      <h2>YouTube Summary — Key Features</h2>
62      <ul>
63        <li>Automatic YouTube video summarization with 10 modes (interview, education, news, etc.)</li>
64        <li>Clickable timeline — jump straight to any section of the video</li>
65        <li>Quote and key data extraction</li>
66        <li>Export as Markdown, PDF, or blog post</li>
67        <li>iOS &amp; Android apps available (Summix app)</li>
68      </ul>
69    </noscript><!--/SEO_BODY_BLOCK-->
70    

70<script src="https://cdn.portone.io/v2/browser-sdk.js"></script>

70
71  </body>
72</html>