diff options
| -rw-r--r-- | docusaurus/src/theme/NotFound/DDoSProtection.tsx | 217 |
1 files changed, 199 insertions, 18 deletions
diff --git a/docusaurus/src/theme/NotFound/DDoSProtection.tsx b/docusaurus/src/theme/NotFound/DDoSProtection.tsx index b861669..4e933a8 100644 --- a/docusaurus/src/theme/NotFound/DDoSProtection.tsx +++ b/docusaurus/src/theme/NotFound/DDoSProtection.tsx @@ -3,25 +3,206 @@ import React from "react"; export default (): React.JSX.Element => ( - <center + <div style={{ - display: "flex", - justifyContent: "center", - alignItems: "center", - height: "99vh", + fontFamily: + 'system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"', + // + lineHeight: 1.15, + // -webkit-text-size-adjust: 100%; + // color: #313131; + color: "black", }} > - <center> - <h1>Checking your browser before accessing Wolfree</h1> - <p> - This process is automatic. Your browser will redirect to your requested - content shortly. - </p> - <p>Please allow up to 5 seconds...</p> - <p> - <br /> - </p> - <p>DDoS Protection by Wolfree</p> - </center> - </center> + <div + style={{ + display: "flex", + flexDirection: "column", + minHeight: "100vh", + }} + > + <div + style={{ + display: "flex", + flex: 1, + flexDirection: "column", + alignItems: "center", + }} + > + <div + style={{ + paddingRight: "1.5rem", + paddingLeft: "1.5rem", + // + margin: "8rem auto", + width: "100%", + maxWidth: "60rem", + // + marginTop: " 4rem", + }} + > + <div + style={{ + marginBottom: "1rem", + // + overflowWrap: "break-word", + // + lineHeight: "1.75rem", + fontSize: "1.5rem", + // + // line-height: 3.75rem; + // font-size: 2.5rem; + fontWeight: 500, + }} + > + + </div> + <div + style={{ + lineHeight: "1.5rem", + fontSize: "1.25rem", + // + // line-height: 2.25rem; + // font-size: 1.5rem; + fontWeight: 500, + }} + > + Checking if the site connection is secure + </div> + <div + style={{ + display: "flex", + }} + > + <div + style={{ + flexWrap: "wrap", + justifyContent: "center", + // + display: "flex", + // + margin: "2rem 0", + }} + > + <div> + <div + style={{ + border: "none", + overflow: "hidden", + width: "300px", + height: "65px", + }} + > + <div + style={{ + margin: 0, + padding: 0, + width: "100%", + height: "100%", + overflow: "hidden", + }} + > + <div + style={{ + backgroundColor: "#fff", + lineHeight: "17px", + // color: #1d1f20; + color: "black", + fontFamily: + "-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif", + fontSize: "14px", + fontWeight: 400, + // -webkit-font-smoothing: antialiased; + fontStyle: "normal", + // + margin: 0, + padding: 0, + width: "100%", + height: "100%", + overflow: "hidden", + }} + > + <div style={{ borderSpacing: 0 }}> + <div + style={{ + display: "flex", + // + alignItems: "center", + justifyContent: "space-between", + border: "1px solid #e0e0e0", + backgroundColor: "#fafafa", + height: "63px", + userSelect: "none", + }} + > + <div + style={{ + display: "flex", + alignItems: "center", + marginLeft: "11px", + }} + > + <div + style={{ + display: "flex", + marginRight: "8px", + width: "30px", + height: "30px", + animation: "rotate 5s linear infinite", + }} + ></div> + <div>Verifying...</div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + style={{ + overflowWrap: "break-word", + // + lineHeight: "1.5rem", + fontSize: "1rem", + // + // line-height: 2.25rem; + // font-size: 1.5rem; + fontWeight: 400, + // + margin: "2rem 0", + }} + > + Wolfree needs to review the security of your connection before + proceeding. + </div> + </div> + </div> + <div + style={{ + margin: "0 auto", + width: "100%", + maxWidth: "60rem", + lineHeight: "1.125rem", + fontSize: ".75rem", + paddingRight: "1.5rem", + paddingLeft: "1.5rem", + }} + > + <div + style={{ + borderTop: "1px solid #d9d9d9", + paddingTop: "1rem", + paddingBottom: "1rem", + }} + > + <div style={{ textAlign: "center" }}> + Performance & security by Wolfree + </div> + </div> + </div> + </div> + </div> ); |