Hinzufügen von Logos für Jede Seite und Labels/Titel als Image hinzugefügt

This commit is contained in:
2025-03-26 10:47:54 +01:00
parent 81562f48ab
commit 031fd65332
16 changed files with 26 additions and 9 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -6,10 +6,11 @@
<title>Account Bearbeiten</title>
<link rel="stylesheet" href="../../style/generalStyle.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="../../assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Account</h1>
<img class="logo" src="../../assets/Labels/Account.png" alt="Account Logo">
<h2>Ändere deine Benutzerdaten uns speichere sie ab!</h2>
<div class="buttonMenu container">
<form action="/api/account/update" method="post" class="container">

View File

@@ -7,11 +7,12 @@
<title>Dashboard</title>
<link rel="stylesheet" href="../style/generalStyle.css">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="../assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Dashboard</h1>
<img class="logo" src="../assets/Labels/Dashboard.png" alt="Dashboard Logo">
<div class="container buttonMenu">
<h2 id="data" class="message"></h2>

View File

@@ -7,11 +7,12 @@
<title>Lobby</title>
<link rel="stylesheet" href="../../style/generalStyle.css">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="../../assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Lobby</h1>
<img class="logo" src="../../assets/Labels/Lobby.png" alt="Lobby Logo">
<main class="container buttonMenu">
<h2 class="error" id="errorMsg"></h2>
<div class="container navButtons" id="mainDiv">

View File

@@ -6,6 +6,7 @@
<title>Doublesnake - Game</title>
<link rel="stylesheet" href="../style/generalStyle.css">
<link rel="stylesheet" href="./style/mainStyle.css">
<link rel="icon" type="image/png" href="../assets/Logo.png">
</head>
<body>

View File

@@ -7,11 +7,12 @@
<title>Test</title>
<link rel="stylesheet" href="./style/generalStyle.css">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="./assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Double-Snake</h1>
<img class="logo" src="./assets/Labels/DoubleSnake.png" alt="Double-Snake Logo">
<div class="buttonMenu container">
<button id="tutorialBtn">

View File

@@ -7,11 +7,12 @@
<title>Einloggen</title>
<link rel="stylesheet" href="../style/generalStyle.css">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="../assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Einloggen</h1>
<img class="logo" src="../assets/Labels/Einloggen.png" alt="Einloggen Logo">
<div class="buttonMenu container">
<h2 class="error" id="errorMsg"></h2>
<form action="/api/account/login" method="post" class="container">

View File

@@ -7,11 +7,12 @@
<title>Registieren</title>
<link rel="stylesheet" href="../style/generalStyle.css">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="../assets/Logo.png">
</head>
<body>
<div class="container menu">
<h1 class="title">Registieren</h1>
<img class="logo" src="../assets/Labels/Registrieren.png" alt="Registrieren Logo">
<div class="buttonMenu container">
<form action="/api/account/register" method="post" class="container">
<h2 class="error" id="errorMsg"></h2>

View File

@@ -12,10 +12,13 @@
}
body {
background-color: rgb(40, 85, 51);
/* background-color: rgb(40, 85, 51);
background-image: linear-gradient(rgba(0, 0, 0, 0.5) 2px, transparent 1px),
linear-gradient(90deg, rgba(0, 0, 0, 0.5) 2px, transparent 1px);
background-size: 55px 55px;
background-size: 55px 55px; */
background-image: url('../assets/Background_Template_Dark.png');
background-repeat: repeat;
color: white;
}
@@ -77,6 +80,13 @@ body {
user-select: none;
}
.logo {
width: 500px;
height: auto;
padding: 0;
margin: 0;
}
button,
.button,
input[type=submit] {
@@ -131,7 +141,7 @@ input[type=submit]:active {
}
.buttonMenu {
height: 50vh;
height: 55vh;
width: 100vw;
}