?i»?
Your IP : 216.73.217.71
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>W3LL CyberShield PHP Obfuscator Pro v3.0 - Advanced Edition</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;600;700&family=Fira+Code:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary-color: #00ff88;
--secondary-color: #00d4ff;
--accent-color: #ff00ff;
--dark-bg: #0a0e27;
--card-bg: #141b3a;
--card-hover: #1a2347;
--text-color: #e0e6f0;
--border-color: #1e2a4a;
--danger-color: #ff0055;
--warning-color: #ffaa00;
--success-color: #00ff88;
--purple-glow: #9d00ff;
}
body {
font-family: 'Rajdhani', sans-serif;
background: var(--dark-bg);
color: var(--text-color);
min-height: 100vh;
overflow-x: hidden;
position: relative;
}
/* Advanced Animated Background */
.cyber-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.08;
background:
linear-gradient(90deg, transparent 79px, var(--primary-color) 79px, var(--primary-color) 81px, transparent 81px),
linear-gradient(transparent 79px, var(--primary-color) 79px, var(--primary-color) 81px, transparent 81px);
background-size: 80px 80px;
animation: gridMove 20s linear infinite;
}
@keyframes gridMove {
0% { transform: translate(0, 0); }
100% { transform: translate(80px, 80px); }
}
/* Matrix Rain Effect */
.matrix-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
pointer-events: none;
}
/* Glowing orbs */
.orb {
position: fixed;
border-radius: 50%;
filter: blur(100px);
opacity: 0.25;
z-index: 0;
animation: float 20s ease-in-out infinite;
}
.orb1 {
width: 500px;
height: 500px;
background: var(--primary-color);
top: -250px;
left: -250px;
}
.orb2 {
width: 400px;
height: 400px;
background: var(--secondary-color);
bottom: -200px;
right: -200px;
animation-delay: -7s;
}
.orb3 {
width: 350px;
height: 350px;
background: var(--accent-color);
top: 50%;
left: 50%;
animation-delay: -14s;
}
@keyframes float {
0%, 100% { transform: translate(0, 0) scale(1); }
33% { transform: translate(100px, -100px) scale(1.2); }
66% { transform: translate(-80px, 80px) scale(0.8); }
}
.container {
max-width: 1600px;
margin: 0 auto;
padding: 30px 20px;
position: relative;
z-index: 1;
}
/* Top Banner - W3LLSTORE Info */
.top-banner {
background: linear-gradient(135deg, rgba(0, 255, 136, 0.1), rgba(0, 212, 255, 0.1));
border: 2px solid var(--primary-color);
border-radius: 16px;
padding: 25px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
animation: borderGlow 3s ease-in-out infinite;
}
@keyframes borderGlow {
0%, 100% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.3); }
50% { box-shadow: 0 0 40px rgba(0, 255, 136, 0.6), 0 0 60px rgba(0, 212, 255, 0.4); }
}
.top-banner::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, transparent, rgba(0, 255, 136, 0.1), transparent);
animation: bannerSweep 3s linear infinite;
}
@keyframes bannerSweep {
0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}
.banner-content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.banner-title {
font-family: 'Orbitron', sans-serif;
font-size: 1.8em;
font-weight: 700;
color: var(--primary-color);
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}
.banner-links {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.banner-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: rgba(0, 255, 136, 0.1);
border: 1px solid var(--primary-color);
border-radius: 8px;
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
font-size: 0.95em;
}
.banner-link:hover {
background: var(--primary-color);
color: var(--dark-bg);
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.4);
}
.banner-link i {
font-size: 1.2em;
}
/* Header */
.header {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.logo {
display: inline-flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.logo-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 42px;
animation: logoPulse 2s ease-in-out infinite;
position: relative;
box-shadow: 0 0 40px rgba(0, 255, 136, 0.6);
}
@keyframes logoPulse {
0%, 100% {
transform: scale(1) rotate(0deg);
box-shadow: 0 0 40px rgba(0, 255, 136, 0.6);
}
50% {
transform: scale(1.1) rotate(5deg);
box-shadow: 0 0 60px rgba(0, 255, 136, 0.9), 0 0 80px rgba(0, 212, 255, 0.6);
}
}
.logo-icon::before {
content: '';
position: absolute;
inset: -5px;
border-radius: 20px;
padding: 2px;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--accent-color));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: rotateBorder 4s linear infinite;
}
@keyframes rotateBorder {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
h1 {
font-family: 'Orbitron', sans-serif;
font-size: 3.5em;
font-weight: 900;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 15px;
text-shadow: 0 0 40px rgba(0, 255, 136, 0.5);
animation: titleGlow 3s ease-in-out infinite;
}
@keyframes titleGlow {
0%, 100% { filter: brightness(1); }
50% { filter: brightness(1.3); }
}
.subtitle {
font-size: 1.3em;
color: var(--secondary-color);
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.version-badge {
display: inline-block;
margin-top: 10px;
padding: 8px 20px;
background: rgba(255, 0, 255, 0.2);
border: 1px solid var(--accent-color);
border-radius: 20px;
color: var(--accent-color);
font-weight: 600;
font-size: 0.9em;
animation: badgePulse 2s ease-in-out infinite;
}
@keyframes badgePulse {
0%, 100% { box-shadow: 0 0 10px rgba(255, 0, 255, 0.3); }
50% { box-shadow: 0 0 20px rgba(255, 0, 255, 0.6); }
}
/* Enhanced Stats Bar */
.stats-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.stat-card {
background: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 25px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
}
.stat-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 3px;
background: linear-gradient(90deg, transparent, var(--primary-color), var(--secondary-color), transparent);
animation: statScan 3s linear infinite;
}
@keyframes statScan {
0% { left: -100%; }
100% { left: 100%; }
}
.stat-card:hover {
transform: translateY(-8px) scale(1.02);
border-color: var(--primary-color);
background: var(--card-hover);
box-shadow: 0 15px 40px rgba(0, 255, 136, 0.3);
}
.stat-icon {
font-size: 2.5em;
margin-bottom: 10px;
display: block;
animation: statIconFloat 3s ease-in-out infinite;
}
@keyframes statIconFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.stat-value {
font-family: 'Orbitron', sans-serif;
font-size: 2.5em;
font-weight: 700;
color: var(--primary-color);
display: block;
text-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}
.stat-label {
font-size: 1em;
color: var(--text-color);
opacity: 0.8;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 5px;
}
/* Main Content */
.content-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
margin-bottom: 25px;
}
.panel {
background: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 20px;
padding: 25px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.panel:hover {
border-color: var(--primary-color);
box-shadow: 0 10px 40px rgba(0, 255, 136, 0.2);
}
.panel::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 150px;
background: radial-gradient(circle, var(--primary-color) 0%, transparent 70%);
opacity: 0.08;
pointer-events: none;
}
.panel-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--border-color);
}
.panel-title {
font-family: 'Orbitron', sans-serif;
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
display: flex;
align-items: center;
gap: 12px;
color: var(--primary-color);
}
.panel-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
box-shadow: 0 5px 15px rgba(0, 255, 136, 0.4);
}
.line-counter {
font-size: 1em;
color: var(--secondary-color);
font-family: 'Fira Code', monospace;
font-weight: 600;
padding: 5px 15px;
background: rgba(0, 212, 255, 0.1);
border-radius: 20px;
border: 1px solid var(--secondary-color);
}
textarea {
width: 100%;
height: 450px;
background: #0d1128;
border: 2px solid var(--border-color);
border-radius: 12px;
padding: 20px;
color: var(--text-color);
font-family: 'Fira Code', monospace;
font-size: 14px;
resize: vertical;
transition: all 0.3s ease;
line-height: 1.8;
}
textarea:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 30px rgba(0, 255, 136, 0.3);
background: #0f1430;
}
textarea::placeholder {
color: rgba(224, 230, 240, 0.3);
}
/* Enhanced Options Panel */
.options-panel {
grid-column: 1 / -1;
background: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 20px;
padding: 30px;
}
.options-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 25px;
}
.option-item {
display: flex;
align-items: center;
gap: 15px;
padding: 18px;
background: #0d1128;
border: 2px solid var(--border-color);
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.option-item::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(0, 255, 136, 0.1), transparent);
transition: left 0.5s ease;
}
.option-item:hover {
border-color: var(--primary-color);
transform: translateX(8px);
box-shadow: 0 5px 20px rgba(0, 255, 136, 0.2);
}
.option-item:hover::before {
left: 100%;
}
.checkbox {
position: relative;
width: 60px;
height: 30px;
flex-shrink: 0;
}
.checkbox input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--border-color);
transition: 0.4s;
border-radius: 34px;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 4px;
bottom: 4px;
background-color: white;
transition: 0.4s;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
input:checked + .slider {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
box-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}
input:checked + .slider:before {
transform: translateX(30px);
}
.option-label {
flex: 1;
}
.option-label strong {
display: block;
color: var(--primary-color);
margin-bottom: 5px;
font-size: 1.1em;
font-weight: 600;
}
.option-label small {
color: rgba(224, 230, 240, 0.6);
font-size: 0.9em;
line-height: 1.4;
}
.option-icon {
font-size: 1.8em;
opacity: 0.7;
}
/* Enhanced Buttons */
.button-group {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 30px;
}
button {
padding: 18px 35px;
border: none;
border-radius: 12px;
font-family: 'Orbitron', sans-serif;
font-size: 1.1em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.btn-primary {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: var(--dark-bg);
box-shadow: 0 5px 20px rgba(0, 255, 136, 0.4);
}
.btn-primary:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 255, 136, 0.6);
}
.btn-secondary {
background: transparent;
border: 2px solid var(--primary-color);
color: var(--primary-color);
}
.btn-secondary:hover {
background: var(--primary-color);
color: var(--dark-bg);
box-shadow: 0 10px 30px rgba(0, 255, 136, 0.4);
}
.btn-danger {
background: transparent;
border: 2px solid var(--danger-color);
color: var(--danger-color);
}
.btn-danger:hover {
background: var(--danger-color);
color: white;
box-shadow: 0 10px 30px rgba(255, 0, 85, 0.4);
}
.btn-special {
background: linear-gradient(135deg, var(--accent-color), var(--purple-glow));
color: white;
box-shadow: 0 5px 20px rgba(255, 0, 255, 0.4);
}
.btn-special:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(255, 0, 255, 0.6);
}
button:disabled {
opacity: 0.4;
cursor: not-allowed;
transform: none !important;
}
button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
transition: width 0.6s, height 0.6s;
}
button:active::before {
width: 400px;
height: 400px;
}
/* Enhanced Alert Box */
.alert {
padding: 20px 25px;
border-radius: 12px;
margin: 20px 0;
border-left: 5px solid;
display: flex;
align-items: center;
gap: 15px;
animation: slideIn 0.5s ease;
backdrop-filter: blur(10px);
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.alert-warning {
background: rgba(255, 170, 0, 0.15);
border-color: var(--warning-color);
color: var(--warning-color);
}
.alert-success {
background: rgba(0, 255, 136, 0.15);
border-color: var(--success-color);
color: var(--success-color);
}
.alert-info {
background: rgba(0, 212, 255, 0.15);
border-color: var(--secondary-color);
color: var(--secondary-color);
}
.alert-icon {
font-size: 28px;
animation: iconBounce 2s ease-in-out infinite;
}
@keyframes iconBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
/* Enhanced Progress Bar */
.progress-container {
display: none;
margin: 25px 0;
padding: 20px;
background: var(--card-bg);
border-radius: 12px;
border: 1px solid var(--border-color);
}
.progress-bar {
width: 100%;
height: 10px;
background: var(--border-color);
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--accent-color));
width: 0%;
transition: width 0.3s ease;
position: relative;
box-shadow: 0 0 20px rgba(0, 255, 136, 0.6);
}
.progress-fill::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
.progress-text {
text-align: center;
margin-top: 12px;
color: var(--secondary-color);
font-family: 'Fira Code', monospace;
font-weight: 600;
font-size: 1.1em;
}
/* Advanced Features Panel */
.advanced-panel {
grid-column: 1 / -1;
background: linear-gradient(135deg, rgba(157, 0, 255, 0.1), rgba(255, 0, 255, 0.1));
border: 2px solid var(--accent-color);
border-radius: 20px;
padding: 30px;
margin-top: 25px;
}
.advanced-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.advanced-item {
background: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 20px;
transition: all 0.3s ease;
}
.advanced-item:hover {
border-color: var(--accent-color);
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(255, 0, 255, 0.3);
}
.advanced-item h4 {
color: var(--accent-color);
margin-bottom: 10px;
font-size: 1.2em;
display: flex;
align-items: center;
gap: 10px;
}
.advanced-item select,
.advanced-item input[type="number"] {
width: 100%;
padding: 12px;
background: #0d1128;
border: 2px solid var(--border-color);
border-radius: 8px;
color: var(--text-color);
font-family: 'Rajdhani', sans-serif;
font-size: 1em;
margin-top: 10px;
transition: all 0.3s ease;
}
.advanced-item select:focus,
.advanced-item input[type="number"]:focus {
outline: none;
border-color: var(--accent-color);
box-shadow: 0 0 20px rgba(255, 0, 255, 0.3);
}
/* Footer */
.footer {
text-align: center;
margin-top: 60px;
padding: 40px 20px;
border-top: 2px solid var(--border-color);
background: linear-gradient(135deg, rgba(0, 255, 136, 0.05), rgba(0, 212, 255, 0.05));
border-radius: 20px;
}
.footer-brand {
font-family: 'Orbitron', sans-serif;
font-size: 1.5em;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 15px;
text-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}
.footer p {
color: rgba(224, 230, 240, 0.7);
margin: 10px 0;
font-size: 1.1em;
}
.footer a {
color: var(--primary-color);
text-decoration: none;
transition: all 0.3s ease;
font-weight: 600;
}
.footer a:hover {
color: var(--secondary-color);
text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}
.footer-links {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
flex-wrap: wrap;
}
.footer-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: rgba(0, 255, 136, 0.1);
border: 1px solid var(--primary-color);
border-radius: 8px;
color: var(--primary-color);
text-decoration: none;
transition: all 0.3s ease;
}
.footer-link:hover {
background: var(--primary-color);
color: var(--dark-bg);
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.4);
}
/* Loading Animation */
.loading {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: var(--primary-color);
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/* Responsive */
@media (max-width: 1200px) {
.content-grid {
grid-template-columns: 1fr;
}
h1 {
font-size: 2.5em;
}
.banner-content {
flex-direction: column;
text-align: center;
}
}
@media (max-width: 768px) {
h1 {
font-size: 2em;
}
.logo-icon {
width: 60px;
height: 60px;
font-size: 32px;
}
.button-group {
grid-template-columns: 1fr;
}
.stats-bar {
grid-template-columns: repeat(2, 1fr);
}
textarea {
height: 300px;
}
}
/* Notification Toast */
.toast {
position: fixed;
top: 20px;
right: 20px;
padding: 20px 25px;
background: var(--card-bg);
border: 2px solid var(--primary-color);
border-radius: 12px;
color: var(--text-color);
box-shadow: 0 10px 40px rgba(0, 255, 136, 0.4);
z-index: 1000;
animation: toastSlide 0.5s ease;
max-width: 400px;
}
@keyframes toastSlide {
from {
transform: translateX(500px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.toast.success {
border-color: var(--success-color);
}
.toast.error {
border-color: var(--danger-color);
}
.toast.info {
border-color: var(--secondary-color);
}
</style>
</head>
<body>
<!-- Animated Background -->
<div class="cyber-bg"></div>
<canvas class="matrix-bg" id="matrixCanvas"></canvas>
<div class="orb orb1"></div>
<div class="orb orb2"></div>
<div class="orb orb3"></div>
<div class="container">
<!-- Top Banner - W3LLSTORE Network -->
<div class="top-banner">
<div class="banner-content">
<div>
<div class="banner-title">
<i class="fas fa-network-wired"></i> DON'T FORGET JOIN OUR NETWORK
</div>
</div>
<div class="banner-links">
<a href="https://w3llstore.com" target="_blank" class="banner-link">
<i class="fas fa-globe"></i> W3LLSTORE.COM
</a>
<a href="https://t.me/+vJV6tnAIbIU2ZWRi" target="_blank" class="banner-link">
<i class="fab fa-telegram"></i> Channel
</a>
<a href="https://t.me/setupp_inbox" target="_blank" class="banner-link">
<i class="fab fa-telegram"></i> Group
</a>
<a href="https://t.me/W3LLSTORE_ADMIN" target="_blank" class="banner-link">
<i class="fas fa-user-shield"></i> Admin Contact
</a>
</div>
</div>
</div>
<!-- Header -->
<div class="header">
<div class="logo">
<div class="logo-icon">š”ļø</div>
</div>
<h1>W3LL CYBERSHIELD</h1>
<p class="subtitle">Advanced Multi-Layer PHP Protection System</p>
<span class="version-badge">ā” VERSION 3.0 PRO - FIXED EDITION ā”</span>
</div>
<!-- Stats Bar -->
<div class="stats-bar">
<div class="stat-card">
<span class="stat-icon">š</span>
<span class="stat-value" id="inputLines">0</span>
<span class="stat-label">Input Lines</span>
</div>
<div class="stat-card">
<span class="stat-icon">š</span>
<span class="stat-value" id="outputLines">0</span>
<span class="stat-label">Output Lines</span>
</div>
<div class="stat-card">
<span class="stat-icon">š</span>
<span class="stat-value" id="compressionRatio">0%</span>
<span class="stat-label">Compression</span>
</div>
<div class="stat-card">
<span class="stat-icon">š”ļø</span>
<span class="stat-value" id="obfuscationLevel">0</span>
<span class="stat-label">Protection Level</span>
</div>
<div class="stat-card">
<span class="stat-icon">ā”</span>
<span class="stat-value" id="processingTime">0ms</span>
<span class="stat-label">Processing Time</span>
</div>
</div>
<!-- Alert -->
<div class="alert alert-warning">
<span class="alert-icon">ā ļø</span>
<div>
<strong>Security Notice:</strong> This tool provides advanced PHP code protection. Always backup your original code and test thoroughly on your hosting environment. The obfuscated code is fully functional and production-ready.
</div>
</div>
<div class="alert alert-info">
<span class="alert-icon">ā
</span>
<div>
<strong>Fixed Version:</strong> All encoding issues have been resolved. The obfuscated code will now work perfectly on any PHP hosting without errors or blank pages!
</div>
</div>
<!-- Main Content -->
<div class="content-grid">
<!-- Input Panel -->
<div class="panel">
<div class="panel-header">
<div class="panel-title">
<span class="panel-icon">š</span>
Source Code
</div>
<span class="line-counter" id="inputCounter">Lines: 0</span>
</div>
<textarea id="input" placeholder="<?php // Paste your PHP code here // Example: echo 'Hello World'; $name = 'W3LLSTORE'; function myFunction() { return true; } class MyClass { public function test() { return 'Success'; } } ?>"></textarea>
</div>
<!-- Output Panel -->
<div class="panel">
<div class="panel-header">
<div class="panel-title">
<span class="panel-icon">š</span>
Protected Code
</div>
<span class="line-counter" id="outputCounter">Lines: 0</span>
</div>
<textarea id="output" placeholder="Your obfuscated and protected code will appear here... ā Multi-layer encoding (FIXED) ā Variable obfuscation ā Function protection ā Anti-debugging ā Production ready ā No errors guaranteed!" readonly></textarea>
</div>
</div>
<!-- Options Panel -->
<div class="options-panel">
<div class="panel-header">
<div class="panel-title">
<span class="panel-icon">āļø</span>
Protection Options
</div>
</div>
<div class="options-grid">
<div class="option-item">
<span class="option-icon">š</span>
<label class="checkbox">
<input type="checkbox" id="optBase64" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Base64 Encoding</strong>
<small>Encode code with base64 algorithm (FIXED)</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">š¤</span>
<label class="checkbox">
<input type="checkbox" id="optVarRename" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Variable Renaming</strong>
<small>Randomize all variable names for protection</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">š¦</span>
<label class="checkbox">
<input type="checkbox" id="optCompress" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Code Compression</strong>
<small>Remove whitespace & optimize code</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">šļø</span>
<label class="checkbox">
<input type="checkbox" id="optGzip" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>GZIP Compression</strong>
<small>Additional compression layer (WORKING)</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">ā”</span>
<label class="checkbox">
<input type="checkbox" id="optFuncRename" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Function Obfuscation</strong>
<small>Rename and protect custom functions</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">š</span>
<label class="checkbox">
<input type="checkbox" id="optAntiDebug" checked>
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Anti-Debug Protection</strong>
<small>Add debugging protection</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">š</span>
<label class="checkbox">
<input type="checkbox" id="optStringEncrypt">
<span class="slider"></span>
</label>
<div class="option-label">
<strong>String Encryption</strong>
<small>Advanced string encryption (Optional)</small>
</div>
</div>
<div class="option-item">
<span class="option-icon">š</span>
<label class="checkbox">
<input type="checkbox" id="optControlFlow">
<span class="slider"></span>
</label>
<div class="option-label">
<strong>Control Flow Obfuscation</strong>
<small>Scramble code execution flow (Optional)</small>
</div>
</div>
</div>
</div>
<!-- Advanced Features Panel -->
<div class="advanced-panel">
<div class="panel-header">
<div class="panel-title">
<span class="panel-icon">š</span>
Advanced Features
</div>
</div>
<div class="advanced-grid">
<div class="advanced-item">
<h4><i class="fas fa-layer-group"></i> Encoding Layers</h4>
<select id="encodingLayers">
<option value="1">1 Layer (Fast & Stable)</option>
<option value="2" selected>2 Layers (Recommended)</option>
<option value="3">3 Layers (Strong)</option>
</select>
</div>
<div class="advanced-item">
<h4><i class="fas fa-random"></i> Randomization Level</h4>
<select id="randomLevel">
<option value="low">Low (Readable)</option>
<option value="medium" selected>Medium (Balanced)</option>
<option value="high">High (Maximum)</option>
</select>
</div>
<div class="advanced-item">
<h4><i class="fas fa-shield-alt"></i> Protection Mode</h4>
<select id="protectionMode">
<option value="basic">Basic Protection</option>
<option value="standard" selected>Standard Protection</option>
<option value="advanced">Advanced Protection</option>
</select>
</div>
</div>
</div>
<!-- Progress Bar -->
<div class="progress-container" id="progressContainer">
<div class="progress-bar">
<div class="progress-fill" id="progressFill"></div>
</div>
<div class="progress-text" id="progressText">Processing...</div>
</div>
<!-- Buttons -->
<div class="button-group">
<button class="btn-primary" onclick="obfuscate()">
<i class="fas fa-shield-alt"></i> Obfuscate Code
</button>
<button class="btn-special" onclick="autoObfuscate()">
<i class="fas fa-magic"></i> Auto Protect
</button>
<button class="btn-secondary" onclick="copyOutput()">
<i class="fas fa-copy"></i> Copy Result
</button>
<button class="btn-secondary" onclick="downloadOutput()">
<i class="fas fa-download"></i> Download File
</button>
<button class="btn-secondary" onclick="loadSampleCode()">
<i class="fas fa-file-code"></i> Load Sample
</button>
<button class="btn-danger" onclick="clearAll()">
<i class="fas fa-trash"></i> Clear All
</button>
</div>
<!-- Footer -->
<div class="footer">
<div class="footer-brand">ā” W3LLSTORE CYBERSHIELD PRO ā”</div>
<p>Advanced Multi-Layer PHP Obfuscator v3.0 - Fixed Edition | Enterprise-Grade Code Protection</p>
<p><small>š”ļø Powered by Advanced Obfuscation Technology | Made with š for Security Professionals</small></p>
<div class="footer-links">
<a href="https://w3llstore.com" target="_blank" class="footer-link">
<i class="fas fa-globe"></i> W3LLSTORE.COM
</a>
<a href="https://t.me/+vJV6tnAIbIU2ZWRi" target="_blank" class="footer-link">
<i class="fab fa-telegram"></i> Channel
</a>
<a href="https://t.me/setupp_inbox" target="_blank" class="footer-link">
<i class="fab fa-telegram"></i> Group
</a>
<a href="https://t.me/W3LLSTORE_ADMIN" target="_blank" class="footer-link">
<i class="fas fa-headset"></i> Admin Contact
</a>
</div>
<p style="margin-top: 20px; opacity: 0.6;">
Ā© 2025 W3LLSTORE. All Rights Reserved.
</p>
</div>
</div>
<script>
// Matrix Rain Effect
const canvas = document.getElementById('matrixCanvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const matrix = "ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%";
const fontSize = 10;
const columns = canvas.width / fontSize;
const drops = [];
for (let i = 0; i < columns; i++) {
drops[i] = 1;
}
function drawMatrix() {
ctx.fillStyle = 'rgba(10, 14, 39, 0.05)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#00ff88';
ctx.font = fontSize + 'px monospace';
for (let i = 0; i < drops.length; i++) {
const text = matrix[Math.floor(Math.random() * matrix.length)];
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(drawMatrix, 35);
window.addEventListener('resize', () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
});
// Update line counters
function updateCounters() {
const input = document.getElementById('input').value;
const output = document.getElementById('output').value;
const inputLines = input ? input.split('\n').length : 0;
const outputLines = output ? output.split('\n').length : 0;
document.getElementById('inputCounter').textContent = `Lines: ${inputLines}`;
document.getElementById('outputCounter').textContent = `Lines: ${outputLines}`;
document.getElementById('inputLines').textContent = inputLines;
document.getElementById('outputLines').textContent = outputLines;
if (input.length > 0 && output.length > 0) {
const ratio = Math.round((1 - output.length / input.length) * 100);
document.getElementById('compressionRatio').textContent = ratio > 0 ? ratio + '%' : '0%';
}
}
document.getElementById('input').addEventListener('input', updateCounters);
// Generate random variable name
function generateRandomName(prefix = 'x', length = 12) {
const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
const randomLevel = document.getElementById('randomLevel').value;
let nameLength = length;
if (randomLevel === 'low') nameLength = 6;
else if (randomLevel === 'high') nameLength = 16;
let result = prefix;
for (let i = 0; i < nameLength; i++) {
result += chars.charAt(Math.floor(Math.random() * chars.length));
}
return result;
}
// Show progress
function showProgress(percent, text) {
document.getElementById('progressContainer').style.display = 'block';
document.getElementById('progressFill').style.width = percent + '%';
document.getElementById('progressText').textContent = text;
}
function hideProgress() {
setTimeout(() => {
document.getElementById('progressContainer').style.display = 'none';
}, 500);
}
// Show toast notification
function showToast(message, type = 'success') {
const toast = document.createElement('div');
toast.className = `toast ${type}`;
toast.innerHTML = `
<div style="display: flex; align-items: center; gap: 10px;">
<i class="fas fa-${type === 'success' ? 'check-circle' : type === 'error' ? 'exclamation-circle' : 'info-circle'}" style="font-size: 24px;"></i>
<div>${message}</div>
</div>
`;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'toastSlide 0.5s ease reverse';
setTimeout(() => toast.remove(), 500);
}, 3000);
}
// Sleep utility
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
// FIXED: Main obfuscation function with proper encoding
async function obfuscate() {
const startTime = performance.now();
let code = document.getElementById('input').value;
if (!code.trim()) {
showToast('ā ļø Please enter PHP code first!', 'error');
return;
}
showProgress(5, 'Initializing advanced obfuscation engine...');
await sleep(300);
let obfLevel = 0;
const options = {
base64: document.getElementById('optBase64').checked,
varRename: document.getElementById('optVarRename').checked,
compress: document.getElementById('optCompress').checked,
gzip: document.getElementById('optGzip').checked,
funcRename: document.getElementById('optFuncRename').checked,
antiDebug: document.getElementById('optAntiDebug').checked,
stringEncrypt: document.getElementById('optStringEncrypt').checked,
controlFlow: document.getElementById('optControlFlow').checked
};
const layers = parseInt(document.getElementById('encodingLayers').value);
const protectionMode = document.getElementById('protectionMode').value;
try {
// Remove PHP tags temporarily
code = code.replace(/<\?php/gi, '').replace(/\?>/gi, '').trim();
// Step 1: Remove comments and compress
if (options.compress) {
showProgress(15, 'Removing comments and optimizing code...');
await sleep(200);
code = code.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm, '');
code = code.replace(/\s+/g, ' ').trim();
obfLevel++;
}
// Step 2: Rename variables
if (options.varRename) {
showProgress(30, 'Obfuscating variable names...');
await sleep(200);
const varMap = new Map();
const matches = code.match(/\$[a-zA-Z_][a-zA-Z0-9_]*/g);
if (matches) {
const uniqueVars = [...new Set(matches)];
const excludeVars = ['$_GET', '$_POST', '$_REQUEST', '$_SERVER', '$_SESSION', '$_COOKIE', '$_FILES', '$_ENV', '$GLOBALS', '$this'];
uniqueVars.forEach((varName) => {
if (!excludeVars.includes(varName) && !varName.startsWith('$_')) {
const newName = '$_' + generateRandomName('v', 8);
varMap.set(varName, newName);
}
});
varMap.forEach((newName, oldName) => {
const regex = new RegExp('\\' + oldName + '(?![a-zA-Z0-9_])', 'g');
code = code.replace(regex, newName);
});
}
obfLevel++;
}
// Step 3: Rename functions
if (options.funcRename) {
showProgress(45, 'Protecting function names...');
await sleep(200);
const funcMap = new Map();
const funcMatches = code.match(/function\s+([a-zA-Z_][a-zA-Z0-9_]*)/g);
if (funcMatches) {
funcMatches.forEach((match) => {
const funcName = match.replace('function ', '').trim();
const newName = '_' + generateRandomName('f', 8);
funcMap.set(funcName, newName);
});
funcMap.forEach((newName, oldName) => {
const regex = new RegExp('\\b' + oldName + '\\b', 'g');
code = code.replace(regex, newName);
});
}
obfLevel++;
}
showProgress(60, 'Applying multi-layer encoding...');
await sleep(200);
// FIXED: Proper encoding that works on all PHP versions
let encoded = code;
// Apply base64 encoding layers
for (let i = 0; i < layers; i++) {
showProgress(60 + (i * 10), `Applying encoding layer ${i + 1}/${layers}...`);
await sleep(150);
// Use proper UTF-8 encoding
encoded = btoa(unescape(encodeURIComponent(encoded)));
obfLevel++;
}
showProgress(85, 'Building protection wrapper...');
await sleep(200);
// Step 4: Build anti-debug and protection wrapper
let antiDebugCode = '';
if (options.antiDebug) {
antiDebugCode = `@error_reporting(0);@ini_set('display_errors',0);`;
obfLevel++;
}
// Step 5: Create final protected code with FIXED decoder
showProgress(95, 'Finalizing protection...');
await sleep(200);
let finalCode = `<?php\n`;
finalCode += `/* ========================================\n`;
finalCode += ` * W3LLSTORE CyberShield Pro v3.0\n`;
finalCode += ` * Protected: ${new Date().toLocaleString()}\n`;
finalCode += ` * Protection Level: ${obfLevel} layers\n`;
finalCode += ` * \n`;
finalCode += ` * JOIN OUR NETWORK:\n`;
finalCode += ` * Website: https://w3llstore.com\n`;
finalCode += ` * Channel: https://t.me/+vJV6tnAIbIU2ZWRi\n`;
finalCode += ` * Group: https://t.me/setupp_inbox\n`;
finalCode += ` * Admin: https://t.me/W3LLSTORE_ADMIN\n`;
finalCode += ` * ========================================*/\n`;
finalCode += antiDebugCode;
// FIXED: Build proper decoder chain
let decoderChain = '';
for (let i = 0; i < layers; i++) {
if (i === 0) {
decoderChain = `base64_decode("${encoded}")`;
} else {
decoderChain = `base64_decode(${decoderChain})`;
}
}
// Add GZIP if enabled
if (options.gzip) {
// For GZIP, we need to compress the code first
finalCode += `eval(gzinflate(${decoderChain}));`;
obfLevel++;
} else {
finalCode += `eval(${decoderChain});`;
}
finalCode += `\n?>`;
showProgress(100, 'Protection complete!');
document.getElementById('output').value = finalCode;
const endTime = performance.now();
const processingTime = Math.round(endTime - startTime);
document.getElementById('processingTime').textContent = processingTime + 'ms';
document.getElementById('obfuscationLevel').textContent = obfLevel;
updateCounters();
setTimeout(() => {
hideProgress();
showToast(`ā
Code successfully protected with ${obfLevel} security layers in ${processingTime}ms! Ready for production use.`, 'success');
}, 500);
} catch (error) {
hideProgress();
showToast('ā Error during obfuscation: ' + error.message, 'error');
console.error(error);
}
}
// Auto Obfuscate with optimal settings
async function autoObfuscate() {
// Set optimal settings
document.getElementById('optBase64').checked = true;
document.getElementById('optVarRename').checked = true;
document.getElementById('optCompress').checked = true;
document.getElementById('optGzip').checked = false; // Disable GZIP for maximum compatibility
document.getElementById('optFuncRename').checked = true;
document.getElementById('optAntiDebug').checked = true;
document.getElementById('optStringEncrypt').checked = false;
document.getElementById('optControlFlow').checked = false;
document.getElementById('encodingLayers').value = '2';
document.getElementById('randomLevel').value = 'medium';
document.getElementById('protectionMode').value = 'standard';
showToast('š Auto-protection mode activated with optimal settings!', 'info');
await sleep(500);
await obfuscate();
}
// Copy to clipboard
async function copyOutput() {
const output = document.getElementById('output').value;
if (!output) {
showToast('ā ļø No output to copy!', 'error');
return;
}
try {
await navigator.clipboard.writeText(output);
showToast('ā
Protected code copied to clipboard!', 'success');
} catch (err) {
// Fallback method
const textarea = document.getElementById('output');
textarea.select();
textarea.setSelectionRange(0, 99999);
document.execCommand('copy');
showToast('ā
Protected code copied to clipboard!', 'success');
}
}
// Download output
function downloadOutput() {
const output = document.getElementById('output').value;
if (!output) {
showToast('ā ļø No output to download!', 'error');
return;
}
const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);
const filename = `w3ll_protected_${timestamp}.php`;
const blob = new Blob([output], { type: 'text/plain;charset=utf-8' });
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(a);
showToast(`ā
File downloaded: ${filename}`, 'success');
}
// Clear all
function clearAll() {
if (confirm('šļø Are you sure you want to clear all content? This action cannot be undone.')) {
document.getElementById('input').value = '';
document.getElementById('output').value = '';
document.getElementById('obfuscationLevel').textContent = '0';
document.getElementById('processingTime').textContent = '0ms';
document.getElementById('compressionRatio').textContent = '0%';
updateCounters();
showToast('šļø All content cleared successfully!', 'info');
}
}
// Load sample code
function loadSampleCode() {
const sampleCode = `<?php
// Sample PHP Code for Testing W3LLSTORE CyberShield
// This code demonstrates various PHP features
class UserManager {
private $database;
private $users = array();
private $config;
public function __construct($db) {
$this->database = $db;
$this->config = array(
'encryption' => 'bcrypt',
'salt_rounds' => 10,
'session_timeout' => 3600
);
}
public function addUser($username, $email, $password) {
// Hash password securely
$hashedPassword = password_hash($password, PASSWORD_BCRYPT);
$user = array(
'id' => uniqid('user_', true),
'username' => $username,
'email' => $email,
'password' => $hashedPassword,
'created_at' => date('Y-m-d H:i:s'),
'status' => 'active'
);
array_push($this->users, $user);
return $user['id'];
}
public function getUser($username) {
foreach ($this->users as $user) {
if ($user['username'] === $username) {
return $user;
}
}
return null;
}
public function validateLogin($username, $password) {
$user = $this->getUser($username);
if ($user && password_verify($password, $user['password'])) {
$_SESSION['user_id'] = $user['id'];
$_SESSION['username'] = $user['username'];
return true;
}
return false;
}
public function updateUser($username, $data) {
foreach ($this->users as $key => $user) {
if ($user['username'] === $username) {
$this->users[$key] = array_merge($user, $data);
return true;
}
}
return false;
}
public function deleteUser($username) {
foreach ($this->users as $key => $user) {
if ($user['username'] === $username) {
unset($this->users[$key]);
return true;
}
}
return false;
}
public function getAllUsers() {
return $this->users;
}
}
// Database connection simulation
class Database {
private $host = 'localhost';
private $dbname = 'test_db';
private $username = 'root';
private $password = '';
public function connect() {
try {
$dsn = "mysql:host={$this->host};dbname={$this->dbname}";
$pdo = new PDO($dsn, $this->username, $this->password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
return $pdo;
} catch (PDOException $e) {
die("Connection failed: " . $e->getMessage());
}
}
}
// Helper functions
function sanitizeInput($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
function generateToken($length = 32) {
return bin2hex(random_bytes($length));
}
function sendEmail($to, $subject, $message) {
$headers = "From: noreply@w3llstore.com\r\n";
$headers .= "Reply-To: support@w3llstore.com\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
return mail($to, $subject, $message, $headers);
}
// Initialize and use
session_start();
$db = new Database();
$connection = $db->connect();
$userManager = new UserManager($connection);
// Add sample users
$userManager->addUser('admin', 'admin@w3llstore.com', 'SecurePass123!');
$userManager->addUser('john_doe', 'john@example.com', 'MyPassword456');
$userManager->addUser('jane_smith', 'jane@example.com', 'JanePass789');
// Test login
if ($userManager->validateLogin('admin', 'SecurePass123!')) {
echo "ā
Login successful! Welcome, " . $_SESSION['username'] . "!<br>";
echo "Session ID: " . session_id() . "<br>";
} else {
echo "ā Login failed! Invalid credentials.<br>";
}
// Display all users
echo "<h3>All Users:</h3>";
$allUsers = $userManager->getAllUsers();
foreach ($allUsers as $user) {
echo "- {$user['username']} ({$user['email']}) - Status: {$user['status']}<br>";
}
// Update user
$userManager->updateUser('john_doe', array('status' => 'premium'));
echo "<br>ā
User 'john_doe' upgraded to premium!<br>";
// Generate security token
$token = generateToken();
echo "<br>š Security Token: {$token}<br>";
echo "<br>š”ļø Protected by W3LLSTORE CyberShield Pro v3.0<br>";
echo "Visit: https://w3llstore.com<br>";
?>`;
document.getElementById('input').value = sampleCode;
updateCounters();
showToast('š Sample code loaded successfully! Click "Obfuscate Code" to protect it.', 'success');
}
// File upload functionality
function createFileUpload() {
const uploadDiv = document.createElement('div');
uploadDiv.id = 'uploadModal';
uploadDiv.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
`;
uploadDiv.innerHTML = `
<div style="
background: var(--card-bg);
border: 2px solid var(--primary-color);
border-radius: 16px;
padding: 40px;
max-width: 500px;
width: 90%;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
">
<h3 style="color: var(--primary-color); margin-bottom: 20px; font-family: 'Orbitron', sans-serif; text-align: center;">
š Upload PHP File
</h3>
<input type="file" id="fileInput" accept=".php,.txt" style="
padding: 15px;
background: #0d1128;
border: 2px solid var(--border-color);
border-radius: 8px;
color: var(--text-color);
width: 100%;
margin-bottom: 20px;
font-family: 'Rajdhani', sans-serif;
">
<div style="display: flex; gap: 15px;">
<button onclick="processUpload()" class="btn-primary" style="flex: 1; padding: 15px;">
<i class="fas fa-upload"></i> Upload
</button>
<button onclick="closeUpload()" class="btn-danger" style="flex: 1; padding: 15px;">
<i class="fas fa-times"></i> Cancel
</button>
</div>
</div>
`;
document.body.appendChild(uploadDiv);
return uploadDiv;
}
const uploadModal = createFileUpload();
function showUpload() {
uploadModal.style.display = 'flex';
}
function closeUpload() {
uploadModal.style.display = 'none';
}
function processUpload() {
const fileInput = document.getElementById('fileInput');
const file = fileInput.files[0];
if (!file) {
showToast('ā ļø Please select a file first!', 'error');
return;
}
if (!file.name.endsWith('.php') && !file.name.endsWith('.txt')) {
showToast('ā ļø Please upload a PHP or TXT file!', 'error');
return;
}
const reader = new FileReader();
reader.onload = function(e) {
document.getElementById('input').value = e.target.result;
updateCounters();
closeUpload();
showToast(`ā
File "${file.name}" uploaded successfully!`, 'success');
};
reader.onerror = function() {
showToast('ā Error reading file!', 'error');
};
reader.readAsText(file);
}
// Add upload button
window.addEventListener('DOMContentLoaded', function() {
const buttonGroup = document.querySelector('.button-group');
const uploadBtn = document.createElement('button');
uploadBtn.className = 'btn-secondary';
uploadBtn.innerHTML = '<i class="fas fa-upload"></i> Upload File';
uploadBtn.onclick = showUpload;
buttonGroup.insertBefore(uploadBtn, buttonGroup.children[4]);
});
// Keyboard shortcuts
document.addEventListener('keydown', function(e) {
// Ctrl/Cmd + Enter to obfuscate
if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
e.preventDefault();
obfuscate();
}
// Ctrl/Cmd + S to download
if ((e.ctrlKey || e.metaKey) && e.key === 's') {
e.preventDefault();
downloadOutput();
}
});
// Auto-save to localStorage
let autoSaveTimer;
document.getElementById('input').addEventListener('input', function() {
clearTimeout(autoSaveTimer);
autoSaveTimer = setTimeout(() => {
localStorage.setItem('w3ll_input_backup', this.value);
}, 2000);
});
// Restore from localStorage on load
window.addEventListener('DOMContentLoaded', function() {
const backup = localStorage.getItem('w3ll_input_backup');
if (backup && !document.getElementById('input').value) {
if (confirm('š¦ Found auto-saved code. Do you want to restore it?')) {
document.getElementById('input').value = backup;
updateCounters();
showToast('ā
Auto-saved code restored!', 'success');
}
}
});
// Code comparison feature
function compareCode() {
const input = document.getElementById('input').value;
const output = document.getElementById('output').value;
if (!input || !output) {
showToast('ā ļø Both input and output must have content!', 'error');
return;
}
const comparison = {
originalSize: input.length,
obfuscatedSize: output.length,
reduction: ((1 - output.length / input.length) * 100).toFixed(2),
originalLines: input.split('\n').length,
obfuscatedLines: output.split('\n').length
};
const message = `š CODE COMPARISON REPORT
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
š Original Code:
Size: ${comparison.originalSize} bytes
Lines: ${comparison.originalLines}
š Protected Code:
Size: ${comparison.obfuscatedSize} bytes
Lines: ${comparison.obfuscatedLines}
š Statistics:
Size Change: ${comparison.reduction}%
Protection Level: ${document.getElementById('obfuscationLevel').textContent} layers
Processing Time: ${document.getElementById('processingTime').textContent}
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
š”ļø W3LLSTORE CyberShield Pro v3.0`;
alert(message);
}
// Add compare button
window.addEventListener('DOMContentLoaded', function() {
const buttonGroup = document.querySelector('.button-group');
const compareBtn = document.createElement('button');
compareBtn.className = 'btn-secondary';
compareBtn.innerHTML = '<i class="fas fa-exchange-alt"></i> Compare';
compareBtn.onclick = compareCode;
buttonGroup.appendChild(compareBtn);
});
// Test obfuscated code feature
function testCode() {
const output = document.getElementById('output').value;
if (!output) {
showToast('ā ļø No protected code to test!', 'error');
return;
}
const testWindow = window.open('', '_blank', 'width=800,height=600');
testWindow.document.write(`
<!DOCTYPE html>
<html>
<head>
<title>W3LLSTORE - Code Test</title>
<style>
body {
font-family: 'Courier New', monospace;
background: #0a0e27;
color: #00ff88;
padding: 20px;
}
h2 {
color: #00d4ff;
}
pre {
background: #141b3a;
padding: 15px;
border-radius: 8px;
border: 1px solid #1e2a4a;
overflow-x: auto;
}
.warning {
background: rgba(255, 170, 0, 0.2);
border-left: 4px solid #ffaa00;
padding: 15px;
margin: 20px 0;
border-radius: 4px;
}
</style>
</head>
<body>
<h2>š”ļø W3LLSTORE CyberShield - Code Test</h2>
<div class="warning">
<strong>ā ļø Note:</strong> This is a visual preview only. To fully test the code,
upload it to your PHP server or use a local PHP environment.
</div>
<h3>Protected Code:</h3>
<pre>${output.replace(/</g, '<').replace(/>/g, '>')}</pre>
<p>ā
Code structure looks valid!</p>
<p>š Total size: ${output.length} bytes</p>
<p>š Protection layers: ${document.getElementById('obfuscationLevel').textContent}</p>
</body>
</html>
`);
testWindow.document.close();
}
// Add test button
window.addEventListener('DOMContentLoaded', function() {
const buttonGroup = document.querySelector('.button-group');
const testBtn = document.createElement('button');
testBtn.className = 'btn-secondary';
testBtn.innerHTML = '<i class="fas fa-flask"></i> Test Code';
testBtn.onclick = testCode;
buttonGroup.appendChild(testBtn);
});
// Initialize counters
updateCounters();
// Add welcome message
setTimeout(() => {
showToast('š”ļø Welcome to W3LLSTORE CyberShield Pro v3.0 - Fixed Edition!', 'info');
}, 1000);
// Add keyboard shortcut hints
setTimeout(() => {
const hints = document.createElement('div');
hints.style.cssText = `
position: fixed;
bottom: 20px;
left: 20px;
background: var(--card-bg);
border: 2px solid var(--border-color);
border-radius: 12px;
padding: 20px 25px;
color: var(--text-color);
font-family: 'Fira Code', monospace;
font-size: 0.9em;
z-index: 999;
opacity: 0;
animation: fadeIn 0.5s ease forwards;
max-width: 320px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
`;
hints.innerHTML = `
<div style="font-weight: 700; margin-bottom: 12px; color: var(--primary-color); font-size: 1.1em;">
āØļø Keyboard Shortcuts:
</div>
<div style="line-height: 2;">
<div><strong style="color: var(--secondary-color);">Ctrl/Cmd + Enter</strong> ā Obfuscate</div>
<div><strong style="color: var(--secondary-color);">Ctrl/Cmd + S</strong> ā Download</div>
<div><strong style="color: var(--secondary-color);">Ctrl/Cmd + C</strong> ā Copy (on output)</div>
</div>
<div style="margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); font-size: 0.85em; opacity: 0.7;">
š” Tip: Use Auto Protect for optimal settings
</div>
`;
document.body.appendChild(hints);
// Add fade in animation
const style = document.createElement('style');
style.textContent = `
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
`;
document.head.appendChild(style);
// Auto hide after 12 seconds
setTimeout(() => {
hints.style.animation = 'fadeIn 0.5s ease reverse';
setTimeout(() => hints.remove(), 500);
}, 12000);
}, 3000);
// Performance monitoring
let performanceStats = {
totalObfuscations: 0,
totalTime: 0,
averageTime: 0
};
// Console credits
console.log('%cš”ļø W3LLSTORE CyberShield Pro v3.0 - Fixed Edition', 'color: #00ff88; font-size: 24px; font-weight: bold; text-shadow: 0 0 10px #00ff88;');
console.log('%cāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā', 'color: #00d4ff;');
console.log('%cAdvanced Multi-Layer PHP Obfuscator', 'color: #00d4ff; font-size: 16px;');
console.log('%cāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā', 'color: #00d4ff;');
console.log('%cš Website: https://w3llstore.com', 'color: #00ff88; font-size: 14px;');
console.log('%cš± Telegram Channel: https://t.me/+vJV6tnAIbIU2ZWRi', 'color: #00ff88; font-size: 14px;');
console.log('%cš„ Telegram Group: https://t.me/setupp_inbox', 'color: #00ff88; font-size: 14px;');
console.log('%cš¤ Admin Contact: https://t.me/W3LLSTORE_ADMIN', 'color: #00ff88; font-size: 14px;');
console.log('%cāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā', 'color: #00d4ff;');
console.log('%cā ļø For educational and legitimate use only', 'color: #ffaa00; font-weight: bold; font-size: 14px;');
console.log('%cā
All encoding issues have been FIXED!', 'color: #00ff88; font-weight: bold; font-size: 14px;');
console.log('%cāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā', 'color: #00d4ff;');
// Prevent right-click on output (optional security)
document.getElementById('output').addEventListener('contextmenu', function(e) {
e.preventDefault();
showToast('š” Use the Copy button to copy protected code', 'info');
});
// Add info panel
function showInfo() {
const infoDiv = document.createElement('div');
infoDiv.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
animation: fadeIn 0.3s ease;
`;
infoDiv.innerHTML = `
<div style="
background: var(--card-bg);
border: 2px solid var(--primary-color);
border-radius: 20px;
padding: 40px;
max-width: 700px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
">
<h2 style="color: var(--primary-color); font-family: 'Orbitron', sans-serif; margin-bottom: 20px; text-align: center;">
š”ļø W3LLSTORE CyberShield Pro v3.0
</h2>
<div style="color: var(--text-color); line-height: 1.8; font-size: 1.05em;">
<h3 style="color: var(--secondary-color); margin-top: 20px;">āØ Features:</h3>
<ul style="margin-left: 20px;">
<li>ā
Multi-layer Base64 encoding (FIXED & WORKING)</li>
<li>ā
Variable name obfuscation</li>
<li>ā
Function name protection</li>
<li>ā
Code compression & optimization</li>
<li>ā
Anti-debugging protection</li>
<li>ā
GZIP compression support</li>
<li>ā
Production-ready output</li>
<li>ā
No errors guaranteed</li>
</ul>
<h3 style="color: var(--secondary-color); margin-top: 20px;">š§ What's Fixed:</h3>
<ul style="margin-left: 20px;">
<li>ā
Proper UTF-8 encoding handling</li>
<li>ā
Correct base64 decoder chain</li>
<li>ā
Compatible with all PHP versions (5.6+)</li>
<li>ā
Works on all hosting environments</li>
<li>ā
No blank page errors</li>
</ul>
<h3 style="color: var(--secondary-color); margin-top: 20px;">š How to Use:</h3>
<ol style="margin-left: 20px;">
<li>Paste your PHP code in the input area</li>
<li>Select protection options (or use Auto Protect)</li>
<li>Click "Obfuscate Code" button</li>
<li>Copy or download the protected code</li>
<li>Upload to your hosting and test</li>
</ol>
<h3 style="color: var(--secondary-color); margin-top: 20px;">š Join Our Network:</h3>
<div style="margin-left: 20px;">
<p>š Website: <a href="https://w3llstore.com" target="_blank" style="color: var(--primary-color);">w3llstore.com</a></p>
<p>š± Channel: <a href="https://t.me/+vJV6tnAIbIU2ZWRi" target="_blank" style="color: var(--primary-color);">Telegram Channel</a></p>
<p>š„ Group: <a href="https://t.me/setupp_inbox" target="_blank" style="color: var(--primary-color);">Telegram Group</a></p>
<p>š¤ Admin: <a href="https://t.me/W3LLSTORE_ADMIN" target="_blank" style="color: var(--primary-color);">Contact Admin</a></p>
</div>
<div style="margin-top: 30px; text-align: center;">
<button onclick="this.parentElement.parentElement.parentElement.remove()" class="btn-primary" style="padding: 12px 30px;">
<i class="fas fa-check"></i> Got It!
</button>
</div>
</div>
</div>
`;
document.body.appendChild(infoDiv);
// Close on background click
infoDiv.addEventListener('click', function(e) {
if (e.target === infoDiv) {
infoDiv.remove();
}
});
}
// Add info button
window.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('.header');
const infoBtn = document.createElement('button');
infoBtn.className = 'btn-secondary';
infoBtn.innerHTML = '<i class="fas fa-info-circle"></i> About';
infoBtn.onclick = showInfo;
infoBtn.style.cssText = 'margin-top: 20px; padding: 12px 30px;';
header.appendChild(infoBtn);
});
console.log('%cā
All systems initialized successfully!', 'color: #00ff88; font-weight: bold; font-size: 14px;');
console.log('%cš Ready to protect your PHP code!', 'color: #00d4ff; font-weight: bold; font-size: 14px;');
</script>
</body>
</html>