copy the redirect message on Cloudflare's webpage

This commit is contained in:
name 2023-09-30 13:28:28 +00:00
parent 625770866d
commit 3b0c9bf5aa
1 changed files with 199 additions and 18 deletions

View File

@ -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,
}}
>
&nbsp;
</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>
);