* Enhance landing UI with updated typography, button styles, and footer layout * Update Fira Code font weight for improved typography * Refactor footer layout for improved structure and readability * Improve landing page UI by adding a question class to the header and simplifying the browse button style * Remove unused font imports to optimize CSS file size * Fix command comment in Dockerfile from french to english * Fix footer CSS rule by closing the declaration block * Update text-shadow properties for title elements and clean up footer styles * Refactor footer HTML structure to simplify copyright display * Add icon to 'Choose an image' button for improved UI * Remove unnecessary footer-container styles to streamline layout
61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-bs-theme="dark">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<meta name="description" content="Aperi'Solve - Online steganography analysis platform for images">
|
|
<title>Aperi'Solve - Steganography Analysis</title>
|
|
<link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/static/css/aperisolve.css" rel="stylesheet">
|
|
<script async src="{{ config["CUSTOM_EXTERNAL_SCRIPT"]}}" crossorigin="anonymous"></script>
|
|
</head>
|
|
|
|
<body class="d-flex flex-column min-vh-100 text-light">
|
|
<div id="three-bg"></div>
|
|
|
|
<!-- Main content area -->
|
|
<main class="flex-grow-1">
|
|
<div class="container mt-5">
|
|
<header class="site-header mb-4">
|
|
<a class="title-link d-inline-flex align-items-center text-decoration-none" href="/" aria-label="Aperi'Solve Home">
|
|
<img src="/static/img/logo.svg" alt="Aperi'Solve logo" class="logo-img me-3" width="80" height="80">
|
|
<div class="d-flex flex-column">
|
|
<span class="title-text">Aperi'Solve</span>
|
|
<span class="title-version">v.{{ config["PROJECT_VERSION"] }}</span>
|
|
</div>
|
|
</a>
|
|
</header>
|
|
{% block body_content %} {% endblock %}
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
{% include "footer.html" %}
|
|
|
|
<!-- Modal Structure -->
|
|
<div id="image-modal-container">
|
|
<img id="modal-image" src="" />
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="/static/js/aperisolve.js"></script>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "./static/js/three.module.min.js",
|
|
"three/addons/": "./static/js/jsm/"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module" src="/static/js/background.js"></script>
|
|
{% block footer_content %} {% endblock %}
|
|
</body>
|
|
|
|
</html>
|