elleoma/facinus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update html

Browse Source
This commit is contained in:
Amoelle
2025-04-07 03:33:14 +03:00
parent 9ff82012b0
commit 63e84405a7
2 changed files with 69 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
screenshots/deployment.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 76 KiB

107
web/index.html
View File

@@ -48,12 +48,15 @@
padding-bottom: 5px; padding-bottom: 5px;
} }
.command-wrapper {
position: relative;
margin: 15px 0;
}
.command { .command {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border: 1px solid var(--border); border: 1px solid var(--border);
padding: 10px; padding: 10px;
margin: 15px 0;
position: relative;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
} }
@@ -67,7 +70,7 @@
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 7px; top: 7px;
background: transparent; background: var(--bg);
color: var(--secondary); color: var(--secondary);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 3px; border-radius: 3px;
@@ -75,6 +78,7 @@
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
z-index: 10;
} }
.copy-btn:hover { .copy-btn:hover {
@@ -82,6 +86,15 @@
color: var(--text); color: var(--text);
} }
/* Hidden textarea for copy functionality */
.hidden-textarea {
position: absolute;
left: -9999px;
top: 0;
height: 0;
opacity: 0;
}
.options { .options {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
@@ -138,6 +151,9 @@
</style> </style>
</head> </head>
<body> <body>
<!-- Hidden textarea for copying -->
<textarea id="copy-textarea" class="hidden-textarea"></textarea>
<div class="ascii-header"> <div class="ascii-header">
<pre> <pre>
____ __ ___ __ __ _ _ _ ____ ____ __ ___ __ __ _ _ _ ____
@@ -151,9 +167,11 @@
<h2>> deployment</h2> <h2>> deployment</h2>
<div class="command"> <div class="command-wrapper">
<span class="command-prompt">eval "$(wget -qO- http://SERVER_IP/deployment/y)"</span> <div class="command">
<button class="copy-btn" onclick="copyToClipboard('cmd1')">copy</button> <span class="command-prompt" id="cmd1">eval "$(wget -qO- http://SERVER_IP/deployment/full)"</span>
</div>
<button class="copy-btn" onclick="copyToClipboard('cmd1', this)">copy</button>
</div> </div>
<div class="note"> <div class="note">
@@ -164,34 +182,32 @@
<div class="options"> <div class="options">
<div class="option-box"> <div class="option-box">
<div class="option-title">> minimal</div> <div class="option-title">> no root</div>
<div class="command command-prompt"> <div class="command-wrapper">
eval "$(wget -qO- http://SERVER_IP/deployment/y)" <div class="command">
<button class="copy-btn" onclick="copyToClipboard('cmd2')">copy</button> <span class="command-prompt" id="cmd2">eval "$(wget -qO- http://SERVER_IP/deployment/minimal)"</span>
</div> </div>
</div> <button class="copy-btn" onclick="copyToClipboard('cmd2', this)">copy</button>
<div class="option-box">
<div class="option-title">> user mode</div>
<div class="command command-prompt">
eval "$(wget -qO- http://SERVER_IP/deployment/y)"
<button class="copy-btn" onclick="copyToClipboard('cmd3')">copy</button>
</div> </div>
</div> </div>
<div class="option-box"> <div class="option-box">
<div class="option-title">> obfuscated</div> <div class="option-title">> obfuscated</div>
<div class="command command-prompt"> <div class="command-wrapper">
eval "$(wget -qO- http://SERVER_IP/deployment/y)" <div class="command">
<button class="copy-btn" onclick="copyToClipboard('cmd4')">copy</button> <span class="command-prompt" id="cmd3">eval "$(wget -qO- http://SERVER_IP/deployment/x)"</span>
</div>
<button class="copy-btn" onclick="copyToClipboard('cmd3', this)">copy</button>
</div> </div>
</div> </div>
<div class="option-box"> <div class="option-box">
<div class="option-title">> one-liner</div> <div class="option-title">> quiet</div>
<div class="command command-prompt"> <div class="command-wrapper">
eval "$(wget -qO- http://SERVER_IP/deployment/y)" <div class="command">
<button class="copy-btn" onclick="copyToClipboard('cmd5')">copy</button> <span class="command-prompt" id="cmd4">eval "$(wget -qO- http://SERVER_IP/deployment/quiet)"</span>
</div>
<button class="copy-btn" onclick="copyToClipboard('cmd4', this)">copy</button>
</div> </div>
</div> </div>
</div> </div>
@@ -199,20 +215,35 @@
<h2>> admin</h2> <h2>> admin</h2>
<a href="admin.php" class="admin-link">$ access admin panel</a> <a href="admin.php" class="admin-link">$ access admin panel</a>
</body>
<script> <script>
function copyToClipboard(elementId) { function copyToClipboard(id, btn) {
const el = document.querySelector(`#${elementId}`); const text = document.getElementById(id)?.textContent?.trim();
const text = el ? el.innerText.split('\n')[0].trim() : document.querySelector('.command-prompt').innerText.trim(); if (!text) return;
navigator.clipboard.writeText(text).then(function() { // Try modern clipboard API
const btn = event.target; if (navigator.clipboard) {
const originalText = btn.innerText; navigator.clipboard.writeText(text).then(() => showCopied(btn));
btn.innerText = "copied!"; } else {
setTimeout(() => { // Fallback using hidden textarea
btn.innerText = originalText; const ta = document.getElementById('copy-textarea');
}, 1000); ta.value = text;
}); ta.style.display = 'block';
ta.select();
try {
document.execCommand('copy');
showCopied(btn);
} catch (e) {
console.error('Copy failed', e);
}
ta.style.display = 'none';
}
}
function showCopied(btn) {
const t = btn.innerText;
btn.innerText = 'copied!';
setTimeout(() => btn.innerText = t, 1000);
} }
</script> </script>
</body>
</html> </html>