Hugging Face's logo

Spaces:
radar-lab-uofa
/
README
Running

App Files Community
lgcyaxi commited on
Commit
e2cc06c
·
verified ·
1 Parent(s): dd1f6c7

Replace default template with Radar Lab landing page

Browse files
Files changed (1) hide show
  1. index.html +109 -17
index.html CHANGED
@@ -1,19 +1,111 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>Radar Lab · University of Arizona</title>
7
+ <style>
8
+ :root{
9
+ --az-blue:#0C234B; --az-red:#AB0520; --azurite:#1E5288; --bloom:#EF4056;
10
+ --ink:#0b1726; --muted:#5b6b7d; --line:#e6ebf1; --bg:#f7f9fc; --card:#ffffff;
11
+ }
12
+ *{box-sizing:border-box}
13
+ html,body{margin:0}
14
+ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
15
+ color:var(--ink); background:var(--bg); line-height:1.55;}
16
+ a{color:var(--azurite); text-decoration:none}
17
+ a:hover{text-decoration:underline}
18
+ .wrap{max-width:860px; margin:0 auto; padding:0 24px}
19
+
20
+ .hero{position:relative; overflow:hidden;
21
+ background:linear-gradient(135deg,var(--az-blue),#102f63); color:#fff;
22
+ padding:64px 0 56px;}
23
+ .hero .wrap{position:relative; z-index:2}
24
+ .eyebrow{letter-spacing:.18em; text-transform:uppercase; font-size:12px; font-weight:600;
25
+ color:#9db8e6; margin:0 0 10px}
26
+ .hero h1{font-size:clamp(34px,6vw,52px); line-height:1.05; margin:0 0 12px;
27
+ font-weight:800; letter-spacing:-0.02em}
28
+ .hero h1 .dot{color:var(--bloom)}
29
+ .hero p.lede{font-size:18px; color:#d7e2f4; max-width:60ch; margin:0 0 22px}
30
+ .site{display:inline-flex; align-items:center; gap:8px; font-weight:600; color:#fff;
31
+ border:1px solid rgba(255,255,255,.35); padding:9px 16px; border-radius:999px}
32
+ .site:hover{background:rgba(255,255,255,.1); text-decoration:none}
33
+ .radar{position:absolute; right:-120px; top:-120px; width:420px; height:420px; z-index:1; opacity:.55}
34
+ .radar circle{fill:none; stroke:rgba(157,184,230,.35); stroke-width:1.5}
35
+
36
+ section{padding:44px 0}
37
+ h2{font-size:13px; text-transform:uppercase; letter-spacing:.14em; color:var(--az-red);
38
+ margin:0 0 18px; font-weight:700}
39
+ .grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px}
40
+ .area{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px}
41
+ .area b{display:block; color:var(--az-blue); margin-bottom:4px; font-size:15px}
42
+ .area span{color:var(--muted); font-size:14px}
43
+
44
+ .feat{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--az-red);
45
+ border-radius:14px; padding:22px 24px}
46
+ .feat h3{margin:0 0 6px; font-size:22px; color:var(--az-blue)}
47
+ .feat p{margin:0 0 16px; color:var(--muted)}
48
+ .links{display:flex; flex-wrap:wrap; gap:10px}
49
+ .links a{display:inline-flex; align-items:center; gap:7px; background:#eef3fb; color:var(--az-blue);
50
+ border:1px solid #dbe6f5; padding:8px 14px; border-radius:10px; font-weight:600; font-size:14px}
51
+ .links a:hover{background:var(--az-blue); color:#fff; border-color:var(--az-blue); text-decoration:none}
52
+ code{background:#eef3fb; border:1px solid #dbe6f5; border-radius:6px; padding:2px 7px; font-size:13px}
53
+
54
+ footer{border-top:1px solid var(--line); padding:28px 0 48px; color:var(--muted); font-size:14px}
55
+ footer .who{color:var(--ink); font-weight:600}
56
+ footer .fund{margin-top:8px; font-size:12.5px; color:#8b99a8}
57
+ </style>
58
+ </head>
59
+ <body>
60
+ <header class="hero">
61
+ <svg class="radar" viewBox="0 0 400 400" aria-hidden="true">
62
+ <circle cx="200" cy="200" r="60"/>
63
+ <circle cx="200" cy="200" r="120"/>
64
+ <circle cx="200" cy="200" r="180"/>
65
+ <line x1="200" y1="200" x2="200" y2="20" stroke="rgba(239,64,86,.5)" stroke-width="2"/>
66
+ </svg>
67
+ <div class="wrap">
68
+ <p class="eyebrow">University of Arizona · Electrical &amp; Computer Engineering</p>
69
+ <h1>Radar Lab<span class="dot">.</span></h1>
70
+ <p class="lede">Radar signal processing, multimodal sensor fusion, and machine
71
+ learning for sensing — led by Dr. Siyang Cao.</p>
72
+ <a class="site" href="https://radar.ece.arizona.edu">radar.ece.arizona.edu →</a>
73
+ </div>
74
+ </header>
75
+
76
+ <main class="wrap">
77
+ <section>
78
+ <h2>Research areas</h2>
79
+ <div class="grid">
80
+ <div class="area"><b>mmWave radar</b><span>Signal processing &amp; radar imaging</span></div>
81
+ <div class="area"><b>Sensor fusion</b><span>Camera · LiDAR · radar calibration</span></div>
82
+ <div class="area"><b>Deep learning</b><span>CNNs, RNNs, and Transformers for sensing</span></div>
83
+ <div class="area"><b>Perception</b><span>3D detection, pose estimation, fall detection</span></div>
84
+ </div>
85
+ </section>
86
+
87
+ <section>
88
+ <h2>Featured release</h2>
89
+ <div class="feat">
90
+ <h3>XCalib</h3>
91
+ <p>Camera–LiDAR cross-modal matching for edge devices — targetless extrinsic
92
+ calibration with pretrained matchers and ONNX/TensorRT export.</p>
93
+ <div class="links">
94
+ <a href="https://github.com/radar-lab/XCalib">Code</a>
95
+ <a href="https://radar-lab.github.io/XCalib">Docs</a>
96
+ <a href="https://huggingface.co/UArizona/xcalib">Weights</a>
97
+ <a href="https://huggingface.co/UArizona/xcalib-a9">Dataset</a>
98
+ <a href="https://pypi.org/project/XCalib/">PyPI</a>
99
+ </div>
100
+ <p style="margin-top:14px"><code>pip install xcalib</code></p>
101
+ </div>
102
+ </section>
103
+ </main>
104
+
105
+ <footer class="wrap">
106
+ <div class="who">Dr. Siyang Cao · <a href="mailto:caos@arizona.edu">caos@arizona.edu</a></div>
107
+ <div>Department of Electrical &amp; Computer Engineering, University of Arizona, Tucson, AZ</div>
108
+ <div class="fund">Supported in part by NSF, NIH, the U.S. Department of Transportation, and the City of Phoenix.</div>
109
+ </footer>
110
+ </body>
111
  </html>