lucaspalomodevelop/Party
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/Party.git synced 2026-03-13 08:09:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

info anfang

Browse Source
This commit is contained in:
fingadumbledore 2023-05-06 09:12:47 +02:00
parent 6bf7c17915
commit 1b65ba3206
2 changed files with 90 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
static/css/style.css
View File

@ -293,3 +293,44 @@ summary::-webkit-details-marker,
background-color: #ff0000;
color: #ffffff;
}
#myPopup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1;
}
#popupContent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 5px;
animation-name: popupFadeIn;
animation-duration: 0.5s;
}
@keyframes popupFadeIn {
from { opacity: 0; transform: translate(-50%, -60%); }
to { opacity: 1; transform: translate(-50%, -50%); }
}
.container{
position: absolute;
right: 32px;
top: 16px;
font-size: 24px;
}
.menu-link{
color:white;
text-decoration: none;
margin-left: 16px;
}

64
templates/session.html
View File

@ -12,20 +12,54 @@
</head>
<body onload="getMessages(); setInterval(getMessages, 1000);">
<a href="/logout">
<button class="btn btn-primary btn-lg"> &#x1F44B;</button>
</a>
</div>
<label class="switch">
<input type="checkbox" onclick="myFunction()">
<span class="slider round"></span>
</label>
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
<div class="container"></div>
<a id="myButton" class="menu-link" ><img src="/static/img/user.png" width="50" height="50"></a>
</div>
<div id="myPopup">
<div id="popupContent">
<h3>Information</h3>
<p id="user"></p>
{% block content %}
<p>Useranzahl: {{useranzahl}}</p>
<p>Uptime: {{der}}</p>
<p>Creator: Host</p>
<img src="../static/img/qr.png">
<button id="closeButton">Close</button>
<a href="/logout">
<button class="btn btn-primary btn-lg"> &#x1F44B;</button>
</a>
</div>
<label class="switch">
<input type="checkbox" onclick="myFunction()">
<span class="slider round"></span>
</label>
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
</div>
<script>
var myButton = document.getElementById("myButton");
var myPopup = document.getElementById("myPopup");
var closeButton = document.getElementById("closeButton");
myButton.addEventListener("click", function() {
myPopup.style.display = "block";
});
closeButton.addEventListener("click", function() {
myPopup.style.display = "none";
});
</script>
<div class="nav_cont_wrapper">
<div class="navigation">
<a onclick="change_div('_home')">
@ -64,7 +98,7 @@
<div hidden class="tmplt_tab" id="_planer">
<center>
{% block content %}
<table id="event-table" class="rounded">
<tr>