jamesp/videoscroller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding encryption

Browse Source
This commit is contained in:
James Pattinson
2026-02-01 05:30:05 -05:00
parent bb35db384f
commit a7aedd3b64
7 changed files with 1214 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
frontend/index.html
View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Ticky">
@@ -10,12 +10,59 @@
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="video-container" id="videoContainer">
<!-- Videos will be inserted here -->
<!-- Login Screen -->
<div id="loginScreen" class="login-screen active">
<div class="login-container">
<h1>Frankie's Den</h1>
<div id="setupMode" style="display: none;">
<p class="setup-text">First time setup - Create a 6-digit PIN</p>
</div>
<form id="loginForm">
<input type="password" id="pinInput" placeholder="Enter PIN" maxlength="6" inputmode="numeric" required>
<button type="submit">Unlock</button>
</form>
<div id="loginError" class="error-message"></div>
</div>
<div class="loading" id="loading">Loading...</div>
</div>
<!-- Main App -->
<div id="mainApp" class="main-app">
<!-- Header -->
<div class="app-header">
<h2>Private Videos</h2>
<div class="header-buttons">
<button id="uploadBtn" class="btn-small">+ Upload</button>
<button id="logoutBtn" class="btn-small">Logout</button>
</div>
</div>
<!-- Video Viewer -->
<div class="video-viewer-container">
<div class="video-container" id="videoContainer">
<!-- Videos will be inserted here -->
</div>
<div class="loading" id="loading">Loading...</div>
</div>
<!-- Upload Modal -->
<div id="uploadModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Upload Encrypted Video</h3>
<button class="close-btn" id="closeUploadBtn">&times;</button>
</div>
<form id="uploadForm">
<input type="file" id="fileInput" accept="video/*" required>
<button type="submit">Encrypt & Upload</button>
</form>
<div id="uploadError" class="error-message"></div>
<div id="uploadProgress" class="progress-bar" style="display: none;">
<div class="progress-fill"></div>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>