br0tkasten/test.br0tcraft.de
1
0
Fork 0
Code

cleaning

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
fonts/Orbitron/Orbitron-Black.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Orbitron/Orbitron-Bold.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Orbitron/Orbitron-Medium.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Orbitron/Orbitron-Regular.ttf Normal file
View File

Binary file not shown.

0
htdocs/fonts/Roboto/LICENSE.txt → fonts/Roboto/LICENSE.txt
View File

0
htdocs/fonts/Roboto/Roboto-Black.ttf → fonts/Roboto/Roboto-Black.ttf
View File

0
htdocs/fonts/Roboto/Roboto-BlackItalic.ttf → fonts/Roboto/Roboto-BlackItalic.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Bold.ttf → fonts/Roboto/Roboto-Bold.ttf
View File

0
htdocs/fonts/Roboto/Roboto-BoldItalic.ttf → fonts/Roboto/Roboto-BoldItalic.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Italic.ttf → fonts/Roboto/Roboto-Italic.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Light.ttf → fonts/Roboto/Roboto-Light.ttf
View File

0
htdocs/fonts/Roboto/Roboto-LightItalic.ttf → fonts/Roboto/Roboto-LightItalic.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Medium.ttf → fonts/Roboto/Roboto-Medium.ttf
View File

0
htdocs/fonts/Roboto/Roboto-MediumItalic.ttf → fonts/Roboto/Roboto-MediumItalic.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Regular.ttf → fonts/Roboto/Roboto-Regular.ttf
View File

0
htdocs/fonts/Roboto/Roboto-Thin.ttf → fonts/Roboto/Roboto-Thin.ttf
View File

0
htdocs/fonts/Roboto/Roboto-ThinItalic.ttf → fonts/Roboto/Roboto-ThinItalic.ttf
View File

11
htdocs/Test/index.html
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>

0
htdocs/img/Logo.png → img/Logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

0
htdocs/img/Redstone.png → img/Redstone.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 162 KiB

51
htdocs/index.html → index.html
View File

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

0
htdocs/styles.css → styles.css
View File