zeitadler-terminplaner-backend/public/index.html

68 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>OAuth Umach</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<style>
.joinButton {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.joinButton button {
background-color: #09b1f3;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
font-size: 16px;
cursor: pointer;
border-radius: 12px;
transition: all 200ms;
}
.joinButton button:hover {
background-color: #0c7cd5;
transform: scale(1.1);
}
.genToken {
padding: 20px;
background-color: #f33;
border: none;
color: #fff;
border-radius: 10px;
transition: all 200ms;
margin: 20px;
}
.genToken:hover {
background-color: #d00;
transform: scale(1.1);
}
body {
background-image: url('bild.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
</style>
<script src="/hello.all.min.js"></script>
</head>
<body>
<div class="joinButton">
<button onclick="KKInnovation.openPopup({url: 'https://calendar.ex.umbach.dev/embed/?id=643573ed-988b-4dac-8084-6958efcc56d4'});">Termin Buchen</button>
</div>
<script src="https://calendar.ex.umbach.dev/embedPopup/script.js" type="text/javascript" async></script>
</body>
</html>