mirror of
https://github.com/PGYER/codefever.git
synced 2026-05-07 05:57:30 +08:00
3 lines
3.4 KiB
HTML
3 lines
3.4 KiB
HTML
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>CodeFever Community</title><link href="/static/css/1.75563d44.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.<br/>打开浏览器对 Javascript 的支持以访问此页面</noscript><!--[if lt IE 10]>
|
|
<div style="line-hight: 40px; color: #E91D63;position: absolute; z-index: 10000; background-color: #FFF;">您的浏览器版本较低，无法正确显示网站中的页面和功能，建议您使用 Chrome、Safari 或升级到 Internet Explorer 10 以上版本的浏览器。</div>
|
|
<![endif]--><div id="root"><style>body{background:#fff;min-height:100%;font:300% PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif}.wraper{width:200px;height:300px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-50px}.wraper .loadingAni{width:200px;height:200px;background:linear-gradient(90deg,#0035ec,#4d72f2);background-size:100px 100px;background-repeat:no-repeat;background-position:center;animation:rotateRing 10s linear infinite}.wraper .loadingAni .ring0{display:block;animation:rotateRing 1.5s cubic-bezier(0,0,.23,.77) infinite}.wraper .loadingAni .ring1{display:block;animation:rotateRing 1.5s cubic-bezier(.77,.23,1,1) infinite;position:relative;top:-200px}.loadingText{font-size:36px;color:#0035ec;text-align:center;position:relative;z-index:1;top:-30px}.loadingText>div{display:inline-block}.loadingText>div:nth-child(1){animation:jumpText .5s ease-in 2}.loadingText>div:nth-child(2){animation:jumpText .5s ease-in 1 .6s}.loadingText>div:nth-child(3){animation:jumpText .5s ease-in 1 .7s}.loadingText>div:nth-child(4){animation:jumpText .5s ease-in 1 .8s}.loadingText>div:nth-child(5){animation:jumpText .5s ease-in 1 .9s}.loadingText>div:nth-child(6){animation:jumpText .5s ease-in 1 1s}.loadingText>div:nth-child(7){animation:jumpText .5s ease-in 1 1.1s}.loadingText>div:nth-child(8){animation:jumpText .5s ease-in 1 1.2s}.loadingText>div:nth-child(9){animation:jumpText .5s ease-in 1 1.3s}.loadingText>div:nth-child(10){animation:jumpText .5s ease-in 1 1.4s}.svgClass{fill:#fff;stroke:#fff;stroke-miterlimit:10;stroke-width:.25px}@keyframes rotateRing{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes jumpText{0%{transform:translateY(0)}50%{transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-2px)}100%{transform:translateX(0)}}</style><div class="wraper"><div class="loadingAni"><svg class="ring0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path class="svgClass" d="M0,0V200H200V0ZM100,140a40,40,0,0,1-40-40,2.2,2.2,0,0,1,4.4,0h0a35.6,35.6,0,0,0,71.2,0h0a2.2,2.2,0,0,1,4.39,0A40,40,0,0,1,100,140Z"/></svg> <svg class="ring1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path class="svgClass" d="M0,0V200H200V0ZM100,140a40,40,0,0,1-40-40,2.2,2.2,0,0,1,4.4,0h0a35.6,35.6,0,0,0,71.2,0h0a2.2,2.2,0,0,1,4.39,0A40,40,0,0,1,100,140Z"/></svg></div><div class="loadingText"><div>C</div><div>o</div><div>d</div><div>e</div><div>F</div><div>e</div><div>v</div><div>e</div><div>r</div></div></div></div><script src="/static/js/1.1be53246.chunk.js"></script><script src="/static/js/main.fe6c2de7.js"></script></body></html> |