kibi/f0ckm-uploader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding browser extension and some QoL

Browse Source
This commit is contained in:
Kibi Kelburton
2026-08-12 00:14:47 +02:00
parent 0ca65ea473
commit d5f092883a
14 changed files with 1708 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
browser-extension/popup/popup.html Normal file
View File

@@ -0,0 +1,61 @@
<!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>