62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>f0ckm Uploader</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
<script src="popup.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="brand">
|
|
<img src="../icons/icon32.png" alt="f0ckm Logo" class="brand-icon">
|
|
<span class="brand-name">f0ckm Uploader</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mode-selector">
|
|
<label class="mode-option">
|
|
<input type="radio" name="uploadMode" value="desktop" id="mode-desktop">
|
|
<span class="mode-pill">Desktop App (f0ckm://)</span>
|
|
</label>
|
|
<label class="mode-option">
|
|
<input type="radio" name="uploadMode" value="direct" id="mode-direct">
|
|
<span class="mode-pill">Direct API</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div id="active-tab-card" class="active-tab-card">
|
|
<div class="card-top">
|
|
<span id="site-badge" class="site-badge">🌐 Web Page</span>
|
|
<span id="tab-title" class="tab-title">Loading current tab...</span>
|
|
</div>
|
|
<div id="tab-url-preview" class="tab-url-preview">https://...</div>
|
|
<button id="btn-upload-tab" class="btn btn-primary btn-lg">
|
|
<span class="btn-icon">🚀</span> <span id="btn-upload-text">Upload to f0ckm API</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="divider"><span>OR PASTE CUSTOM URL</span></div>
|
|
|
|
<div class="input-group">
|
|
<input type="url" id="url-input" placeholder="https://youtube.com/watch?v=..." autocomplete="off" spellcheck="false">
|
|
<button id="btn-upload-url" class="btn btn-accent">Upload URL</button>
|
|
</div>
|
|
|
|
<div id="status-card" class="status-card hidden">
|
|
<div id="status-spinner" class="spinner hidden"></div>
|
|
<div id="status-text" class="status-text"></div>
|
|
<div id="result-container" class="result-container hidden">
|
|
<a id="result-link" href="#" target="_blank" class="result-link">https://...</a>
|
|
<button id="btn-copy-result" class="btn btn-sm">Copy Link</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<span>f0ckm Integration v2.0</span>
|
|
</div>
|
|
</body>
|
|
</html>
|