File: /home/puthuppa/public_html/ghostsec101.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INJECTED BY GHOSTSEC101</title>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<style>
body {
margin:0; padding:0;
height:100vh; width:100vw;
background:#ffffff;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000;
overflow:hidden;
position:relative;
}
.dualLineBar {
width:100%;
height:30px;
background:rgba(0,0,0,0.12);
color:black;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
font-family:Courier, monospace;
font-weight:bold;
font-size:12px;
border-top:2px solid black;
border-bottom:2px solid black;
z-index:20;
position:absolute;
top:0;
left:0;
line-height:12px;
padding-top:4px;
}
.bottomContainer {
position:absolute;
bottom:60px;
width:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:20;
}
.bottomInner {
width:100%;
height:35px;
background:rgba(0,0,0,0.12);
border-top:2px solid black;
border-bottom:2px solid black;
display:flex;
justify-content:center;
align-items:center;
font-family:Courier, monospace;
font-size:12px;
font-weight:bold;
}
.bottomBarExtra {
width:100%;
height:20px;
background:rgba(0,0,0,0.12);
color:black;
display:flex;
justify-content:center;
align-items:center;
font-family:Courier, monospace;
font-weight:bold;
font-size:12px;
border-top:2px solid black;
border-bottom:2px solid black;
position:absolute;
bottom:0; left:0;
z-index:25;
}
#bgFixedImage {
position:absolute;
top:50%; left:50%;
transform:translate(-50%, -50%);
width:500px; height:500px;
opacity:0.32;
z-index:0;
background-image:url('https://i.ibb.co/fdhdwW5K/1764253550686.png');
background-size:100% auto;
background-repeat:no-repeat;
background-position:center;
pointer-events:none;
}
.contentWrapper {
position:relative;
z-index:5;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:0;
margin-top:30px;
margin-bottom:30px;
}
.logo {
width:120px;
margin:0;
padding:0;
margin-bottom:7px;
}
.mainText {
margin:0;
font-family:Courier, monospace;
font-size:18px;
font-weight:bold;
}
.mainText span { color:red; }
/* ✔ FIXED: ADDED MORE PADDING LEFT & RIGHT */
.warning {
font-family:Courier, monospace;
font-size:14px;
font-weight:bold;
width:100vw;
line-height:1.15;
padding:0 45px; /* ← INCREASED padding left & right EXACTLY as you want */
margin:3px 0;
white-space:pre-line;
box-sizing:border-box;
}
a {
text-decoration:none;
color:black;
font-size:13px;
font-weight:bold;
margin:3px 0;
cursor:pointer;
}
.specialTitle {
font-family:Courier, monospace;
font-size:14px;
font-weight:bold;
color:red;
margin:3px 0;
}
.marqueeContainer {
width:100%;
max-width:700px;
margin:3px 0;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
font-family:Courier, monospace;
font-weight:bold;
font-size:13px;
white-space:nowrap;
z-index:5;
}
.fixedTags { color:red; font-weight:bold; font-size:14px; }
.marqueeWrap {
width:220px;
overflow:hidden;
white-space:nowrap;
position:relative;
}
#marqueeText {
display:inline-block;
white-space:nowrap;
position:relative;
}
@media(max-width:600px){
.logo{width:100px;}
.mainText{font-size:15px;}
.warning{font-size:13px; padding:0 35px;} /* mobile padding balanced */
.marqueeWrap{width:170px;}
#bgFixedImage{width:300px; height:300px;}
}
</style>
</head>
<body>
<div class="dualLineBar">
GHOST SECURITY SOCIETY PHILIPPINES<br>BLACK HAT HACKER
</div>
<div id="bgFixedImage"></div>
<div class="contentWrapper">
<img class="logo" src="https://i.ibb.co/27S7vWvq/1762220205621.png">
<div class="mainText"><span>Injected by: Ghostsec101</span></div>
<div class="warning" id="typeWriterBox"></div>
<a id="goHome">[ CLICK TO EXIT ]</a>
<div class="specialTitle">~ SPECIAL GREETINGS ~</div>
<div class="marqueeContainer">
<span class="fixedTags">-==[</span>
<div class="marqueeWrap">
<span id="marqueeText">
SPECIAL GREETINGS TO ALL FILIPINO HACKER'S GHOST SECURITY WAS HERE DO WARNING THIS WEBSITES TO STRENGTHEN THERE SECURITY NEXT TIME.
</span>
</div>
<span class="fixedTags">]==-</span>
</div>
</div>
<div class="bottomContainer">
<div class="bottomInner">@All Rights Reserve Ghost Security Society PH @ 2024</div>
</div>
<audio id="bgMusic" src="https://audio.jukehost.co.uk/kbDjPOIbMgYE6HWHAZ6p3P0p5ZBsLEFD" loop></audio>
<script>
const button=document.getElementById('goHome');
const music=document.getElementById('bgMusic');
button.addEventListener('click',()=>{ music.play().catch(()=>{}); });
const text=`This website appears to have security weaknesses that require immediate attention.
Unauthorized modifications indicate that certain protections are failing.The system may be exposed to further risks if left unaddressed.Administrators should carefully review the security structure.Strong corrective action is advised without delay.
The system currently lacks sufficient monitoring features that ensure protection.Outdated security protocols may make the environment vulnerable to additional threats.Unauthorized access could grow more severe if not contained.
Administrators must treat this issue as a priority case.Proper action is needed to prevent future incidents.`;
let i=0;
const speed=20;
const box=document.getElementById("typeWriterBox");
function typeWriter() {
if (i < text.length) {
box.innerHTML += text.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
typeWriter();
const marquee=document.getElementById("marqueeText");
const container=document.querySelector(".marqueeWrap");
let pos=0, dir=-1, speedM=2;
function animateMarquee(){
const cw=container.offsetWidth, tw=marquee.offsetWidth;
pos+=dir*speedM;
if(pos<-(tw-cw)) dir=1;
if(pos>0) dir=-1;
marquee.style.transform=`translateX(${pos}px)`;
requestAnimationFrame(animateMarquee);
}
animateMarquee();
</script>
</body>
</html>