README / index.html
Albert-yz9yt's picture
Clarify framework and model positioning on org landing page
c011e84 verified
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BugTraceAI</title>
<style>
:root {
--bg: #09111f;
--panel: rgba(12, 23, 40, 0.78);
--border: rgba(130, 170, 220, 0.22);
--text: #eaf1fb;
--muted: #9eb0c8;
--accent: #63d2ff;
--accent-2: #80f0c7;
}
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: var(--text);
background:
radial-gradient(circle at top left, rgba(99, 210, 255, 0.18), transparent 28%),
radial-gradient(circle at top right, rgba(128, 240, 199, 0.14), transparent 24%),
linear-gradient(180deg, #08101d 0%, #09111f 45%, #050912 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 32px;
}
.shell {
width: min(980px, 100%);
background: var(--panel);
border: 1px solid var(--border);
border-radius: 24px;
padding: 40px;
backdrop-filter: blur(14px);
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35);
}
.eyebrow {
display: inline-block;
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--accent-2);
margin-bottom: 14px;
}
h1 {
margin: 0;
font-size: clamp(38px, 6vw, 72px);
line-height: 0.95;
letter-spacing: -0.04em;
max-width: 820px;
}
.lead {
margin: 20px 0 0;
max-width: 760px;
font-size: 18px;
line-height: 1.7;
color: var(--muted);
}
.grid {
margin-top: 34px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 18px;
}
.card {
padding: 20px;
border-radius: 18px;
border: 1px solid rgba(130, 170, 220, 0.18);
background: rgba(255, 255, 255, 0.02);
}
.card h2 {
margin: 0 0 10px;
font-size: 18px;
}
.card p {
margin: 0;
color: var(--muted);
line-height: 1.6;
font-size: 14px;
}
.links {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
a {
color: var(--text);
text-decoration: none;
}
.button {
padding: 12px 16px;
border-radius: 999px;
border: 1px solid rgba(99, 210, 255, 0.26);
background: rgba(99, 210, 255, 0.08);
transition: 160ms ease;
}
.button:hover {
transform: translateY(-1px);
border-color: rgba(128, 240, 199, 0.4);
background: rgba(128, 240, 199, 0.08);
}
.foot {
margin-top: 26px;
font-size: 13px;
color: #8ea2bb;
line-height: 1.6;
max-width: 760px;
}
</style>
</head>
<body>
<main class="shell">
<div class="eyebrow">BugTraceAI</div>
<h1>Models built for BugTraceAI, an agentic web pentesting framework.</h1>
<p class="lead">
BugTraceAI combines security-focused AI models and tooling for authorized application security research,
finding triage, technical reporting, and remediation support across web pentesting workflows.
</p>
<section class="grid">
<article class="card">
<h2>CORE-Fast</h2>
<p>Lightweight BugTraceAI model for rapid triage, concise payload review, scanner output analysis, and short-form engineering guidance.</p>
</article>
<article class="card">
<h2>CORE-Pro</h2>
<p>Higher-capacity BugTraceAI model for long-context investigation, professional reporting, exploit-chain review, and remediation planning.</p>
</article>
<article class="card">
<h2>Framework</h2>
<p>BugTraceAI is an agentic web pentesting framework designed for authorized security operations, defensive research, and evidence-based analysis.</p>
</article>
</section>
<div class="links">
<a class="button" href="https://huggingface.co/BugTraceAI">Organization</a>
<a class="button" href="https://huggingface.co/BugTraceAI/BugTraceAI-CORE-Fast">CORE-Fast</a>
<a class="button" href="https://huggingface.co/BugTraceAI/BugTraceAI-CORE-Pro">CORE-Pro</a>
<a class="button" href="https://bugtraceai.com">Website</a>
</div>
<p class="foot">
BugTraceAI systems are intended for authorized security work, defensive research, education,
and engineering support. Outputs should be validated by humans before operational use.
</p>
</main>
</body>
</html>