/home/kinichie/public_html

Name	Size	Mode	Actions
btr/	-	0750	rm
e1btmcy/	-	0755	rm
gr.f1/	-	0750	rm
gtc/	-	0750	rm
minecraft/	-	0750	rm
musicworldradio.com/	-	0750	rm
qmxdgwe/	-	0755	rm
redblades/	-	0750	rm
redbladewiki/	-	0750	rm
spiketrebel/	-	0750	rm
uatefqb/	-	0755	rm
vqkdlen/	-	0755	rm
youtube/	-	0750	rm
anubis.PHp8	24846	0644	edit dl rm
index.php	8878	0644	edit dl rm
php.ini	105	0644	edit dl rm

Edit: /home/kinichie/public_html/index.php (8878B)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CyberShield Nexus</title>

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,Segoe UI,sans-serif;
}

:root{
--bg:#020816;
--panel:#07142d;
--panel2:#0c1d40;
--primary:#00cfff;
--secondary:#5b8cff;
--accent:#00ffb7;
--text:#eef7ff;
--muted:#92a8c8;
--border:rgba(255,255,255,.08);
}

body{
background:
radial-gradient(circle at 20% 20%, rgba(0,207,255,.12), transparent 35%),
radial-gradient(circle at 80% 80%, rgba(91,140,255,.12), transparent 35%),
var(--bg);
color:var(--text);
overflow-x:hidden;
}

body::before{
content:"";
position:fixed;
inset:0;
background:
linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
background-size:50px 50px;
pointer-events:none;
z-index:-1;
}

header{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:40px;
position:relative;
}

.hero{
max-width:1200px;
width:100%;
display:grid;
grid-template-columns:1.2fr 1fr;
gap:60px;
align-items:center;
}

.hero-text h1{
font-size:5rem;
line-height:1;
margin-bottom:25px;
background:linear-gradient(90deg,#fff,var(--primary),var(--accent));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero-text p{
font-size:1.15rem;
line-height:1.9;
color:var(--muted);
max-width:650px;
}

.btn{
display:inline-block;
margin-top:35px;
padding:16px 35px;
border-radius:60px;
text-decoration:none;
color:white;
background:linear-gradient(135deg,var(--secondary),var(--primary));
box-shadow:0 0 30px rgba(0,207,255,.3);
transition:.3s;
}

.btn:hover{
transform:translateY(-5px);
}

.radar{
width:420px;
height:420px;
border-radius:50%;
margin:auto;
position:relative;
border:1px solid rgba(0,207,255,.3);
overflow:hidden;
}

.radar::before{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background:
radial-gradient(circle, transparent 30%, rgba(0,207,255,.06) 31%, transparent 32%),
radial-gradient(circle, transparent 55%, rgba(0,207,255,.06) 56%, transparent 57%),
radial-gradient(circle, transparent 78%, rgba(0,207,255,.06) 79%, transparent 80%);
}

.scan{
position:absolute;
width:50%;
height:50%;
background:linear-gradient(90deg,
rgba(0,255,183,.4),
transparent);
transform-origin:100% 100%;
animation:rotate 5s linear infinite;
right:50%;
bottom:50%;
}

@keyframes rotate{
100%{
transform:rotate(360deg);
}
}

.dot{
position:absolute;
width:8px;
height:8px;
background:var(--accent);
border-radius:50%;
box-shadow:0 0 15px var(--accent);
}

section{
padding:110px 8%;
}

.title{
text-align:center;
margin-bottom:70px;
}

.title h2{
font-size:3rem;
margin-bottom:12px;
}

.title p{
color:var(--muted);
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}

.card{
background:rgba(7,20,45,.75);
backdrop-filter:blur(15px);
border:1px solid var(--border);
border-radius:24px;
padding:30px;
transition:.4s;
}

.card:hover{
transform:translateY(-10px);
background:var(--panel2);
box-shadow:0 0 35px rgba(0,207,255,.15);
}

.icon{
font-size:3rem;
margin-bottom:15px;
}

.card h3{
margin-bottom:15px;
}

.card p{
color:var(--muted);
line-height:1.8;
}

.dashboard{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.metric{
background:var(--panel);
border:1px solid var(--border);
border-radius:22px;
padding:35px;
text-align:center;
}

.metric h3{
font-size:3rem;
color:var(--primary);
}

.metric p{
margin-top:10px;
color:var(--muted);
}

.threat-box{
max-width:1100px;
margin:auto;
background:var(--panel);
border:1px solid var(--border);
border-radius:25px;
padding:30px;
}

.threat{
display:flex;
justify-content:space-between;
padding:18px;
border-bottom:1px solid rgba(255,255,255,.05);
}

.threat:last-child{
border-bottom:none;
}

.level{
padding:6px 15px;
border-radius:20px;
font-size:.85rem;
}

.low{
background:rgba(0,255,183,.12);
color:var(--accent);
}

.medium{
background:rgba(255,196,0,.12);
color:#ffc400;
}

.high{
background:rgba(255,70,70,.12);
color:#ff6b6b;
}

footer{
padding:40px;
text-align:center;
color:var(--muted);
border-top:1px solid var(--border);
}

.reveal{
opacity:0;
transform:translateY(40px);
transition:1s;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

@media(max-width:900px){

.hero{
grid-template-columns:1fr;
text-align:center;
}

.hero-text h1{
font-size:3.3rem;
}

.radar{
width:300px;
height:300px;
}

}

</style>
</head>
<body>

<h1>Digital Security & Technology</h1>

<p>
Protecting information systems through modern cybersecurity,
advanced encryption, artificial intelligence, threat detection,
and resilient digital infrastructure.
</p>

<a href="#security" class="btn">
Explore Technologies
</a>

</div>

</div>

</header>

<div class="title reveal">
<h2>Security Domains</h2>
<p>Essential pillars of modern cybersecurity</p>
</div>

<div class="card reveal">
<div class="icon">🔐</div>
<h3>Encryption</h3>
<p>
Protecting sensitive information through cryptographic
algorithms and secure communication protocols.
</p>
</div>

<div class="card reveal">
<div class="icon">🛡️</div>
<h3>Threat Protection</h3>
<p>
Monitoring malicious activity and preventing unauthorized
access across digital environments.
</p>
</div>

<div class="card reveal">
<div class="icon">🤖</div>
<h3>AI Security</h3>
<p>
Using machine learning models to identify anomalies and
respond to emerging cyber threats.
</p>
</div>

<div class="card reveal">
<div class="icon">☁️</div>
<h3>Cloud Security</h3>
<p>
Securing cloud-native applications, infrastructure,
and distributed workloads.
</p>
</div>

</div>

</section>

<div class="title reveal">
<h2>Technology Metrics</h2>
<p>Cybersecurity intelligence overview</p>
</div>

<div class="metric reveal">
<h3 class="counter" data-target="99">0</h3>
<p>System Integrity</p>
</div>

<div class="metric reveal">
<h3 class="counter" data-target="256">0</h3>
<p>Encryption Strength</p>
</div>

<div class="metric reveal">
<h3 class="counter" data-target="24">0</h3>
<p>Active Monitoring</p>
</div>

<div class="metric reveal">
<h3 class="counter" data-target="100">0</h3>
<p>Threat Analysis</p>
</div>

</div>

</section>

<div class="title reveal">
<h2>Threat Intelligence Feed</h2>
<p>Example cybersecurity monitoring dashboard</p>
</div>

<div class="threat">
<span>Network Traffic Inspection</span>
<span class="level low">Low Risk</span>
</div>

<div class="threat">
<span>Endpoint Security Analysis</span>
<span class="level medium">Medium Risk</span>
</div>

<div class="threat">
<span>Authentication Monitoring</span>
<span class="level low">Low Risk</span>
</div>

<div class="threat">
<span>Advanced Persistent Threat Detection</span>
<span class="level high">High Priority</span>
</div>

<div class="threat">
<span>Cloud Access Verification</span>
<span class="level medium">Reviewing</span>
</div>

</div>

</section>

<footer>
CyberShield Nexus • Digital Security & Future Technology
</footer>

document.querySelectorAll('.counter').forEach(counter=>{

function update(){

const target=+counter.dataset.target;
const current=+counter.innerText;

const increment=Math.ceil(target/80);

if(current<target){

counter.innerText=current+increment;
requestAnimationFrame(update);

}else{

counter.innerText=target;

}

update();

});

const reveal=document.querySelectorAll('.reveal');

function animateReveal(){

reveal.forEach(item=>{

const top=item.getBoundingClientRect().top;

if(top<window.innerHeight-100){

item.classList.add('active');

}

});

}

window.addEventListener('scroll',animateReveal);
animateReveal();

document.addEventListener('mousemove',(e)=>{

const x=(e.clientX/window.innerWidth)*20;
const y=(e.clientY/window.innerHeight)*20;

document.body.style.backgroundPosition=
`${x}px ${y}px`;

});

</script>

</body>
</html>

CyberShield Nexus

Digital Security & Technology

Protecting information systems through modern cybersecurity, advanced encryption, artificial intelligence, threat detection, and resilient digital infrastructure.

Explore Technologies

Security Domains

Essential pillars of modern cybersecurity

🔐

Encryption

Protecting sensitive information through cryptographic algorithms and secure communication protocols.

🛡️

Threat Protection

Monitoring malicious activity and preventing unauthorized access across digital environments.

🤖

AI Security

Using machine learning models to identify anomalies and respond to emerging cyber threats.

☁️

Cloud Security

Securing cloud-native applications, infrastructure, and distributed workloads.

Technology Metrics

Cybersecurity intelligence overview

0

System Integrity

0

Encryption Strength

0

Active Monitoring

0

Threat Analysis

Threat Intelligence Feed

Example cybersecurity monitoring dashboard

Network Traffic Inspection Low Risk

Endpoint Security Analysis Medium Risk

Authentication Monitoring Low Risk

Advanced Persistent Threat Detection High Priority

Cloud Access Verification Reviewing