2025-02-17 14:33:55 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
2025-02-28 16:56:19 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
|
|
|
|
<meta
|
|
|
|
|
name="viewport"
|
|
|
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
|
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" href="/css/bulma.min.css" />
|
|
|
|
|
<!-- Font Awesome -->
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
2025-03-17 11:56:53 +01:00
|
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
|
|
|
|
|
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
|
2025-02-28 16:56:19 +01:00
|
|
|
crossorigin="anonymous"
|
|
|
|
|
referrerpolicy="no-referrer"
|
|
|
|
|
/>
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
<!-- Dark mode theme using Bulma's CSS variables -->
|
|
|
|
|
<style>
|
|
|
|
|
body.dark-mode {
|
|
|
|
|
--bulma-scheme-main: #1a1a1a;
|
|
|
|
|
--bulma-scheme-main-bis: #242424;
|
|
|
|
|
--bulma-scheme-main-ter: #2f2f2f;
|
|
|
|
|
--bulma-background: #1a1a1a;
|
|
|
|
|
--bulma-text: #e6e6e6;
|
|
|
|
|
--bulma-text-strong: #ffffff;
|
|
|
|
|
--bulma-border: #4a4a4a;
|
|
|
|
|
--bulma-link: #3273dc;
|
|
|
|
|
--bulma-link-hover: #5c93e6;
|
|
|
|
|
}
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .button.is-light {
|
|
|
|
|
--bulma-button-background-color: #363636;
|
|
|
|
|
--bulma-button-color: #e6e6e6;
|
|
|
|
|
--bulma-button-border-color: transparent;
|
|
|
|
|
}
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .input,
|
|
|
|
|
body.dark-mode .textarea {
|
|
|
|
|
--bulma-input-background-color: #2b2b2b;
|
|
|
|
|
--bulma-input-color: #e6e6e6;
|
|
|
|
|
--bulma-input-border-color: #4a4a4a;
|
|
|
|
|
}
|
2025-02-28 12:53:43 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .box {
|
|
|
|
|
--bulma-box-background-color: #2b2b2b;
|
|
|
|
|
--bulma-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.3);
|
|
|
|
|
}
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .card {
|
|
|
|
|
--bulma-card-background-color: #2b2b2b;
|
|
|
|
|
--bulma-card-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.3);
|
|
|
|
|
}
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .notification.is-info {
|
|
|
|
|
--bulma-notification-background-color: #1d4ed8;
|
|
|
|
|
--bulma-notification-color: #e6e6e6;
|
2025-02-17 14:33:55 +01:00
|
|
|
}
|
2025-02-21 13:26:18 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
body.dark-mode .notification.is-danger {
|
|
|
|
|
--bulma-notification-background-color: #dc2626;
|
|
|
|
|
--bulma-notification-color: #e6e6e6;
|
2025-02-28 12:53:43 +01:00
|
|
|
}
|
|
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
/* Responsive adjustments */
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
|
.section {
|
|
|
|
|
padding: 1.5rem 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.textarea {
|
|
|
|
|
min-height: 200px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
%sveltekit.head%
|
|
|
|
|
</head>
|
2025-02-28 12:53:43 +01:00
|
|
|
|
2025-02-28 16:56:19 +01:00
|
|
|
<body data-sveltekit-preload-data="hover">
|
|
|
|
|
<div style="display: contents">%sveltekit.body%</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
