067c4073ee
Attest page (/attest): - Image upload with optional caption and location - EXIF auto-extraction toggle - Creates Ed25519-signed attestation record - Stores in verisoo append-only binary log + LMDB index - Displays: record ID, attestor fingerprint, timestamp, image hashes Verify page (/verify): - Image upload for verification against local attestation log - SHA-256 exact matching + perceptual hash matching (pHash, dHash) - Shows match type (exact/perceptual), hash distances, attestor info - Color-coded distance badges (green=0, info<5, warning<10, danger>=10) Attestation log (/attest/log): - Lists recent attestations with short ID, attestor, timestamp, SHA-256 - Shows total record count Verified: full lifecycle works — attest image → verify same image → exact match found Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
61 lines
3.0 KiB
HTML
61 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Attest Image — SooSeF{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="card bg-dark border-secondary">
|
|
<div class="card-header">
|
|
<h5 class="mb-0"><i class="bi bi-patch-check me-2 text-info"></i>Attest Image</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">
|
|
Create a cryptographic provenance attestation — sign an image with your Ed25519 identity
|
|
to prove when and by whom it was captured.
|
|
</p>
|
|
|
|
{% if not has_identity %}
|
|
<div class="alert alert-warning">
|
|
<i class="bi bi-exclamation-triangle me-2"></i>
|
|
<strong>No identity configured.</strong> Generate one from the
|
|
<a href="/keys" class="alert-link">Keys page</a> or run <code>soosef init</code>.
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="POST" enctype="multipart/form-data">
|
|
<div class="mb-4">
|
|
<label for="image" class="form-label"><i class="bi bi-image me-1"></i>Image to Attest</label>
|
|
<input type="file" class="form-control" name="image" id="image"
|
|
accept="image/png,image/jpeg,image/webp,image/tiff,image/bmp" required>
|
|
<div class="form-text">Supports PNG, JPEG, WebP, TIFF, BMP.</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="caption" class="form-label"><i class="bi bi-chat-text me-1"></i>Caption (optional)</label>
|
|
<input type="text" class="form-control" name="caption" id="caption"
|
|
placeholder="What does this image show?" maxlength="500">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="location_name" class="form-label"><i class="bi bi-geo-alt me-1"></i>Location (optional)</label>
|
|
<input type="text" class="form-control" name="location_name" id="location_name"
|
|
placeholder="Where was this taken?" maxlength="200">
|
|
</div>
|
|
|
|
<div class="form-check form-switch mb-4">
|
|
<input class="form-check-input" type="checkbox" name="auto_exif" id="autoExif" checked>
|
|
<label class="form-check-label" for="autoExif">
|
|
Extract EXIF metadata automatically (GPS, timestamp, device)
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-info btn-lg w-100" {% if not has_identity %}disabled{% endif %}>
|
|
<i class="bi bi-patch-check me-2"></i>Create Attestation
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|