Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Radar Lab · University of Arizona</title> | |
| <style> | |
| :root{ | |
| --az-blue:#0C234B; --az-red:#AB0520; --azurite:#1E5288; --bloom:#EF4056; | |
| --ink:#0b1726; --muted:#5b6b7d; --line:#e6ebf1; --bg:#f7f9fc; --card:#ffffff; | |
| } | |
| *{box-sizing:border-box} | |
| html,body{margin:0} | |
| body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; | |
| color:var(--ink); background:var(--bg); line-height:1.55;} | |
| a{color:var(--azurite); text-decoration:none} | |
| a:hover{text-decoration:underline} | |
| .wrap{max-width:860px; margin:0 auto; padding:0 24px} | |
| .hero{position:relative; overflow:hidden; | |
| background:linear-gradient(135deg,var(--az-blue),#102f63); color:#fff; | |
| padding:64px 0 56px;} | |
| .hero .wrap{position:relative; z-index:2} | |
| .eyebrow{letter-spacing:.18em; text-transform:uppercase; font-size:12px; font-weight:600; | |
| color:#9db8e6; margin:0 0 10px} | |
| .hero h1{font-size:clamp(34px,6vw,52px); line-height:1.05; margin:0 0 12px; | |
| font-weight:800; letter-spacing:-0.02em} | |
| .hero h1 .dot{color:var(--bloom)} | |
| .hero p.lede{font-size:18px; color:#d7e2f4; max-width:60ch; margin:0 0 22px} | |
| .site{display:inline-flex; align-items:center; gap:8px; font-weight:600; color:#fff; | |
| border:1px solid rgba(255,255,255,.35); padding:9px 16px; border-radius:999px} | |
| .site:hover{background:rgba(255,255,255,.1); text-decoration:none} | |
| .radar{position:absolute; right:-120px; top:-120px; width:420px; height:420px; z-index:1; opacity:.55} | |
| .radar circle{fill:none; stroke:rgba(157,184,230,.35); stroke-width:1.5} | |
| section{padding:44px 0} | |
| h2{font-size:13px; text-transform:uppercase; letter-spacing:.14em; color:var(--az-red); | |
| margin:0 0 18px; font-weight:700} | |
| .grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px} | |
| .area{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px} | |
| .area b{display:block; color:var(--az-blue); margin-bottom:4px; font-size:15px} | |
| .area span{color:var(--muted); font-size:14px} | |
| .feat{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--az-red); | |
| border-radius:14px; padding:22px 24px} | |
| .feat h3{margin:0 0 6px; font-size:22px; color:var(--az-blue)} | |
| .feat p{margin:0 0 16px; color:var(--muted)} | |
| .links{display:flex; flex-wrap:wrap; gap:10px} | |
| .links a{display:inline-flex; align-items:center; gap:7px; background:#eef3fb; color:var(--az-blue); | |
| border:1px solid #dbe6f5; padding:8px 14px; border-radius:10px; font-weight:600; font-size:14px} | |
| .links a:hover{background:var(--az-blue); color:#fff; border-color:var(--az-blue); text-decoration:none} | |
| code{background:#eef3fb; border:1px solid #dbe6f5; border-radius:6px; padding:2px 7px; font-size:13px} | |
| footer{border-top:1px solid var(--line); padding:28px 0 48px; color:var(--muted); font-size:14px} | |
| footer .who{color:var(--ink); font-weight:600} | |
| footer .fund{margin-top:8px; font-size:12.5px; color:#8b99a8} | |
| </style> | |
| </head> | |
| <body> | |
| <header class="hero"> | |
| <svg class="radar" viewBox="0 0 400 400" aria-hidden="true"> | |
| <circle cx="200" cy="200" r="60"/> | |
| <circle cx="200" cy="200" r="120"/> | |
| <circle cx="200" cy="200" r="180"/> | |
| <line x1="200" y1="200" x2="200" y2="20" stroke="rgba(239,64,86,.5)" stroke-width="2"/> | |
| </svg> | |
| <div class="wrap"> | |
| <p class="eyebrow">University of Arizona · Electrical & Computer Engineering</p> | |
| <h1>Radar Lab<span class="dot">.</span></h1> | |
| <p class="lede">Radar signal processing, multimodal sensor fusion, and machine | |
| learning for sensing — led by Dr. Siyang Cao.</p> | |
| <a class="site" href="https://radar.ece.arizona.edu">radar.ece.arizona.edu →</a> | |
| </div> | |
| </header> | |
| <main class="wrap"> | |
| <section> | |
| <h2>Research areas</h2> | |
| <div class="grid"> | |
| <div class="area"><b>mmWave radar</b><span>Signal processing & radar imaging</span></div> | |
| <div class="area"><b>Sensor fusion</b><span>Camera · LiDAR · radar calibration</span></div> | |
| <div class="area"><b>Deep learning</b><span>CNNs, RNNs, and Transformers for sensing</span></div> | |
| <div class="area"><b>Perception</b><span>3D detection, pose estimation, fall detection</span></div> | |
| </div> | |
| </section> | |
| <section> | |
| <h2>Featured release</h2> | |
| <div class="feat"> | |
| <h3>XCalib</h3> | |
| <p>Camera–LiDAR cross-modal matching for edge devices — targetless extrinsic | |
| calibration with pretrained matchers and ONNX/TensorRT export.</p> | |
| <div class="links"> | |
| <a href="https://github.com/radar-lab/XCalib">Code</a> | |
| <a href="https://radar-lab.github.io/XCalib">Docs</a> | |
| <a href="https://huggingface.co/UArizona/xcalib">Weights</a> | |
| <a href="https://huggingface.co/UArizona/xcalib-a9">Dataset</a> | |
| <a href="https://pypi.org/project/XCalib/">PyPI</a> | |
| </div> | |
| <p style="margin-top:14px"><code>pip install xcalib</code></p> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="wrap"> | |
| <div class="who">Dr. Siyang Cao · <a href="mailto:caos@arizona.edu">caos@arizona.edu</a></div> | |
| <div>Department of Electrical & Computer Engineering, University of Arizona, Tucson, AZ</div> | |
| <div class="fund">Supported in part by NSF, NIH, the U.S. Department of Transportation, and the City of Phoenix.</div> | |
| </footer> | |
| </body> | |
| </html> | |