leon.hoppe/ProjectBackup
Archived
Private
Public Access
1
0
Fork 0
Code Activity

Initial commit

Browse Source
This commit is contained in:
Leon Hoppe
2022-09-04 12:45:01 +02:00
commit f4a01d6a69
11601 changed files with 4206660 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
Plugins/CloudNetWebinterface/htdocs/components/navigation.html Normal file
View File

@@ -0,0 +1,62 @@
<div id="navigation">
<img src="/assets/images/server-icon.png" alt="Server Icon" id="navigation-logo" draggable="false">
<h1 id="navigation-title">Serververwaltung</h1>
<div id="navigation-buttons">
<input type="button" class="navigation-button" value="Startseite" id="navigation-">
<input type="button" class="navigation-button" value="Server" id="navigation-/server/">
<input type="button" class="navigation-button" value="Spieler" id="navigation-/players/">
</div>
</div>
<!--Styling-->
<style>
#navigation {
position: relative;
width: 100vw;
height: 50px;
background-color: #4a4c4d;
}
#navigation-logo {
width: 40px;
height: 40px;
margin: 5px 5px 5px 10px;
}
#navigation-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
#navigation-buttons {
position: absolute;
top: 50%;
left: 100%;
transform: translate(-105%, -50%);
width: 370px;
height: 50px;
}
.navigation-button {
width: 100px;
height: 30px;
color: white;
margin: 10px;
background: none;
transition: all 200ms;
border: 2px solid #2094c2;
border-radius: 15px;
}
.navigation-button:hover {
background-color: #2094c2;
cursor: pointer;
}
</style>