Hinzufügen von Logos für Jede Seite und Labels/Titel als Image hinzugefügt
BIN
frontend/assets/Background_Template_Dark.png
Normal file
|
After Width: | Height: | Size: 101 KiB |
BIN
frontend/assets/Labels/Account.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
frontend/assets/Labels/Bestenliste.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
frontend/assets/Labels/Dashboard.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
frontend/assets/Labels/DoubleSnake.png
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
frontend/assets/Labels/Einloggen.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
frontend/assets/Labels/Lobby.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
frontend/assets/Labels/Registrieren.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
@@ -6,10 +6,11 @@
|
|||||||
<title>Account Bearbeiten</title>
|
<title>Account Bearbeiten</title>
|
||||||
<link rel="stylesheet" href="../../style/generalStyle.css">
|
<link rel="stylesheet" href="../../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/png" href="../../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<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>
|
<h2>Ändere deine Benutzerdaten uns speichere sie ab!</h2>
|
||||||
<div class="buttonMenu container">
|
<div class="buttonMenu container">
|
||||||
<form action="/api/account/update" method="post" class="container">
|
<form action="/api/account/update" method="post" class="container">
|
||||||
|
|||||||
@@ -7,11 +7,12 @@
|
|||||||
<title>Dashboard</title>
|
<title>Dashboard</title>
|
||||||
<link rel="stylesheet" href="../style/generalStyle.css">
|
<link rel="stylesheet" href="../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<link rel="icon" type="image/png" href="../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<div class="container menu">
|
||||||
<h1 class="title">Dashboard</h1>
|
<img class="logo" src="../assets/Labels/Dashboard.png" alt="Dashboard Logo">
|
||||||
|
|
||||||
<div class="container buttonMenu">
|
<div class="container buttonMenu">
|
||||||
<h2 id="data" class="message"></h2>
|
<h2 id="data" class="message"></h2>
|
||||||
|
|||||||
@@ -7,11 +7,12 @@
|
|||||||
<title>Lobby</title>
|
<title>Lobby</title>
|
||||||
<link rel="stylesheet" href="../../style/generalStyle.css">
|
<link rel="stylesheet" href="../../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<link rel="icon" type="image/png" href="../../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<div class="container menu">
|
||||||
<h1 class="title">Lobby</h1>
|
<img class="logo" src="../../assets/Labels/Lobby.png" alt="Lobby Logo">
|
||||||
<main class="container buttonMenu">
|
<main class="container buttonMenu">
|
||||||
<h2 class="error" id="errorMsg"></h2>
|
<h2 class="error" id="errorMsg"></h2>
|
||||||
<div class="container navButtons" id="mainDiv">
|
<div class="container navButtons" id="mainDiv">
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
<title>Doublesnake - Game</title>
|
<title>Doublesnake - Game</title>
|
||||||
<link rel="stylesheet" href="../style/generalStyle.css">
|
<link rel="stylesheet" href="../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style/mainStyle.css">
|
<link rel="stylesheet" href="./style/mainStyle.css">
|
||||||
|
<link rel="icon" type="image/png" href="../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
@@ -7,11 +7,12 @@
|
|||||||
<title>Test</title>
|
<title>Test</title>
|
||||||
<link rel="stylesheet" href="./style/generalStyle.css">
|
<link rel="stylesheet" href="./style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<link rel="icon" type="image/png" href="./assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<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">
|
<div class="buttonMenu container">
|
||||||
<button id="tutorialBtn">
|
<button id="tutorialBtn">
|
||||||
|
|||||||
@@ -7,11 +7,12 @@
|
|||||||
<title>Einloggen</title>
|
<title>Einloggen</title>
|
||||||
<link rel="stylesheet" href="../style/generalStyle.css">
|
<link rel="stylesheet" href="../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<link rel="icon" type="image/png" href="../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<div class="container menu">
|
||||||
<h1 class="title">Einloggen</h1>
|
<img class="logo" src="../assets/Labels/Einloggen.png" alt="Einloggen Logo">
|
||||||
<div class="buttonMenu container">
|
<div class="buttonMenu container">
|
||||||
<h2 class="error" id="errorMsg"></h2>
|
<h2 class="error" id="errorMsg"></h2>
|
||||||
<form action="/api/account/login" method="post" class="container">
|
<form action="/api/account/login" method="post" class="container">
|
||||||
|
|||||||
@@ -7,11 +7,12 @@
|
|||||||
<title>Registieren</title>
|
<title>Registieren</title>
|
||||||
<link rel="stylesheet" href="../style/generalStyle.css">
|
<link rel="stylesheet" href="../style/generalStyle.css">
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<link rel="icon" type="image/png" href="../assets/Logo.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container menu">
|
<div class="container menu">
|
||||||
<h1 class="title">Registieren</h1>
|
<img class="logo" src="../assets/Labels/Registrieren.png" alt="Registrieren Logo">
|
||||||
<div class="buttonMenu container">
|
<div class="buttonMenu container">
|
||||||
<form action="/api/account/register" method="post" class="container">
|
<form action="/api/account/register" method="post" class="container">
|
||||||
<h2 class="error" id="errorMsg"></h2>
|
<h2 class="error" id="errorMsg"></h2>
|
||||||
|
|||||||
@@ -12,10 +12,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
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),
|
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);
|
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;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,6 +80,13 @@ body {
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 500px;
|
||||||
|
height: auto;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
.button,
|
.button,
|
||||||
input[type=submit] {
|
input[type=submit] {
|
||||||
@@ -131,7 +141,7 @@ input[type=submit]:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.buttonMenu {
|
.buttonMenu {
|
||||||
height: 50vh;
|
height: 55vh;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||