dennii/Advanced-Smtp-Tester
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Advanced-Smtp-Tester.git synced 2026-04-17 17:35:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Move index.html to root and serve assets from /public

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-13 11:01:48 +11:00
parent 9f9517da31
commit 8028bb22cd
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
index.html Normal file
View File

@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Advanced SMTP Tester - Test your SMTP configurations securely and easily."
/>
<title>Advanced SMTP Tester</title>
<link rel="icon" type="image/png" href="public/Logo.png" />
<link rel="stylesheet" href="public/styles.css" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="background-animation"></div>
<div class="container">
<!-- Header -->
<header class="header">
<div class="header-content">
<h1 class="title">
<img src="public/Logo.png" alt="Logo" class="title-icon" />
SMTP Tester
</h1>
<p class="subtitle">
Advanced SMTP Configuration & Delivery Testing Utility
</p>
</div>
</header>
<!-- Main Content Area -->
<main class="main-content">
<div class="panel">
<div class="panel-header">
<div class="panel-icon">📧</div>
<h2 class="panel-title">Server Configuration</h2>
</div>
<form id="smtpForm" class="smtp-form">
<div class="form-grid">
<!-- Server Details -->
<div class="form-group">
<label for="host">SMTP Host</label>
<input
type="text"
id="host"
name="host"
placeholder="smtp.example.com"
required
/>
</div>
<div class="form-group">
<label for="port">Port</label>
<input
type="number"
id="port"
name="port"
placeholder="587"
required
/>
</div>
<div class="form-group">
<label for="secure">Encryption</label>
<select id="secure" name="secure">
<option value="false">STARTTLS (587/25)</option>
<option value="true">SSL/TLS (465)</option>
</select>
</div>
<!-- Auth Details -->
<div class="form-group">
<label for="user">Username / Email</label>
<input
type="text"
id="user"
name="user"
placeholder="user@example.com"
required
/>
</div>
<div class="form-group">
<label for="pass">Password</label>
<div class="password-input-wrapper">
<input
type="password"
id="pass"
name="pass"
placeholder="••••••••"
required
/>
<button
type="button"
class="toggle-password"
onclick="togglePassword()"
>
👁️
</button>
</div>
</div>
<!-- Email Details -->
<div class="form-group">
<label for="from">From Address (Optional)</label>
<input
type="email"
id="from"
name="from"
placeholder="Defaults to Username"
/>
</div>
<div class="form-group">
<label for="to">To Address</label>
<input
type="email"
id="to"
name="to"
placeholder="recipient@example.com"
required
/>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" id="testBtn">
<span class="btn-text">Test Configuration & Send Email</span>
<div class="loading-spinner hidden"></div>
</button>
</div>
<!-- Warning for Password Transmission -->
<div class="alert alert-warning">
<span class="alert-icon">⚠️</span>
<p>
<strong>Note:</strong> Per your request, the password used for
this test will be included in the body of the test email.
</p>
</div>
</form>
<!-- Results Section -->
<div id="results" class="results-section hidden">
<h3>Test Results</h3>
<div id="statusMessage" class="status-message"></div>
<pre id="logOutput" class="log-output"></pre>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<p>&copy; 2025 Beyond Cloud Technology. All rights reserved.</p>
</footer>
</div>
<script src="public/script.js"></script>
</body>
</html>