Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Merge remote-tracking branch 'origin/develop' into Bestellung

Browse Source 
# Conflicts:
#	public/login/login.html
#	public/registrieren/registrieren.html
#	public/shop/shop_lkw.html
#	public/shop/shop_motorrad.html
#	public/shop/shop_oldtimer.html
#	public/shop/shop_sportwagen.html
This commit is contained in:
Fabian 2025-04-27 20:17:21 +02:00
commit 7a4f3dd62e
13 changed files with 211 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/header_footer/header.html
View File

@ -30,6 +30,5 @@
</li> </li>
<li class="menu-item"><a href="/ueberuns">Über uns</a></li> <li class="menu-item"><a href="/ueberuns">Über uns</a></li>
<li class="menu-item"><a href="/kontakt">Kontakt</a></li> <li class="menu-item"><a href="/kontakt">Kontakt</a></li>
<li class="menu-item"><a href="/bestellformular">Bestellformular</a></li>
</ul> </ul>
</nav> </nav>

6
public/registrieren/registrieren.html
View File

@ -17,9 +17,9 @@
<!-- Registrierungsformular --> <!-- Registrierungsformular -->
<main class="content-wrapper"> <main class="content-wrapper">
<div class="wrapper"> <div class="register-wrapper">
<form id="registration Form" method="POST"> <form action="register.php" method="POST">
<h1>Registrieren</h1> <h2 class="title">Registrieren</h2>
<div class="input-box"> <div class="input-box">
<input type="text" name="vorname" placeholder="Vorname" required id="vorname"> <input type="text" name="vorname" placeholder="Vorname" required id="vorname">

9
public/shop/shop.html
View File

@ -23,6 +23,9 @@
</section> </section>
</main> </main>
<!-- Fußzeiele -->
<div id="footer"></div>
<script> <script>
fetch('/api/products') fetch('/api/products')
.then(res => res.json()) .then(res => res.json())
@ -45,7 +48,7 @@
}); });
}) })
.catch(err => { .catch(err => {
console.error('Fehler beim Laden der Produkte:', err); console.error('Fehler beim Laden der Shop_Produkte:', err);
const container = document.getElementById('products'); const container = document.getElementById('products');
container.innerHTML = container.innerHTML =
@ -55,9 +58,5 @@
</div>`; </div>`;
}); });
</script> </script>
<!-- Fußzeiele -->
<div id="footer"></div>
</body> </body>
</html> </html>

15
public/shop/shop_lkw.html
View File

@ -9,16 +9,24 @@
<script src="/header_footer"></script> <script src="/header_footer"></script>
</head> </head>
<body> <body>
<div class="wrapper">
<!-- Header --> <!-- Header -->
<div id="header-placeholder"></div> <div id="header-placeholder"></div>
<!-- Hauptinhalt --> <!-- Hauptinhalt -->
<main>
<section style="padding: 0px 30px; text-align: left;"> <section style="padding: 0px 30px; text-align: left;">
<h1>Unsere LKW Produkte</h1> <h1>Unsere LKW Produkte</h1>
</section> </section>
<section class="card-grid" id="products_lkw"> <section class="card-grid" id="products_lkw">
<!-- Dynamische Produkte (filtern nach Motorrad) --> <!-- Dynamische Produkte (filtern nach Motorrad) -->
</section> </section>
</main>
<!-- Fußzeiele -->
<div id="footer"></div>
</div>
<script> <script>
fetch('/api/products/lkw') fetch('/api/products/lkw')
@ -42,13 +50,14 @@
}); });
}) })
.catch(err => { .catch(err => {
console.error('Fehler beim Laden der Produkte:', err); console.error('Fehler beim Laden der LKW_Produkte:', err);
const container = document.getElementById('products_oldtimer'); const container = document.getElementById('products_lkw');
container.innerHTML = container.innerHTML =
`<div class="error-message"> `<div class="error-message">
<h3>Fehler beim Laden der Produkte</h3> <h3>Fehler beim Laden der Produkte</h3>
<p>Es gab ein Problem beim Abrufen der Produktdaten.<br>Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p> <p>Es gab ein Problem beim Abrufen der Produktdaten.<br>
Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p>
</div> `; </div> `;
}); });
</script> </script>

13
public/shop/shop_motorrad.html
View File

@ -9,16 +9,20 @@
<script src="/header_footer"></script> <script src="/header_footer"></script>
</head> </head>
<body> <body>
<div class="wrapper">
<!-- Header --> <!-- Header -->
<div id="header-placeholder"></div> <div id="header-placeholder"></div>
<!-- Hauptinhalt --> <!-- Hauptinhalt -->
<main class="main-content">
<section style="padding: 0px 30px; text-align: left;"> <section style="padding: 0px 30px; text-align: left;">
<h1>Unsere Motorrad Produkte</h1> <h1>Unsere Motorrad Produkte</h1>
</section> </section>
<section class="card-grid" id="products_motorrad"> <section class="card-grid" id="products_motorrad">
<!-- Dynamische Produkte (filtern nach Motorrad) --> <!-- Dynamische Produkte oder Fehlermeldung -->
</section> </section>
</main>
<script> <script>
@ -43,11 +47,10 @@
}); });
}) })
.catch(err => { .catch(err => {
console.error('Fehler beim Laden der Produkte:', err); console.error('Fehler beim Laden der Motorrad_Produkte:', err);
const container = document.getElementById('products_motorrad'); const container = document.getElementById('products_motorrad');
container.innerHTML = container.innerHTML = `
`<div class="error-message"> <div class="error-message">
<h3>Fehler beim Laden der Produkte</h3> <h3>Fehler beim Laden der Produkte</h3>
<p>Es gab ein Problem beim Abrufen der Produktdaten.<br>Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p> <p>Es gab ein Problem beim Abrufen der Produktdaten.<br>Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p>
</div>`; </div>`;

21
public/shop/shop_oldtimer.html
View File

@ -9,16 +9,24 @@
<script src="/header_footer"></script> <script src="/header_footer"></script>
</head> </head>
<body> <body>
<div class="wrapper">
<!-- Header --> <!-- Header -->
<div id="header-placeholder"></div> <div id="header-placeholder"></div>
<!-- Hauptinhalt --> <!-- Hauptinhalt -->
<main class="main-content">
<section style="padding: 0px 30px; text-align: left;"> <section style="padding: 0px 30px; text-align: left;">
<h1>Unsere Oldtimer Produkte</h1> <h1>Unsere Oldtimer Produkte</h1>
</section> </section>
<section class="card-grid" id="products_oldtimer"> <section class="card-grid" id="products_oldtimer">
<!-- Dynamische Produkte (filtern nach Motorrad) --> <!-- Dynamische Produkte oder Fehlermeldung -->
</section> </section>
</main>
<!-- Fußzeile -->
<div id="footer"></div>
</div>
<script> <script>
fetch('/api/products/oldtimer') fetch('/api/products/oldtimer')
@ -42,19 +50,14 @@
}); });
}) })
.catch(err => { .catch(err => {
console.error('Fehler beim Laden der Produkte:', err); console.error('Fehler beim Laden der Oldtimer_Produkte:', err);
const container = document.getElementById('products_oldtimer'); const container = document.getElementById('products_oldtimer');
container.innerHTML = container.innerHTML = `
`<div class="error-message"> <div class="error-message">
<h3>Fehler beim Laden der Produkte</h3> <h3>Fehler beim Laden der Produkte</h3>
<p>Es gab ein Problem beim Abrufen der Produktdaten.<br>Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p> <p>Es gab ein Problem beim Abrufen der Produktdaten.<br>Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p>
</div>`; </div>`;
}); });
</script> </script>
<!-- Fußzeiele -->
<div id="footer"></div>
</body> </body>
</html> </html>

11
public/shop/shop_sportwagen.html
View File

@ -14,6 +14,7 @@
<div id="header-placeholder"></div> <div id="header-placeholder"></div>
<!-- Hauptinhalt --> <!-- Hauptinhalt -->
<main>
<section style="padding: 0px 30px; text-align: left;"> <section style="padding: 0px 30px; text-align: left;">
<h1>Unsere Sportwagen Produkte</h1> <h1>Unsere Sportwagen Produkte</h1>
</section> </section>
@ -21,6 +22,7 @@
<section class="card-grid" id="products_sportwagen"> <section class="card-grid" id="products_sportwagen">
<!-- Dynamische Produkte oder Fehlermeldung --> <!-- Dynamische Produkte oder Fehlermeldung -->
</section> </section>
</main>
<!-- Footer --> <!-- Footer -->
<div id="footer"></div> <div id="footer"></div>
@ -48,16 +50,15 @@
}); });
}) })
.catch(err => { .catch(err => {
console.error('Fehler beim Laden der Produkte:', err); console.error('Fehler beim Laden der Sportwagen_Produkte:', err);
const container = document.getElementById('products_sportwagen'); const container = document.getElementById('products_sportwagen');
container.innerHTML = ` container.innerHTML =
<div class="error-message"> `<div class="error-message">
<h3>Fehler beim Laden der Produkte</h3> <h3>Fehler beim Laden der Produkte</h3>
<p>Es gab ein Problem beim Abrufen der Produktdaten.<br> <p>Es gab ein Problem beim Abrufen der Produktdaten.<br>
Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p> Wir arbeiten bereits daran – bitte versuchen Sie es später erneut.</p>
</div> </div> `;
`;
}); });
</script> </script>

2
public/startseite/startseite.html
View File

@ -96,7 +96,5 @@
<div id="footer"></div> <div id="footer"></div>
</div> </div>
<!-- Scripts -->
<script src="startseite.js"></script>
</body> </body>
</html> </html>

7
static/Styles/login/login.css
View File

@ -9,13 +9,6 @@
margin: 50px auto; /* Zentriert das Formular */ margin: 50px auto; /* Zentriert das Formular */
} }
.login-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 25px;
color: #333;
}
.login-form .input-group { .login-form .input-group {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;

32
static/Styles/registrieren/registrieren.css
View File

@ -4,7 +4,7 @@
min-height: 100vh; min-height: 100vh;
} }
.wrapper { .register-wrapper {
max-width: 400px; max-width: 400px;
width: 100%; width: 100%;
padding: 30px; padding: 30px;
@ -21,6 +21,7 @@
align-items: center; align-items: center;
padding: 40px 20px; padding: 40px 20px;
} }
.registration-container { .registration-container {
max-width: 400px; max-width: 400px;
margin: 60px auto; margin: 60px auto;
@ -49,22 +50,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
.registration-container button[type="submit"] {
width: 100%;
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 8px;
font-size: 1em;
cursor: pointer;
transition: background-color 0.3s ease;
}
.registration-container button[type="submit"]:hover {
background-color: #0056b3;
}
.register-link { .register-link {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
@ -81,3 +66,16 @@
text-decoration: underline; text-decoration: underline;
} }
.register-btn {
width: 100%;
padding: 12px;
background: #ff6600;
color: white;
border: none;
border-radius: 25px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
}

26
static/Styles/styles-main.css
View File

@ -41,7 +41,13 @@ header {
.logo-container { .logo-container {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 15px; text-decoration: none;
color: inherit;
}
.logo-container h1 {
margin-left: 10px;
font-size: 1.8rem;
} }
.logo-img { .logo-img {
@ -283,6 +289,14 @@ main {
margin-bottom: 20px; margin-bottom: 20px;
} }
.title {
font-size: 26px;
font-weight: 600;
margin-bottom: 25px;
color: #333;
text-align: center;
}
.input-box input { .input-box input {
width: 100%; width: 100%;
padding: 12px 40px 12px 15px; padding: 12px 40px 12px 15px;
@ -395,8 +409,14 @@ h1 {
/* Optional: weiche Animation beim Einblenden */ /* Optional: weiche Animation beim Einblenden */
@keyframes fadeIn { @keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); } from {
to { opacity: 1; transform: translateY(0); } opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} }