Files
aperisolve/aperisolve/templates/base.html
T
Aradhya C PandGitHub 6660cd2e5d Minor CSS work to refactor the landing page (#183)
* 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
2026-02-02 21:24:36 +01:00

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>