Michelle Lam commited on
Commit
8606067
1 Parent(s): 5cc3773

Adds edits to About page and note on prototype status

Browse files
Files changed (1) hide show
  1. indie_label_svelte/src/About.svelte +18 -4
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 Student, Stanford CS
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;