Skip to content

Commit 35a4892

Browse files
Jina-KimJina-Kim
committed
Update projects/streetlens.html
1 parent b1e3475 commit 35a4892

File tree

2 files changed

+171
-0
lines changed

2 files changed

+171
-0
lines changed

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎projects/streetlens.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>StreetLens</title>
6+
<style>
7+
body {
8+
font-family: Arial, sans-serif;
9+
margin: 0;
10+
padding: 0;
11+
background: white;
12+
color: #333;
13+
}
14+
header {
15+
background: white;
16+
color: black;
17+
padding: 20px;
18+
text-align: center;
19+
}
20+
.profiles {
21+
display: flex;
22+
justify-content: center;
23+
flex-wrap: wrap;
24+
margin-top: 15px;
25+
gap: 20px;
26+
}
27+
.profile {
28+
background: white;
29+
color: #333;
30+
border-radius: 10px;
31+
padding: 0px;
32+
width: 150px;
33+
text-align: center;
34+
}
35+
.profile img {
36+
width: 100px;
37+
height: 120px;
38+
border-radius: 20%;
39+
object-fit: cover;
40+
margin-bottom: 0px;
41+
}
42+
p{
43+
margin: 5px;
44+
}
45+
.buttons {
46+
display: flex;
47+
justify-content: center;
48+
gap: 20px;
49+
margin: 30px 0;
50+
}
51+
button {
52+
padding: 12px 20px;
53+
border: none;
54+
border-radius: 8px;
55+
background: #3498db;
56+
color: white;
57+
cursor: pointer;
58+
font-size: 1em;
59+
transition: background 0.2s;
60+
}
61+
button:hover {
62+
background: #2980b9;
63+
}
64+
#output {
65+
max-width: 800px;
66+
margin: 20px auto;
67+
padding: 15px;
68+
background: white;
69+
border: 1px solid #ddd;
70+
border-radius: 10px;
71+
white-space: pre-wrap;
72+
overflow-y: auto;
73+
height: 300px;
74+
}
75+
#bibtex {
76+
max-width: 800px;
77+
display: block;
78+
padding: 9.5px;
79+
margin: 10px auto; /* auto left/right centers the block */
80+
font-size: 13px;
81+
line-height: 1.42857143;
82+
color: #333;
83+
background-color: #f5f5f5;
84+
border: 1px solid #ccc;
85+
border-radius: 4px;
86+
white-space: pre-wrap; /* preserves line breaks and wraps long lines */
87+
word-break: break-word;
88+
}
89+
</style>
90+
</head>
91+
<body>
92+
<header>
93+
<h1>StreetLens: Enabling Human-Centered AI Agents for </br> Neighborhood Assessment from Street View Imagery</h1>
94+
<div class="profiles">
95+
<div class="profile">
96+
<img src="https://jina-kim.github.io/static/img/profile.jpg" alt="Member 1">
97+
<p>Jina Kim<sup>†</sup></p>
98+
</div>
99+
<div class="profile">
100+
<img src="https://media.licdn.com/dms/image/v2/D5603AQHKh0707oxu-Q/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1667706524797?e=2147483647&v=beta&t=IzVKrrM_8FL-saM_3ac1WIuQpH5PBxxL6A8_u5ekegg" alt="Member 2">
101+
<p>Leeje Jang<sup>†</sup></p>
102+
</div>
103+
<div class="profile">
104+
<img src="https://knowledge-computing.github.io/images/people/yaoyichiang.jpg" alt="Member 3">
105+
<p>Yao-Yi Chiang<sup>†</sup></p>
106+
</div>
107+
<div class="profile">
108+
<img src="https://pop.umn.edu/sites/pop.umn.edu/files/2023-06/Guanyu%20Wang.jpg" alt="Member 4">
109+
<p>Guanyu Wang<sup>‡</sup></p>
110+
</div>
111+
<div class="profile">
112+
<img src="https://fsos.umn.edu/sites/fsos/files/styles/x_small_portrait/public/2023-07/Michelle%20Pasco.jpg?h=be0248d6&itok=DbpDr1CV" alt="Member 5">
113+
<p>Michelle Pasco<sup>‡</sup></p>
114+
</div>
115+
</div>
116+
<div class="affiliations" style="margin-top:0px; text-align:center; font-size:0.9em;">
117+
<p><sup>†</sup> Department of Computer Science and Engineering, University of Minnesota</p>
118+
<p><sup>‡</sup> Family Social Science, College of Education and Human Development, University of Minnesota</p>
119+
</div>
120+
</header>
121+
122+
<section>
123+
<h2>Colab Notebooks</h2>
124+
<div style="text-align:center; margin-bottom: 30px;">
125+
<a href="https://colab.research.google.com/drive/NOTEBOOK_ID_1" target="_blank" style="margin: 0 15px; padding: 10px 20px; background:#3498db; color:white; text-decoration:none; border-radius:8px;">Notebook 1</a>
126+
<a href="https://colab.research.google.com/drive/NOTEBOOK_ID_2" target="_blank" style="margin: 0 15px; padding: 10px 20px; background:#2ecc71; color:white; text-decoration:none; border-radius:8px;">Notebook 2</a>
127+
</div>
128+
</section>
129+
130+
<section>
131+
<h2>Try Out StreetLens</h2>
132+
<div class="buttons">
133+
<button onclick="runModule('data_processor')">Run DataProcessor</button>
134+
<button onclick="runModule('prompt_tuner')">Run PromptTuner</button>
135+
<button onclick="runModule('vlm_processor')">Run VLMProcessor</button>
136+
</div>
137+
138+
<div id="output">Logs will appear here...</div>
139+
</section>
140+
<script>
141+
const BACKEND_URL = "https://palestine-connect-immigrants-lead.trycloudflare.com";
142+
143+
async function runModule(module) {
144+
document.getElementById("output").textContent = "Running " + module + "...";
145+
146+
try {
147+
const res = await fetch(`${BACKEND_URL}/api/${module}`, { method: "POST" });
148+
const data = await res.json();
149+
document.getElementById("output").textContent = data.logs || "No logs received";
150+
} catch (err) {
151+
document.getElementById("output").textContent = "Error: " + err;
152+
}
153+
}
154+
</script>
155+
156+
<section>
157+
<h2>Paper BibTeX</h2>
158+
<div id="bibtex">
159+
@misc{kim2025streetlensenablinghumancenteredai,
160+
title={StreetLens: Enabling Human-Centered AI Agents for Neighborhood Assessment from Street View Imagery},
161+
author={Jina Kim and Leeje Jang and Yao-Yi Chiang and Guanyu Wang and Michelle Pasco},
162+
year={2025},
163+
eprint={2506.14670},
164+
archivePrefix={arXiv},
165+
primaryClass={cs.HC},
166+
url={https://arxiv.org/abs/2506.14670},
167+
}
168+
</div>
169+
</section>
170+
</body>
171+
</html>

0 commit comments

Comments
 (0)