@runeya/runeya
Version:
Monitor processes as a stack
4 lines • 2.85 kB
HTML
<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/assets/favicon-ClgyP8FQ.ico"><title>runeya</title><style>:host(*),html{margin:0;font-family:Jost,sans-serif;font-size:.9em}.pre-loading{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;backdrop-filter:blur(10px);color:#0076bc;background-color:rgba(255,255,255,.5)}.spinner{border:3px solid #0076bc;width:70px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;border-bottom-color:transparent;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);-ms-flex-negative:0;flex-shrink:0}.spinner::before{content:" ";-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#0076bc;position:absolute;border-radius:100%}.spinner::after{content:" ";width:30%;height:30%;background-color:#0076bc;position:absolute;border-radius:100%}@-webkit-keyframes spin{0%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}@keyframes spin{0%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}@-webkit-keyframes pulse{0%{width:0%;height:0%;opacity:1}100%{width:100%;height:100%;opacity:0}}@keyframes pulse{0%{width:0%;height:0%;opacity:1}100%{width:100%;height:100%;opacity:0}}</style><script type="module" crossorigin src="/assets/index-CXxIspfv.js"></script><link rel="stylesheet" crossorigin href="/assets/index-CHlc7El7.css"></head><body><noscript><strong>We're sorry but runeya doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><div class="pre-loading"><div class="spinner" v-if="display" :style="{
width: size + 'px',
height: size + 'px',
}"></div>Loading...</div></div></body></html>