alvin/Schoolkantine
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Schoolkantine.git synced 2026-03-06 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

s

Browse Source
This commit is contained in:
cowboykipnugget
2025-02-19 11:22:22 +01:00
parent 1e5e8d1bdd
commit d339b554bb
11 changed files with 4 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
website/Html categorieën/Broodjes.html
View File

0
website/Html categorieën/Deals.html
View File

0
website/Html categorieën/Deserts.html
View File

0
website/Html categorieën/Koude dranken.html
View File

0
website/Html categorieën/Salades.html
View File

0
website/Html categorieën/Snacks.html
View File

0
website/Html categorieën/Soepen.html
View File

0
website/Html categorieën/Warme dranken.html
View File

8
website/style.css
View File

@@ -4,13 +4,13 @@ body {
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; /* Change to column to accommodate the top bar */ flex-direction: column; /* Change to column to accommodate the top bar */
background-color: #f2c14e; background-color: #ffffff;
} }
/* Top bar menu */ /* Top bar menu */
.menu-bar { .menu-bar {
width: 100%; width: 100%;
background-color: #f2c14e; background-color: #ffe1b0;
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
flex-wrap: wrap; /* Allow wrapping of menu items */ flex-wrap: wrap; /* Allow wrapping of menu items */
@@ -35,11 +35,11 @@ body {
} }
.menu-bar.dark { .menu-bar.dark {
background-color: #d1a73e; /* Darker background color when modal is open */ background-color: #ffb700; /* Darker background color when modal is open */
} }
.menu-item { .menu-item {
background-color: #fff; background-color: #ffb700;
padding: 10px 20px; padding: 10px 20px;
margin: 5px; margin: 5px;
border-radius: 8px; border-radius: 8px;

37
website/welcome.css
View File

@@ -1,37 +0,0 @@
.welcome {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
background-color: #ffffff;
color: #431111;
text-align: center;
}
.welcome h1 {
font-size: 50px;
margin-bottom: 20px;
}
.welcome p {
font-size: 20px;
margin-bottom: 30px;
}
.welcome button {
padding: 10px 20px;
font-size: 18px;
color: white;
background-color: #431111;
border: none;
border-radius: 5px;
cursor: pointer;
box-shadow: #ff0000;
transition: transform 0.3s ease;
}
.welcome button:hover {
transform: scale(1.2); /* Grows 20% larger */
background-color: #a35c5c;
}

30
website/welcome.html
View File

@@ -1,30 +0,0 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>De welkompagina van de Mees</title>
<link rel="stylesheet" href="welcome.css">
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="welcome">
<div class="circle-wrapper">
<h1>Mees</h1>
<p>Naar menu</p>
</div>
<a href="index.html">
<button>Menu</button>
</a>
</div>
<footer>
<center>
<p>&copy; 2025 Vista </p>
</center>
</footer>
</body>
</html>