p3x-redis-ui-material
Version:
💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io
1 lines • 1.81 kB
HTML
<html><head><title>P3X Redis UI</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><link rel="icon" type="image/svg+xml" href="assets/c123ab8b3844f1852a7a.svg"><script async src="https://www.googletagmanager.com/gtag/js?id=G-8M2CK7993T"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-8M2CK7993T")</script><script defer="defer" src="121.d67baa65398d8d5ebc79.js"></script><script defer="defer" src="792.f3b9b4133f1765890e8e.js"></script><link href="121.ea5ce0df7f22b5e5cf10.css" rel="stylesheet"><link href="792.f2b50837c7d1eae488e4.css" rel="stylesheet"></head><body id="p3xr-redis-ui-bootstrap" ng-cloak md-theme-watch md-theme="{{ $root.p3xr.state.themeLayout }}" md-colors="{ background: 'background' }"><p3xr-layout><style>body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.1)}.LoaderBalls{width:90px;display:flex;justify-content:space-between;align-items:center}.LoaderBalls__item{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.5)}.LoaderBalls__item:first-child{animation:bouncing .4s alternate infinite cubic-bezier(.6,.05,.15,.95)}.LoaderBalls__item:nth-child(2){animation:bouncing .4s .1s alternate infinite cubic-bezier(.6,.05,.15,.95) backwards}.LoaderBalls__item:nth-child(3){animation:bouncing .4s .2s alternate infinite cubic-bezier(.6,.05,.15,.95) backwards}@keyframes bouncing{0%{transform:translate3d(0,10px,0) scale(1.2,.85)}100%{transform:translate3d(0,-20px,0) scale(.9,1.1)}}</style><div class="LoaderBalls"><div class="LoaderBalls__item"></div><div class="LoaderBalls__item"></div><div class="LoaderBalls__item"></div></div></p3xr-layout></body></html>