TySS-Dev/PacCrypt-Webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better UI for both Desktop and Mobile

Browse Source
This commit is contained in:
Tyler
2025-05-14 15:31:43 -10:00
committed by GitHub
parent bb8690b74f
commit 8f2d56c05a
17 changed files with 527 additions and 467 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/404.html
+3 -3
View File
@@ -32,14 +32,14 @@
<main>
<section class="card form-group" style="padding: 50px 30px;">
<h2 style="color: #ff0066; font-size: 2.5em;">404 - Not Found</h2>
<p class="mt-4" style="font-size: 1.2em; color: #cccccc;">
<p style="font-size: 1.2em; color: #cccccc;">
Whoops! That page doesn't seem to exist. Maybe it got encrypted?
</p>
<!-- Navigation -->
<div class="button-group mt-4">
<div class="button-group">
<a href="{{ url_for('index') }}">
<button type="button">⬅️ Return Home</button>
<button type="button">Return Home</button>
</a>
</div>
</section>
templates/500.html
+3 -3
View File
@@ -31,16 +31,16 @@
<!-- Main Content -->
<main>
<section class="card form-group" style="padding: 50px 30px;">
<h2 style="color: #ff3300; font-size: 2.5em;">💥 500 - Server Error</h2>
<h2 style="color: #ff3300; font-size: 2.5em;">500 - Server Error</h2>
<p class="mt-4" style="font-size: 1.2em; color: #cccccc;">
Uh oh! The ghosts chomped the server wires. 🧟‍♂️👾
Uh oh! The ghosts chomped the server wires.
We're working on patching it up.
</p>
<!-- Navigation -->
<div class="button-group mt-4">
<a href="{{ url_for('index') }}">
<button type="button">⬅️ Return Home</button>
<button type="button">Return Home</button>
</a>
</div>
</section>
templates/admin.html
+9 -8
View File
@@ -53,12 +53,12 @@
<form action="{{ url_for('admin_logout') }}" method="GET" style="display: inline;">
<button type="submit">Log Out</button>
</form>
<button onclick="updateServer()">Pull Latest Changes</button>
<button onclick="updateServer()">Update Server</button>
<form action="{{ url_for('admin_settings') }}" method="GET" style="display: inline;">
<button type="submit">Manage Upload Settings</button>
<button type="submit">Settings</button>
</form>
<button onclick="resetAdmin()" class="danger-button">Reset Admin</button>
<button onclick="clearUploads()" class="danger-button">Clear Uploaded Files</button>
<button onclick="clearUploads()" class="danger-button">Clear PacShare</button>
</div>
@@ -88,14 +88,15 @@
<!-- Server Status Section -->
<section id="server-status-section" class="card form-group">
<h2>Server Status</h2>
<ul style="width: 400px;">
<li>Uptime: <code>0 days, 11 hours, 47 minutes</code></li>
<li>Server Time: <code>2025-05-14 14:32:18</code></li>
<li>Python Version: <code>3.13.3</code></li>
<li>Flask Debug Mode: <code>True</code></li>
<ul class="status-list">
<li>Uptime: <code>{{ server_info.uptime }}</code></li>
<li>Server Time: <code>{{ server_info.server_time }}</code></li>
<li>Python Version: <code>{{ server_info.python_version }}</code></li>
<li>Flask Debug Mode: <code>{{ server_info.debug_mode }}</code></li>
</ul>
</section>
<!-- Server Logs Section -->
<section id="server-logs-section" class="card form-group">
<h2>Server Logs</h2>
templates/admin_login.html
+11 -7
View File
@@ -18,16 +18,20 @@
</head>
<body class="dark">
<!-- Header -->
<header class="card">
<h1>PacCrypt Admin</h1>
<p>Administrator Login</p>
</header>
<header class="card logo-header">
<div class="logo-container">
<img src="{{ url_for('static', filename='img/PacCrypt.png') }}" alt="PacCrypt Logo" />
<div class="logo-text">
<h1>PACCRYPT</h1>
<p>Admin Login</p>
</div>
</div>
</header>
<!-- Main Content -->
<main>
<!-- Login Form Section -->
<section class="card form-group">
<h2>🔑 Admin Login</h2>
<h2>Admin Login</h2>
<!-- Flash Messages -->
{% with messages = get_flashed_messages() %}
@@ -41,7 +45,7 @@
<input type="text" name="username" placeholder="Username" required />
<input type="password" name="password" placeholder="Password" required />
<div class="button-group mt-3">
<button type="submit">🚪 Log In</button>
<button type="submit">Log In</button>
</div>
</form>
</section>
templates/admin_settings.html
+13 -8
View File
@@ -16,16 +16,21 @@
</head>
<body class="dark">
<!-- Header -->
<header class="card">
<h1>PacCrypt Admin Settings</h1>
<p>Manage upload configuration</p>
</header>
<!-- Header -->
<header class="card logo-header">
<div class="logo-container">
<img src="{{ url_for('static', filename='img/PacCrypt.png') }}" alt="PacCrypt Logo" />
<div class="logo-text">
<h1>PACCRYPT</h1>
<p>Server Settings</p>
</div>
</div>
</header>
<!-- Main Content -->
<main>
<!-- Settings Form Section -->
<section class="card form-group">
<h2>⚙️ Upload Settings</h2>
<h2>Upload Settings</h2>
<!-- Flash Messages -->
{% with messages = get_flashed_messages() %}
@@ -51,9 +56,9 @@
<!-- Action Buttons -->
<div class="button-group mt-4">
<button type="submit">💾 Save Settings</button>
<button type="submit">Save Settings</button>
<a href="{{ url_for('admin_page') }}">
<button type="button">⬅️ Back to Admin Panel</button>
<button type="button">Back to Admin Panel</button>
</a>
</div>
</form>
templates/index.html
+6 -7
View File
@@ -49,7 +49,7 @@
<canvas id="pacmanCanvas" width="800" height="600"></canvas>
</div>
<audio id="chomp-sound" src="{{ url_for('static', filename='audio/chomp.mp3') }}"></audio>
<div class="button-group">
<div class="button-group" style="margin-top: 6px;">
<button type="button" onclick="resetGame()">Restart Game</button>
<button type="button" onclick="exitGame()">Exit Game</button>
</div>
@@ -112,9 +112,8 @@
<!-- File Sharing Section -->
<section id="sharing-section" class="card form-group">
<h2>PacCrypt Share</h2>
<h3>Securely share encrypted files.</h3>
<p>Do not lose your passwords, data will be lost forever!</p>
<h2 style="margin-bottom: unset;">PacShare</h2>
<p style="margin-top: unset;">Securely share encrypted files.</p>
<!-- Flash Messages -->
{% with messages = get_flashed_messages() %}
@@ -126,8 +125,7 @@
{% if "pickup" in message %}
<div class="share-link-container">
<a id="share-link" href="{{ message.split(' at ')[1] }}" target="_blank">{{ message.split(" at ")[1] }}</a>
<!--- <span id="share-link">{{ message.split(" at ")[1] }}</span> --->
<button type="button" id="copy-share-btn">Copy Link</button>
<button type="button" onclick="copyShareLink()">Copy Link</button>
<div id="shared-link-feedback" class="copy-feedback">Link copied to clipboard!</div>
</div>
{% endif %}
@@ -138,6 +136,7 @@
{% endif %}
{% endwith %}
<!-- File Upload Form -->
<!-- Share Link Container (initially hidden) -->
<div class="share-link-container" id="share-link-container" style="display: none;">
@@ -153,7 +152,7 @@
<button type="submit">Upload and Generate Link</button>
</div>
</form>
<p style="color: #9c0000;">BOTH PASSWORDS ARE REQUIRED FOR PICKUP</p>
<script>
document.getElementById('upload-form').addEventListener('submit', async (e) => {
e.preventDefault();
templates/pickup.html
+12 -7
View File
@@ -15,16 +15,21 @@
</head>
<body class="dark">
<!-- Header -->
<header class="card">
<h1>PacCrypt</h1>
<p>Secure File Pickup and Decryption</p>
</header>
<header class="card logo-header">
<div class="logo-container">
<img src="{{ url_for('static', filename='img/PacCrypt.png') }}" alt="PacCrypt Logo" />
<div class="logo-text">
<h1>PACCRYPT</h1>
<p>Encrypted File Pickup</p>
</div>
</div>
</header>
<!-- Main Content -->
<main>
<!-- File Pickup Section -->
<section id="pickup-section" class="card form-group">
<h2>🔐 File Pickup</h2>
<h2>File Pickup</h2>
<!-- Flash Messages -->
{% with messages = get_flashed_messages() %}
@@ -61,14 +66,14 @@
</div>
<div class="button-group">
<button type="submit">📥 Decrypt and Download</button>
<button type="submit">Decrypt and Download</button>
</div>
</form>
</section>
<!-- Security Notice Section -->
<section id="security-notice-section" class="card form-group">
<h2>🛡️ Security Notice</h2>
<h2>Security Notice</h2>
<p style="color: #00ff99; text-align: center;">
Make sure you're on the correct domain before entering any passwords.<br>
Your file will be permanently deleted after download.