Spaces:
Runtime error
Runtime error
Michelle Lam
commited on
Commit
•
8606067
1
Parent(s):
5cc3773
Adds edits to About page and note on prototype status
Browse files
indie_label_svelte/src/About.svelte
CHANGED
@@ -1,4 +1,5 @@
|
|
1 |
<script lang="ts">
|
|
|
2 |
</script>
|
3 |
|
4 |
<svelte:head>
|
@@ -15,6 +16,11 @@
|
|
15 |
<div class="video-container">
|
16 |
<iframe src="https://www.youtube.com/embed/Je0DCDnJ6KQ?si=H1dVy-oe6PSP0QYM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
17 |
</div>
|
|
|
|
|
|
|
|
|
|
|
18 |
</div>
|
19 |
<div>
|
20 |
<h3>About IndieLabel</h3>
|
@@ -44,7 +50,7 @@
|
|
44 |
<img src="./img/lam.jpg" alt="Michelle Lam">
|
45 |
<p>
|
46 |
<a href="http://michelle123lam.github.io" target="_blank"><b>Michelle Lam</b></a><br>
|
47 |
-
PhD
|
48 |
</p>
|
49 |
</div>
|
50 |
<div>
|
@@ -114,10 +120,10 @@
|
|
114 |
</p>
|
115 |
</div>
|
116 |
<div class="image-wide">
|
117 |
-
<img src="./img/pan.jpg" alt="Christina Pan">
|
118 |
<p>
|
119 |
-
<a href="https://www.christinaapan.com/" target="_blank"><b>Christina Pan</b></a><br>
|
120 |
-
Christina Pan started her career building machine learning (ML) models at Google, which inspired her passion for design thinking and AI ethics.
|
121 |
</p>
|
122 |
</div>
|
123 |
<div class="image-wide">
|
@@ -163,6 +169,14 @@
|
|
163 |
margin: 40px 0;
|
164 |
}
|
165 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
166 |
.image-container {
|
167 |
margin: 20px 0;
|
168 |
display: flex;
|
|
|
1 |
<script lang="ts">
|
2 |
+
import Card, { Content } from '@smui/card';
|
3 |
</script>
|
4 |
|
5 |
<svelte:head>
|
|
|
16 |
<div class="video-container">
|
17 |
<iframe src="https://www.youtube.com/embed/Je0DCDnJ6KQ?si=H1dVy-oe6PSP0QYM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
18 |
</div>
|
19 |
+
<div class="info-card">
|
20 |
+
<Card variant="outlined" style="background-color: rgb(242 236 255); padding: 10px 20px;">
|
21 |
+
<p><b>Note</b>: IndieLabel is a research prototype. It is primarily designed for educational purposes to demonstrate our end-user auditing method applied towards a real-world system.</p>
|
22 |
+
</Card>
|
23 |
+
</div>
|
24 |
</div>
|
25 |
<div>
|
26 |
<h3>About IndieLabel</h3>
|
|
|
50 |
<img src="./img/lam.jpg" alt="Michelle Lam">
|
51 |
<p>
|
52 |
<a href="http://michelle123lam.github.io" target="_blank"><b>Michelle Lam</b></a><br>
|
53 |
+
PhD Candidate, Stanford CS
|
54 |
</p>
|
55 |
</div>
|
56 |
<div>
|
|
|
120 |
</p>
|
121 |
</div>
|
122 |
<div class="image-wide">
|
123 |
+
<img src="./img/pan.jpg" alt="Christina A. Pan">
|
124 |
<p>
|
125 |
+
<a href="https://www.christinaapan.com/" target="_blank"><b>Christina A. Pan</b></a><br>
|
126 |
+
Christina A. Pan started her career building machine learning (ML) models at Google, which inspired her passion for design thinking and AI ethics.
|
127 |
</p>
|
128 |
</div>
|
129 |
<div class="image-wide">
|
|
|
169 |
margin: 40px 0;
|
170 |
}
|
171 |
|
172 |
+
.info-card {
|
173 |
+
margin: 10px 0;
|
174 |
+
}
|
175 |
+
|
176 |
+
.info-card p {
|
177 |
+
line-height: normal;
|
178 |
+
}
|
179 |
+
|
180 |
.image-container {
|
181 |
margin: 20px 0;
|
182 |
display: flex;
|