File size: 2,451 Bytes
ff13394 |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Membership Inference</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="app">
<header class="app-header">
<h1>Image Membership Inference</h1>
<p>Check if an image is likely within the model's training data</p>
</header>
<main>
<form id="upload-form">
<div class="upload-container">
<label for="image-upload" class="upload-label">
<div id="preview-container" class="hidden">
<img id="image-preview" src="" alt="Preview">
</div>
<div id="upload-placeholder" class="upload-placeholder">
<span>Click to upload an image</span>
</div>
</label>
<input
id="image-upload"
type="file"
accept="image/*"
class="file-input"
/>
</div>
<button
type="submit"
id="submit-button"
class="submit-button"
disabled
>
Check Membership
</button>
</form>
<div id="error-message" class="error-message hidden"></div>
<div id="result-container" class="result-container hidden">
<h2>Result</h2>
<p id="result-message" class="result-message"></p>
<p id="membership-status" class="membership-status"></p>
<div class="probability-bar">
<div id="probability-fill" class="probability-fill"></div>
<span id="probability-text" class="probability-text"></span>
</div>
</div>
<div id="loading" class="loading hidden">
<div class="spinner"></div>
<p>Processing image...</p>
</div>
</main>
</div>
<script src="{{ url_for('static', filename='script.js') }}"></script>
</body>
</html> |