1
0
This commit is contained in:
Alexander 2024-01-01 19:28:14 +01:00
parent b82d93ac8d
commit b1455eff8a
22 changed files with 42 additions and 22 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Moin</h1>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 162 KiB

View File

@ -6,32 +6,60 @@
<title>Br0tcraft</title>
<style>
@import url(/fonts/Roboto);
</style>
@font-face {
font-family: "Roboto";
src: url("/fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
font-family: "Orbitron";
src: url("/fonts/Orbitron/Orbitron-Black.ttf");
}
<style>
body {
margin: 0;
font-family: "Roboto", sans-serif;
font-family: "Orbitron";
}
.header-container {
position: relative;
height: 80vh;
width: 100%;
overflow: hidden;
}
.header-image {
height: 80%;
width: 100%;
object-fit: cover;
filter: brightness(0.5);
}
.Phrasen {
position: absolute;
bottom: 5%; /* Ändere den Wert nach Bedarf */
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 1vw; /* Ändere den Wert nach Bedarf */
text-align: center;
width: 100%;
}
.container {
/*background-color: rgb(253, 129, 129);*/
position: absolute;
right: 32px;
left: 32px;
top: 16px;
font-family: Orbitron;
font-size: 24px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1;
}
.logo {
width: calc(15% * 2);
}
.menu-link {
@ -45,17 +73,21 @@
}
.headline {
position: absolute;
left: 25px;
top: 460px;
text-align: center;
color: rgb(0, 0, 0);
font-size: 40px;
text-shadow: 5px 5px 3px rgba(5, 0, 0, 0.26);
margin-top: 20px; /* Füge einen Abstand zum Text darunter hinzu */
}
</style>
</head>
<body>
<img class="header-image" src="img/Redstone.png" />
<div class="header-container">
<img class="header-image" src="img/Redstone.png" />
<div class="Phrasen">
<h1>Programming, exploring, trying</h1>
</div>
</div>
<div class="container">
<img src="img/Logo.png" class="logo" />
<div>
@ -64,7 +96,6 @@
<a class="menu-link" href="">Spiele</a>
</div>
</div>
<h1 class="headline">Meine Werke</h1>
</body>
</html>