|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/drsuper/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Under Construction • DrSuper.com</title>
<style>
:root{
--bg0:#0f1115;
--bg1:#151922;
--text:#f3f5f7;
--muted:rgba(243,245,247,0.78);
--gold:#f3d36c;
--max:1600px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
color:var(--text);
background:
radial-gradient(900px 520px at 20% -10%, rgba(255,255,255,0.08), transparent 60%),
radial-gradient(800px 520px at 85% 0%, rgba(255,255,255,0.06), transparent 62%),
linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 32%,var(--bg0) 100%);
}
a{color:inherit;text-decoration:none}
.wrap{
max-width:var(--max);
margin:0 auto;
padding:72px 28px 80px;
text-align:center;
}
/* --- banner --- */
.banner{
display:inline-block;
padding:34px 58px;
border-radius:38px;
background: linear-gradient(180deg,#f6db8b 0%,#e6c35f 100%);
color:#111;
/* BIGGER */
font-size: clamp(46px, 5vw, 86px);
font-weight: 950;
letter-spacing: 1.6px;
text-transform: uppercase;
border:3px solid rgba(243,211,108,0.75);
box-shadow:
0 14px 40px rgba(0,0,0,0.48),
inset 0 1px 0 rgba(255,255,255,0.55);
/* wiggle + bounce */
transform-origin: 50% 70%;
animation: wiggle 2.4s ease-in-out infinite;
position: relative;
}
/* cones */
.banner::after{
content: "🚧";
position:absolute;
right:-28px;
top:-22px;
font-size: 52px;
transform: rotate(12deg);
}
.banner::before{
content: "🚧";
position:absolute;
left:-28px;
bottom:-22px;
font-size: 52px;
transform: rotate(-12deg);
}
@keyframes wiggle{
0% { transform: rotate(-1.4deg) translateY(0); }
18% { transform: rotate(1.2deg) translateY(-6px); }
36% { transform: rotate(-1.0deg) translateY(0); }
54% { transform: rotate(1.0deg) translateY(-4px); }
72% { transform: rotate(-0.8deg) translateY(0); }
100% { transform: rotate(-1.4deg) translateY(0); }
}
.sub{
margin:18px auto 22px;
max-width:980px;
font-size:20px;
line-height:1.55;
color:var(--muted);
}
/* back button */
.back{
display:inline-block;
padding:14px 22px;
border-radius:999px;
font-weight:900;
border:2px solid rgba(243,211,108,0.75);
color:var(--gold);
background: rgba(0,0,0,0.25);
box-shadow: 0 0 0 1px rgba(243,211,108,0.25);
transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.back:hover{
transform: translateY(-1px);
box-shadow:
0 0 0 2px rgba(243,211,108,0.9),
0 12px 30px rgba(0,0,0,0.45);
background: rgba(0,0,0,0.35);
}
footer{
margin-top:42px;
font-size:14px;
color:rgba(243,245,247,0.65);
}
</style>
</head>
<body>
<div class="wrap">
<div class="banner">Under Construction</div>
<p class="sub">
This section of <b>DrSuper.com</b> is actively being built. Please check back soon.
</p>
<!-- ONE button only -->
<a class="back" href="javascript:history.back()">← Back</a>
<footer>
Created by Dr. Super & Spark • Powered by curiosity
</footer>
</div>
</body>
</html>