Files
medi-customers/templates/readme.html

143 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
medisoftware Kundensuche - README
Version: {{ version }}
Entwickler: medisoftware GmbH
Letzte Änderung: 2024-03-19
-->
<title>medisoftware Kundensuche - README</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons für die Menü-Symbole -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<style>
/*
Inline-Styles für die README-Seite
Diese Styles sind nur für diese Seite gültig
*/
body {
background-color: #f8f9fa;
}
.main-content {
padding: 2rem 0;
}
.logo {
width: 200px;
height: auto;
margin: 0 auto;
display: block;
}
.readme-container {
background-color: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.readme-content {
max-width: 800px;
margin: 0 auto;
}
.readme-content h1 {
color: #333;
margin-bottom: 1.5rem;
}
.readme-content h2 {
color: #444;
margin-top: 2rem;
margin-bottom: 1rem;
}
.readme-content p {
line-height: 1.6;
margin-bottom: 1rem;
}
.readme-content code {
background-color: #f8f9fa;
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-family: monospace;
}
.readme-content pre {
background-color: #f8f9fa;
padding: 1rem;
border-radius: 5px;
overflow-x: auto;
}
.readme-content ul, .readme-content ol {
margin-bottom: 1rem;
padding-left: 2rem;
}
.readme-content li {
margin-bottom: 0.5rem;
}
.readme-content blockquote {
border-left: 4px solid #dee2e6;
padding-left: 1rem;
margin-left: 0;
color: #6c757d;
}
.readme-content table {
width: 100%;
margin-bottom: 1rem;
border-collapse: collapse;
}
.readme-content th, .readme-content td {
padding: 0.5rem;
border: 1px solid #dee2e6;
}
.readme-content th {
background-color: #f8f9fa;
}
</style>
</head>
<body>
<!-- Hauptcontainer für den Inhalt -->
<div class="main-content">
<div class="container">
<!-- Header mit Logo und Menü -->
<div class="position-relative mb-4">
<!-- Dropdown-Menü -->
<div class="dropdown position-absolute start-0">
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-list fs-4"></i>
</button>
<ul class="dropdown-menu" aria-labelledby="menuButton">
<li>
<a class="dropdown-item" href="{{ url_for('index') }}">
<i class="bi bi-house"></i> Home
</a>
</li>
<li>
<a class="dropdown-item" href="{{ url_for('upload') }}">
<i class="bi bi-cloud-upload"></i> CSV-Dateien hochladen
</a>
</li>
<li>
<a class="dropdown-item" href="{{ url_for('readme') }}">
<i class="bi bi-book"></i> README
</a>
</li>
</ul>
</div>
<!-- Logo -->
<div class="text-center">
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo">
</a>
</div>
</div>
<!-- README-Container -->
<div class="readme-container">
<div class="readme-content">
{{ readme_content | safe }}
</div>
</div>
</div>
</div>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>