RichardAns's picture
Upload index.html
af6f761 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Phish Sherlock</title>
<link rel="stylesheet" href="/static/style.css"/>
</head>
<body>
<div class="container">
<img src="/static/detective_icon.png" alt="Duck Icon" class="duck-icon" />
<h1 class="main-title">Welcome to Phish Sherlock</h1>
<h2 class="sub-title">Is this email phishy?</h2>
<form id="phish-form">
<input type="text" id="subject" name="subject" placeholder="Subject" required />
<textarea id="body" name="body" rows="6" placeholder="Email Body" required></textarea>
<label class="toggle-label">
<input type="checkbox" id="play_quiz" />
<span class="toggle-text">Play Quiz After?</span>
</label>
<button type="submit" class="analyze-button">Analyze Email</button>
</form>
<div id="result" class="result-container" style="display: none;">
<p><strong>Result:</strong> <span id="label"></span></p>
<p><strong>Phishing Probability:</strong> <span id="score"></span></p>
<p><strong>Explanation:</strong> <span id="explanation"></span></p>
<p><strong>Tip:</strong> <span id="tip"></span></p>
</div>
</div>
<!-- JavaScript inclusion just before closing body -->
<script src="/static/script.js"></script>
</body>
</html>