Christian/2aAPC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated bootstrap

Browse Source
This commit is contained in:
Christian
2026-09-17 18:08:07 +02:00
parent 97997f51f8
commit 2f73fb02ce
12 changed files with 100 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Homepage/assets/css/bootstrap.min.css
Vendored
+5 -5
View File
File diff suppressed because one or more lines are too long
Homepage/assets/css/style.css
+29 -26
View File
@@ -1,40 +1,43 @@
.row.content {
height: 1500px;
}
/* Content row: reicht mindestens bis zum Seitenende und waechst bei langen
Texten mit. Ersetzt das feste "height: 1500px" aus dem Bootstrap-3-Template,
bei dem lange Seiten (z. B. die Datenschutzerklaerung) aus dem Kasten liefen. */
.row.content {
min-height: calc(100vh - 3.5rem);
}
/* In Bootstrap 5 sind die Spalten Flex-Kinder und werden von selbst auf
gleiche Hoehe gestreckt - das frueher noetige "height: 100%" entfaellt. */
.sidenav {
background-color: #f1f1f1;
}
footer {
background-color: #555;
color: white;
padding: 15px;
}
@media screen and (max-width: 767px) {
.sidenav {
background-color: #f1f1f1;
height: 100%;
}
footer {
background-color: #555;
color: white;
padding: 15px;
}
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height: auto;}
}
.svgimages {
height: 14px;
width: 14px;
.row.content {
min-height: auto;
}
}
.req {
.svgimages {
height: 14px;
width: 14px;
}
.req {
color: #d43d28;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-left: 0.3rem;
}
}
Homepage/assets/js/bootstrap.bundle.min.js
Vendored
+7
View File
File diff suppressed because one or more lines are too long
Homepage/assets/js/bootstrap.min.js
Vendored
-7
View File
File diff suppressed because one or more lines are too long
Homepage/assets/js/jquery-4.0.0.min.js
Vendored
-2
View File
File diff suppressed because one or more lines are too long
Homepage/index.html
+7 -8
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery-4.0.0.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="index.html"><img src="assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="sites/empty1.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="sites/empty2.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="sites/empty3.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="index.html"><img src="assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty1.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty2.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty3.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -44,5 +41,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="sites/legal/impress.html">Impress</a> <a href="sites/legal/privacy.html">Privacy policy</a> <a href="sites/legal/contact.html">Contact</a></p>
</footer>
<script src="assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/empty1.html
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,15 +13,15 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 1</p>
<br><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/empty2.html
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,15 +13,15 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 2</p>
<br><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/empty3.html
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,15 +13,15 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 3</p>
<br><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/legal/contact.html
+12 -13
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -39,7 +36,7 @@
<div class="row">
<div class="mb-3 col-md-4">
<label for="SelectGender" class="form-label">Anrede <span class="req">Pflichtfeld</span></label>
<select name="gender" class="form-control" id="SelectGender" required>
<select name="gender" class="form-select" id="SelectGender" required>
<option value=""></option>
<option value="Herr">Herr</option>
<option value="Frau">Frau</option>
@@ -58,7 +55,7 @@
</div>
<div class="mb-3 col-md-6">
<label for="subject" class="form-label">Anliegen <span class="req">Pflichtfeld</span></label>
<select name="subject" class="form-control" id="subject" required>
<select name="subject" class="form-select" id="subject" required>
<option value=""></option>
<option value="Allgemein">Allgemeine Anfrage</option>
</select>
@@ -74,14 +71,14 @@
<input type="hidden" name="optin" value="0">
<input type="checkbox" id="opt-in" name="optin" value="1" class="form-check-input" required>
<label for="opt-in" class="form-check-label">
<strong style="color:var(--text-page)">HINWEIS</strong> <span class="req">Pflichtfeld</span><br>
<strong>HINWEIS</strong> <span class="req">Pflichtfeld</span><br>
Ich habe die Hinweise in der
<a href="privacy.html" target="_blank">Datenschutzerklärung</a>
verstanden und stimme diesen hiermit zu.
</label>
</div>
<button type="submit" name="sendform" class="btn-primary-al" style="margin-top:0.5rem">Absenden</button>
<button type="submit" name="sendform" class="btn btn-primary" style="margin-top:0.5rem">Absenden</button>
</form>
<br><br>
</div>
@@ -91,5 +88,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/legal/impress.html
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -65,5 +62,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Homepage/sites/legal/privacy.html
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -298,5 +295,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>