frontend/src/pages/document.ejs - rocketmq-dashboard - Git at Google

 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta
       name="keywords"
       content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library"
     />
     <meta
       name="description"
       content="
     An out-of-box UI solution for enterprise applications as a React boilerplate."
     />
     <meta
       name="description"
       content="
       Out-of-the-box mid-stage front-end/design solution."
     />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
     />
     <title>RocketMQ-Dashboard</title>
     <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
   </head>
   <body>
     <noscript>
       <div class="noscript-container">
         Hi there! Please
         <div class="noscript-enableJS">
           <a href="https://www.enablejavascript.io/en" target="_blank" rel="noopener noreferrer">
             <b>enable Javascript</b>
           </a>
         </div>
         in your browser to use Ant Design, Out-of-the-box mid-stage front/design solution!
       </div>
     </noscript>
     <div id="root">
       <style>
         html,
         body,
         #root {
           height: 100%;
           margin: 0;
           padding: 0;
         }
         #root {
           background-repeat: no-repeat;
           background-size: 100% auto;
         }
         .noscript-container {
           display: flex;
           align-content: center;
           justify-content: center;
           margin-top: 90px;
           font-size: 20px;
           font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',
             Geneva, Verdana, sans-serif;
         }
         .noscript-enableJS {
           padding-right: 3px;
           padding-left: 3px;
         }
         .page-loading-warp {
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 98px;
         }
         .ant-spin {
           position: absolute;
           display: none;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           margin: 0;
           padding: 0;
           color: rgba(0, 0, 0, 0.65);
           color: #1890ff;
           font-size: 14px;
           font-variant: tabular-nums;
           line-height: 1.5;
           text-align: center;
           list-style: none;
           opacity: 0;
           -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
             -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
         }

         .ant-spin-spinning {
           position: static;
           display: inline-block;
           opacity: 1;
         }

         .ant-spin-dot {
           position: relative;
           display: inline-block;
           width: 20px;
           height: 20px;
           font-size: 20px;
         }

         .ant-spin-dot-item {
           position: absolute;
           display: block;
           width: 9px;
           height: 9px;
           background-color: #1890ff;
           border-radius: 100%;
           -webkit-transform: scale(0.75);
           -ms-transform: scale(0.75);
           transform: scale(0.75);
           -webkit-transform-origin: 50% 50%;
           -ms-transform-origin: 50% 50%;
           transform-origin: 50% 50%;
           opacity: 0.3;
           -webkit-animation: antspinmove 1s infinite linear alternate;
           animation: antSpinMove 1s infinite linear alternate;
         }

         .ant-spin-dot-item:nth-child(1) {
           top: 0;
           left: 0;
         }

         .ant-spin-dot-item:nth-child(2) {
           top: 0;
           right: 0;
           -webkit-animation-delay: 0.4s;
           animation-delay: 0.4s;
         }

         .ant-spin-dot-item:nth-child(3) {
           right: 0;
           bottom: 0;
           -webkit-animation-delay: 0.8s;
           animation-delay: 0.8s;
         }

         .ant-spin-dot-item:nth-child(4) {
           bottom: 0;
           left: 0;
           -webkit-animation-delay: 1.2s;
           animation-delay: 1.2s;
         }

         .ant-spin-dot-spin {
           -webkit-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
           transform: rotate(45deg);
           -webkit-animation: antrotate 1.2s infinite linear;
           animation: antRotate 1.2s infinite linear;
         }

         .ant-spin-lg .ant-spin-dot {
           width: 32px;
           height: 32px;
           font-size: 32px;
         }

         .ant-spin-lg .ant-spin-dot i {
           width: 14px;
           height: 14px;
         }

         @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
           .ant-spin-blur {
             background: #fff;
             opacity: 0.5;
           }
         }

         @-webkit-keyframes antSpinMove {
           to {
             opacity: 1;
           }
         }

         @keyframes antSpinMove {
           to {
             opacity: 1;
           }
         }

         @-webkit-keyframes antRotate {
           to {
             -webkit-transform: rotate(405deg);
             transform: rotate(405deg);
           }
         }

         @keyframes antRotate {
           to {
             -webkit-transform: rotate(405deg);
             transform: rotate(405deg);
           }
         }
       </style>
       <div
         style="
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           height: 100%;
           min-height: 420px;
         "
       >
         <img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" />
         <div class="page-loading-warp">
           <div class="ant-spin ant-spin-lg ant-spin-spinning">
             <span class="ant-spin-dot ant-spin-dot-spin"
               ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
               ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
             ></span>
           </div>
         </div>
         <div style="display: flex; align-items: center; justify-content: center">
           <!-- <img
             src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
             width="32"
             style="margin-right: 8px"
           /> -->
           RocketMQ-Dashboard
         </div>
       </div>
     </div>
   </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta
	name="keywords"
	content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library"
	/>
	<meta
	name="description"
	content="
	An out-of-box UI solution for enterprise applications as a React boilerplate."
	/>
	<meta
	name="description"
	content="
	Out-of-the-box mid-stage front-end/design solution."
	/>
	<meta
	name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
	/>
	<title>RocketMQ-Dashboard</title>
	<link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
	</head>
	<body>
	<noscript>
	<div class="noscript-container">
	Hi there! Please
	<div class="noscript-enableJS">
	<a href="https://www.enablejavascript.io/en" target="_blank" rel="noopener noreferrer">
	<b>enable Javascript</b>
	</a>
	</div>
	in your browser to use Ant Design, Out-of-the-box mid-stage front/design solution!
	</div>
	</noscript>
	<div id="root">
	<style>
	html,
	body,
	#root {
	height: 100%;
	margin: 0;
	padding: 0;
	}
	#root {
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
	.noscript-container {
	display: flex;
	align-content: center;
	justify-content: center;
	margin-top: 90px;
	font-size: 20px;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',
	Geneva, Verdana, sans-serif;
	}
	.noscript-enableJS {
	padding-right: 3px;
	padding-left: 3px;
	}
	.page-loading-warp {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 98px;
	}
	.ant-spin {
	position: absolute;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.65);
	color: #1890ff;
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5;
	text-align: center;
	list-style: none;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
	-webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	-webkit-font-feature-settings: 'tnum';
	font-feature-settings: 'tnum';
	}

	.ant-spin-spinning {
	position: static;
	display: inline-block;
	opacity: 1;
	}

	.ant-spin-dot {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	}

	.ant-spin-dot-item {
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	background-color: #1890ff;
	border-radius: 100%;
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0.3;
	-webkit-animation: antspinmove 1s infinite linear alternate;
	animation: antSpinMove 1s infinite linear alternate;
	}

	.ant-spin-dot-item:nth-child(1) {
	top: 0;
	left: 0;
	}

	.ant-spin-dot-item:nth-child(2) {
	top: 0;
	right: 0;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	}

	.ant-spin-dot-item:nth-child(3) {
	right: 0;
	bottom: 0;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	}

	.ant-spin-dot-item:nth-child(4) {
	bottom: 0;
	left: 0;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	}

	.ant-spin-dot-spin {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: antrotate 1.2s infinite linear;
	animation: antRotate 1.2s infinite linear;
	}

	.ant-spin-lg .ant-spin-dot {
	width: 32px;
	height: 32px;
	font-size: 32px;
	}

	.ant-spin-lg .ant-spin-dot i {
	width: 14px;
	height: 14px;
	}

	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.ant-spin-blur {
	background: #fff;
	opacity: 0.5;
	}
	}

	@-webkit-keyframes antSpinMove {
	to {
	opacity: 1;
	}
	}

	@keyframes antSpinMove {
	to {
	opacity: 1;
	}
	}

	@-webkit-keyframes antRotate {
	to {
	-webkit-transform: rotate(405deg);
	transform: rotate(405deg);
	}
	}

	@keyframes antRotate {
	to {
	-webkit-transform: rotate(405deg);
	transform: rotate(405deg);
	}
	}
	</style>
	<div
	style="
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 420px;
	"
	>
	<img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" />
	<div class="page-loading-warp">
	<div class="ant-spin ant-spin-lg ant-spin-spinning">
	<span class="ant-spin-dot ant-spin-dot-spin"
	><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
	><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
	></span>
	</div>
	</div>
	<div style="display: flex; align-items: center; justify-content: center">
	<!-- <img
	src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
	width="32"
	style="margin-right: 8px"
	/> -->
	RocketMQ-Dashboard
	</div>
	</div>
	</div>
	</body>
	</html>