hjess/LifeFaq
1
0
Fork 0
generated from hjess/PythonTemplateProject
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug somewhere
Some checks failed
Build, Push, and Deploy to Nomad / docker-nomad (push) Failing after 4m38s
Details

Browse Source
This commit is contained in:
Henrik Jess
2024-12-17 17:10:37 +01:00
parent 1cb9e066ab
commit 7072e7e099
9 changed files with 122 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
templates/base_template.html
View File

@@ -5,42 +5,6 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="/static/css/main.css">
<style>
/* Modal background with blur effect */
.modal {
display: none; /* Hidden by default */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3); /* Semi-transparent dark background */
backdrop-filter: blur(8px); /* Blurs everything behind the modal */
display: flex;
justify-content: center;
align-items: center;
z-index: 999999; /* Ensure it stays on top */
}
/* Modal content */
.modal-content {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
width: 400px;
text-align: center;
z-index: 50000; /* Content stays above the blurred overlay */
}
.open {
transform: rotate(15deg); /* Rotates button 15 degrees */
}
.open_inv {
transform: rotate(-15deg); /* Rotates button 15 degrees */
}
</style>
</head>
<body class="is-preload">
<!-- Wrapper -->
@@ -81,25 +45,7 @@
<script src="/static/js/breakpoints.min.js"></script>
<script src="/static/js/util.js"></script>
<script src="/static/js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// Open a specific modal
function openModal(modalId) {
document.getElementById(modalId).style.display = 'flex';
}
<script src="/static/js/modal_handler.js"></script>
// Close a specific modal
function closeModal(modalId) {
document.getElementById(modalId).style.display = 'none';
}
// Ensure all modals are hidden on page load
window.onload = () => {
const modals = document.querySelectorAll('.modal'); // Select all modals
modals.forEach(modal => {
modal.style.display = 'none';
});
};
</script>
</body>
</html>