File size: 2,699 Bytes
d1767e8 07cc80c d1767e8 55c0f90 d1767e8 45cba52 d1767e8 45cba52 d1767e8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Diagnosis Report | Snap Skin</title>
<link rel="stylesheet" href="/static/form-styles.css" />
<link rel="shortcut icon" href="/static/logo.png" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"/>
<script src="/static/preloader.js"></script>
<script src="/static/cursor-effect.js"></script>
<script>
function printPage() {
window.print();
}
</script>
</head>
<body>
<div class="preloader">
<div class="preloader-particles"></div>
<div class="dna-loader">
<div class="dna-loader-strand"></div>
<div class="dna-loader-strand"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="dna-loader-rung"></div>
<div class="loader-text">LOADING...</div>
</div>
</div>
<header>
<nav>
<div class="logo" style="color: beige;">SNAP <span style="color: #00ffff;">SKIN</span></div>
<ul>
<li><a href="https://snapskin.vercel.app/">Home</a></li>
</ul>
</nav>
</header>
<section class="form-section">
<div class="container">
<div class="form-container">
<h1 style="color: white;">Diagnosis Report</h1>
<div class="form-wrapper">
<div class="result-section" style="display: block;">
<h2>Patient Details</h2>
<p><strong>Full Name:</strong> {{ name }}</p>
<p><strong>Email Address:</strong> {{ email }}</p>
<p><strong>Gender:</strong> {{ gender }}</p>
<p><strong>Age:</strong> {{ age }}</p>
<h2 style="margin-top: 30px;">Prediction Result</h2>
<p><strong>Diagnosis:</strong> {{ prediction }}</p>
<p><strong>Confidence:</strong> {{ confidence }}</p>
{% if message %}
<p class="warning-message">{{ message }}</p>
{% endif %}
<div style="margin-top: 40px; display: flex; gap: 15px; flex-wrap: wrap;">
<a href="/form" class="submit-button">← Back to Form</a>
<a href="/download-report" class="submit-button">⬇ Download PDF</a>
<button onclick="printPage()" class="submit-button">🖨 Print Report</button>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
|