<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>GitHack Simulator</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #000;
color: #0f0;
font-family: 'Courier New', monospace;
height: 100vh;
overflow: hidden;
position: relative;
}
/* 扫描线效果 */
.scanline {
position: fixed;
width: 100%;
height: 2px;
background: linear-gradient(to bottom,
transparent 0%,
rgba(0, 255, 0, 0.3) 50%,
transparent 100%);
animation: scan 4s linear infinite;
z-index: 999;
}
/* 终端容器 */
.terminal {
padding: 2rem;
max-width: 800px;
margin: 2rem auto;
border: 1px solid #0f03;
background: #000d;
position: relative;
backdrop-filter: blur(2px);
}
/* 日志区域 */
#log {
height: 60vh;
overflow-y: auto;
margin-bottom: 1rem;
border-bottom: 1px solid #0f03;
padding-bottom: 1rem;
}
/* 命令行输入 */
#command {
background: transparent;
border: none;
color: #0f0;
font-family: inherit;
width: 80%;
padding: 0.5rem;
font-size: 1.1rem;
}
#command:focus {
outline: none;
animation: blink 1s infinite;
}
/* 进度条 */
.progress {
width: 200px;
height: 4px;
background: #0f02;
margin: 1rem 0;
position: relative;
}
.progress::after {
content: '';
position: absolute;
left: 0;
height: 100%;
background: #0f0;
animation: progress 2s ease-in-out;
}
/* 动画定义 */
@keyframes scan {
0% { transform: translateY(-100%); }
100% { transform: translateY(100vh); }
}
@keyframes blink {
50% { border-color: transparent; }
}
@keyframes progress {
0% { width: 0; }
100% { width: 100%; }
}
/* 响应式设计 */
@media (max-width: 600px) {
.terminal {
margin: 1rem;
padding: 1rem;
}
}
</style>
</head>
<body>
<div class="scanline"></div>
<div class="terminal">
<div id="log">
<p>> Initializing GitHack protocol...</p>
<p>> Bypassing security systems</p>
<div class="progress"></div>
<p>> Accessing repository: ████████████</p>
<p>> Decrypting commit history...</p>
<div class="progress"></div>
</div>
<form onsubmit="executeCommand(event)">
<span>> </span>
<input type="text" id="command"
autocomplete="off"
placeholder="Enter hack command...">
</form>
</div>
<script>
// 模拟命令执行
const commands = {
'scan --vuln': 'Found 3 critical vulnerabilities',
'inject --payload': 'Payload deployed successfully',
'decrypt --force': 'Decrypting sensitive data...',
'help': 'Available commands: scan, inject, decrypt, help'
};
function executeCommand(e) {
e.preventDefault();
const input = document.getElementById('command');
const cmd = input.value;
input.value = '';
addLog(`> ${cmd}`, 'input');
setTimeout(() => {
const response = commands[cmd]
|| `Error: Unknown command '${cmd}'`;
addLog(response);
scrollToBottom();
}, 500);
}
// 日志管理
function addLog(text, type = 'response') {
const log = document.getElementById('log');
const p = document.createElement('p');
p.innerHTML = text;
p.style.color = type === 'input' ? '#0f0' : '#0f08';
log.appendChild(p);
}
// 自动滚动
function scrollToBottom() {
const log = document.getElementById('log');
log.scrollTop = log.scrollHeight;
}
// 初始化进度条动画
setInterval(() => {
document.querySelectorAll('.progress').forEach(progress => {
progress.innerHTML = '<div class="progress-bar"></div>';
});
}, 2500);
// 输入框自动聚焦
document.getElementById('command').focus();
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
GitHackingTest.zip

共33个文件
sample:14个
head:2个
master:2个

0 下载量 37 浏览量
2025-04-28
11:22:17
上传
评论
收藏 26KB ZIP 举报
温馨提示
GitHackingTest.zip => Git 简单靶场
资源推荐
资源详情
资源评论































收起资源包目录






















































共 33 条
- 1
资源评论


Blue17::Hack3rX
- 粉丝: 1w+
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 机械安全技术readdata.jsp.doc
- 基于内容的图像检索系统及sift算法的应用.doc
- 高速公路工程项目管理会议汇报材料.doc
- 人工智能简述.pptx
- 网络安全检查自查报告.docx
- web前端页面设计.doc
- 通信常识电化教学教案.doc
- 电子商务对中小企业国际贸易的作用论文.doc
- 管理系统中计算机应用概论.doc
- Flet框架实现的主窗口和对话框式子窗口自定义模板
- 第章数据库对象的操作知识分享.ppt
- 物业信息化工作汇报思路.pptx
- 开放式控制器体系结构-过去-现在和未来-机械设计制造及其自动化专业毕业设计外文翻译.docx
- 【新教材精创】3.4Presentingideas教学设计-外研高中英语必修第一册Word版含解析.doc
- 网络部优秀月工作总结.doc
- 全面概述软件工具的阶段及分类.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
