-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
109 lines (109 loc) · 8.51 KB
/
Copy pathindex.html
File metadata and controls
109 lines (109 loc) · 8.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XBOOT</title>
<link rel="icon" type="image/svg+xml" href="logo.svg">
<meta name="description" content="Open-source projects for embedded systems.">
<style>
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f5f6fb;--card:#fff;--fg:#1a1a2e;--fg-muted:#5c6370;--fg-subtle:#9ca3af;--border:#e5e7eb;--c1:#3b82f6;--c2:#8b5cf6;--c3:#ec4899;--r:16px}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 500px 380px at 15% 0%,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse 450px 350px at 85% 5%,rgba(139,92,246,.10),transparent 60%),radial-gradient(ellipse 400px 300px at 50% 100%,rgba(236,72,153,.06),transparent 60%)}
a{color:var(--c1);text-decoration:none;transition:color .2s}
a:hover{color:var(--c2)}
nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2.5rem;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.4rem;letter-spacing:.08em;color:var(--fg);transition:all .3s}
.brand:hover{background:linear-gradient(135deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-logo{width:34px;height:34px;flex-shrink:0}
.hero{text-align:center;padding:1rem 0 2.5rem;animation:fadeUp .6s ease-out}
.hero img{width:256px;height:256px;filter:drop-shadow(0 8px 28px rgba(59,130,246,.18));transition:filter .3s,transform .3s}
.hero img:hover{transform:scale(1.06);filter:drop-shadow(0 12px 36px rgba(139,92,246,.28))}
.gh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--fg);font-size:.88rem;font-weight:600;transition:all .2s}
.gh-btn:hover{border-color:var(--c1);color:var(--c1);box-shadow:0 4px 14px rgba(59,130,246,.15)}
main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:3.5rem 2.5rem 5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.card{position:relative;display:flex;flex-direction:column;padding:1.8rem;border:1px solid var(--border);border-radius:var(--r);background:var(--card);transition:transform .3s,box-shadow .3s;animation:fadeUp .5s ease-out backwards}
.card::before{content:"";position:absolute;inset:-1px;border-radius:var(--r);padding:1.5px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}
.card::after{content:"";position:absolute;inset:0;border-radius:var(--r);pointer-events:none;background:linear-gradient(135deg,rgba(59,130,246,.04),rgba(139,92,246,.04),rgba(236,72,153,.03));opacity:0;transition:opacity .35s}
.card:hover{transform:scale(1.02);box-shadow:0 12px 36px rgba(59,130,246,.12),0 4px 14px rgba(139,92,246,.10)}
.card:hover::before{opacity:1}
.card:hover::after{opacity:1}
.card-name{font-size:1.25rem;font-weight:700;margin-bottom:.6rem}
.card-name a{color:var(--fg);transition:all .3s}
.card:hover .card-name a{background:linear-gradient(135deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tag-new{font-size:.62rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(139,92,246,.12));color:var(--c2);margin-left:.45rem;vertical-align:middle;letter-spacing:.05em;border:1px solid rgba(139,92,246,.25)}
.card-desc{color:var(--fg-muted);font-size:.94rem;flex:1;margin:.3rem 0 1.4rem}
.card-actions{display:flex;gap:.5rem}
.card-actions a{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .95rem;border:1px solid var(--border);border-radius:8px;font-size:.84rem;font-weight:600;color:var(--fg-muted);background:#fafbff;transition:all .2s}
.card-actions a:hover{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 4px 12px rgba(59,130,246,.25)}
footer{position:relative;z-index:1;border-top:1px solid var(--border);text-align:center;padding:2.5rem;color:var(--fg-subtle);font-size:.88rem}
footer a{color:var(--fg-muted)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.16s}.card:nth-child(5){animation-delay:.20s}.card:nth-child(6){animation-delay:.24s}
@media(max-width:640px){nav{padding:.9rem 1.1rem}main{padding:2rem 1.1rem 3rem}.grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
</style>
</head>
<body>
<nav>
<a class="brand" href="https://xboot.org"><img src="logo.svg" class="nav-logo" alt="xboot.org">xboot.org</a>
<a href="https://github.com/xboot" target="_blank" rel="noopener" class="gh-btn">GitHub</a>
</nav>
<main>
<div class="hero"><img src="logo.svg" alt="XBOOT"></div>
<div class="grid">
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/xboot" target="_blank" rel="noopener">xboot</a></div>
<p class="card-desc">The extensible bootloader for embedded system with application engine, write once, run everywhere.</p>
<div class="card-actions">
<a href="https://github.com/xboot/xboot" target="_blank" rel="noopener">Source</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/xstar" target="_blank" rel="noopener">xstar</a></div>
<p class="card-desc">A portable embedded system framework for writing cross-platform firmware and applications.</p>
<div class="card-actions">
<a href="https://github.com/xboot/xstar" target="_blank" rel="noopener">Source</a>
<a href="https://xstar.xboot.org" target="_blank" rel="noopener">Docs</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/xfel" target="_blank" rel="noopener">xfel</a></div>
<p class="card-desc">Tiny FEL tools for Allwinner SOC, support ARM and RISC-V chips.</p>
<div class="card-actions">
<a href="https://github.com/xboot/xfel" target="_blank" rel="noopener">Source</a>
<a href="https://xfel.xboot.org" target="_blank" rel="noopener">Docs</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/xrock" target="_blank" rel="noopener">xrock</a></div>
<p class="card-desc">The low level tools for Rockchip SOC with maskrom and loader mode support.</p>
<div class="card-actions">
<a href="https://github.com/xboot/xrock" target="_blank" rel="noopener">Source</a>
<a href="https://xrock.xboot.org" target="_blank" rel="noopener">Docs</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/libcg" target="_blank" rel="noopener">libcg</a></div>
<p class="card-desc">The tiny C library of 2D computer graphics.</p>
<div class="card-actions">
<a href="https://github.com/xboot/libcg" target="_blank" rel="noopener">Source</a>
<a href="https://libcg.xboot.org" target="_blank" rel="noopener">Docs</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/libxnes" target="_blank" rel="noopener">libxnes</a></div>
<p class="card-desc">A lightweight, portable pure C99 NES emulator library.</p>
<div class="card-actions">
<a href="https://github.com/xboot/libxnes" target="_blank" rel="noopener">Source</a>
<a href="https://libxnes.xboot.org" target="_blank" rel="noopener">Docs</a>
</div></article>
<article class="card">
<div class="card-name"><a href="https://github.com/xboot/libonnx" target="_blank" rel="noopener">libonnx</a></div>
<p class="card-desc">A lightweight, portable pure C99 onnx inference engine for embedded devices with hardware acceleration support.</p>
<div class="card-actions">
<a href="https://github.com/xboot/libonnx" target="_blank" rel="noopener">Source</a>
</div></article>
</div>
</main>
<footer><p>Copyright © 2026 <a href="https://xboot.org">xboot.org</a></p></footer>
</body>
</html>