@mochabug/adaptkit
Version:
A cmd to create, emulate and publish Mochabug Adapt plugins
43 lines (42 loc) • 1.23 kB
text/typescript
export default function () {
return `
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@keyframes glow {
0% { text-shadow: 0 0 5px #0f0, 0 0 10px #0f0, 0 0 15px #0f0, 0 0 20px #0f0; }
100% { text-shadow: 0 0 10px #0f0, 0 0 20px #0f0, 0 0 30px #0f0, 0 0 40px #0f0; }
}
body {
background-color: #000;
color: #0f0;
font-family: 'Orbitron', sans-serif;
text-align: center;
overflow: hidden;
margin: 0;
padding: 0;
}
button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0f0;
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
margin: 4px 2px;
cursor: pointer;
transition-duration: 0.4s;
animation: glow 2s infinite alternate;
font-family: 'Orbitron', sans-serif;
border-radius: 15px;
transform: rotate(-10deg) skew(10deg, 10deg);
}
</style>
<button id="doneButton">Done</button>
`;
}