@mochabug/adaptkit
Version:
A cmd to create, emulate and publish Mochabug Adapt plugins
94 lines (93 loc) • 2.65 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Authorization Success</title>
<!-- Add the Material-UI library -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
background: linear-gradient(145deg, #121212, #1c1c1c);
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}
.success-container {
display: inline-flex;
flex-direction: column;
align-items: center;
padding: 40px;
border-radius: 16px;
background-color: #242424;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
}
.success-icon {
color: #FFF700;
font-size: 120px;
}
.success-message {
font-size: 28px;
margin-top: 20px;
margin-bottom: 30px;
color: #e0e0e0;
}
.friendly-note {
font-size: 16px;
margin-top: 20px;
color: #9e9e9e;
font-style: italic;
}
.company-info {
font-size: 16px;
color: #9e9e9e;
text-align: center;
margin-top: 40px;
font-weight: 300;
line-height: 1.6; /* increase line spacing */
}
.company-info a {
color: #FFF700; /* primary main color */
text-decoration: none;
transition: transform 0.3s ease, color 0.3s ease;
}
.company-info a:hover, .company-info a:focus {
color: #ffffff; /* brighter color on hover/focus */
transform: scale(1.05); /* subtle zoom effect on hover/focus */
}
.company-info .company-link {
display: block; /* each link on its own line */
margin: 5px 0; /* add some space around links */
}
</style>
</head>
<body>
<div class="success-container">
<span class="material-icons success-icon">check_circle</span>
<div class="success-message">Authorization Complete!</div>
<p class="friendly-note">Feel free to close this window at your leisure, or stay a while and enjoy the ambiance.</p>
<div class="company-info">
<div class="company-link">
<a href="https://www.mochabug.com" target="_blank">www.mochabug.com</a>
</div>
<div class="company-link">
<a href="mailto:support@mochabug.com">support@mochabug.com</a>
</div>
mochabug AB | orgnr: 559418-8640
</div>
</div>
</body>
</html>