Spaces:
Running
Running
Yacine Jernite
commited on
Commit
•
8ad38af
1
Parent(s):
d48b598
initial
Browse files- blog.html +128 -0
- images/avijit.png +0 -0
- images/giada.jpeg +0 -0
- images/hf-logo.png +0 -0
- images/irene.jpeg +0 -0
- images/lucie.png +0 -0
- images/sasha.jpeg +0 -0
- images/yacine.jpeg +0 -0
- index.html +216 -17
- projects.html +133 -0
- resources/misc/content-page-template.yaml +24 -0
- resources/misc/team-template.yaml +11 -0
- resources/projects/data.yaml +43 -0
- resources/projects/environment.yaml +40 -0
- resources/projects/evaluation.yaml +39 -0
- resources/projects/legal.yaml +47 -0
- resources/projects/policy.yaml +50 -0
- resources/team/avijit.yaml +14 -0
- resources/team/giada.yaml +15 -0
- resources/team/irene.yaml +15 -0
- resources/team/lucie.yaml +14 -0
- resources/team/sasha.yaml +14 -0
- resources/team/yacine.yaml +16 -0
- resources/topics/deciding.yaml +65 -0
- resources/topics/developing.yaml +62 -0
- resources/topics/discussing.yaml +48 -0
- resources/topics/environment.yaml +58 -0
- resources/topics/individuals.yaml +71 -0
- resources/topics/shaping.yaml +49 -0
- resources/topics/systems.yaml +60 -0
- resources/topics/understanding.yaml +87 -0
- scripts/overview-gallery.js +94 -0
- scripts/projects-gallery.js +21 -0
- scripts/projects-page.js +20 -0
- scripts/team-gallery.js +35 -0
- scripts/topics-gallery.js +19 -0
- scripts/topics-page.js +20 -0
- scripts/utils.js +76 -0
- styles/style.css +274 -0
- team.html +133 -0
- topics.html +138 -0
blog.html
ADDED
@@ -0,0 +1,128 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!doctype html>
|
2 |
+
<html lang="en-US" data-theme="light">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8" />
|
5 |
+
<meta name="viewport" content="width=device-width" />
|
6 |
+
<link rel="icon" href="images/hf-logo.png" />
|
7 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
|
8 |
+
<link rel="stylesheet" href="styles/style.css" />
|
9 |
+
|
10 |
+
<title>Machine Learning and Society @ 🤗 </title>
|
11 |
+
</head>
|
12 |
+
|
13 |
+
<body>
|
14 |
+
|
15 |
+
<header>
|
16 |
+
<nav>
|
17 |
+
<div class="navbar-left">
|
18 |
+
<img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
|
19 |
+
<h1 id="navbar-title">Machine Learning <br> & Society</h1>
|
20 |
+
</div>
|
21 |
+
<div class="navbar-right">
|
22 |
+
<ul>
|
23 |
+
<li class="navpage">
|
24 |
+
<a href="index.html">Overview</a>
|
25 |
+
</li>
|
26 |
+
<li class="dropdown">
|
27 |
+
<a href="projects.html" class="navdrop">ML&Soc <br> Projects</a>
|
28 |
+
<ul class="dropdown-content">
|
29 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
30 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
31 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
32 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
33 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
34 |
+
</ul>
|
35 |
+
</li>
|
36 |
+
<li class="dropdown">
|
37 |
+
<a href="topics.html" class="navdrop">ML&Soc <br> Topics</a>
|
38 |
+
<ul class="dropdown-content">
|
39 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
40 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
41 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
42 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
43 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
44 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
45 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
46 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
47 |
+
</ul>
|
48 |
+
</li>
|
49 |
+
<li class="dropdown">
|
50 |
+
<a href="team.html" class="navdrop">ML&Soc <br> Team</a>
|
51 |
+
<ul class="dropdown-content">
|
52 |
+
<li>
|
53 |
+
<a href="team.html#People">People</a>
|
54 |
+
</li>
|
55 |
+
<li>
|
56 |
+
<a href="team.html#Publications">Published Works</a>
|
57 |
+
</li>
|
58 |
+
<li>
|
59 |
+
<a href="team.html#Press">Press</a>
|
60 |
+
</li>
|
61 |
+
</ul>
|
62 |
+
</li>
|
63 |
+
<li class="navpage">
|
64 |
+
<a href="blog.html">Blog & FAQ</a>
|
65 |
+
</li>
|
66 |
+
</ul>
|
67 |
+
</div>
|
68 |
+
</nav>
|
69 |
+
</header>
|
70 |
+
|
71 |
+
<main>
|
72 |
+
|
73 |
+
<div class="container">
|
74 |
+
<article>
|
75 |
+
|
76 |
+
<section>
|
77 |
+
<article>
|
78 |
+
<h2>Machine Learning & Society Blog Posts</h2>
|
79 |
+
|
80 |
+
<p>
|
81 |
+
A place to add links to Blog Post initially published on Hugging Face.
|
82 |
+
</p>
|
83 |
+
</article>
|
84 |
+
</section>
|
85 |
+
|
86 |
+
<section>
|
87 |
+
<article>
|
88 |
+
<h3>Blog Posts</h3>
|
89 |
+
|
90 |
+
<p>
|
91 |
+
Re-sharing blog posts we publish as personal or "official" posts on the HF blog.
|
92 |
+
</p>
|
93 |
+
</article>
|
94 |
+
</section>
|
95 |
+
|
96 |
+
<section>
|
97 |
+
<article>
|
98 |
+
<h3>Frequently Asked Questions</h3>
|
99 |
+
|
100 |
+
<p>
|
101 |
+
Short answers to recurring questions.
|
102 |
+
</p>
|
103 |
+
</article>
|
104 |
+
</section>
|
105 |
+
|
106 |
+
</article>
|
107 |
+
|
108 |
+
<footer>
|
109 |
+
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
110 |
+
The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
|
111 |
+
by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
|
112 |
+
is licensed under
|
113 |
+
<a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
|
114 |
+
CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="">
|
115 |
+
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="">
|
116 |
+
</a>
|
117 |
+
</p>
|
118 |
+
</footer>
|
119 |
+
</div>
|
120 |
+
|
121 |
+
|
122 |
+
</main>
|
123 |
+
|
124 |
+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
|
125 |
+
<script src="scripts/utils.js"></script>
|
126 |
+
|
127 |
+
</body>
|
128 |
+
</html>
|
images/avijit.png
ADDED
images/giada.jpeg
ADDED
images/hf-logo.png
ADDED
images/irene.jpeg
ADDED
images/lucie.png
ADDED
images/sasha.jpeg
ADDED
images/yacine.jpeg
ADDED
index.html
CHANGED
@@ -1,19 +1,218 @@
|
|
1 |
<!doctype html>
|
2 |
-
<html>
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
19 |
</html>
|
|
|
1 |
<!doctype html>
|
2 |
+
<html lang="en-US" data-theme="light">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8" />
|
5 |
+
<meta name="viewport" content="width=device-width" />
|
6 |
+
<link rel="icon" href="images/hf-logo.png" />
|
7 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
|
8 |
+
<link rel="stylesheet" href="styles/style.css" />
|
9 |
+
|
10 |
+
<title>Machine Learning and Society @ 🤗 </title>
|
11 |
+
</head>
|
12 |
+
|
13 |
+
<body>
|
14 |
+
|
15 |
+
<header>
|
16 |
+
<nav>
|
17 |
+
<div class="navbar-left">
|
18 |
+
<img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
|
19 |
+
<h1 id="navbar-title">Machine Learning <br> & Society</h1>
|
20 |
+
</div>
|
21 |
+
<div class="navbar-right">
|
22 |
+
<ul>
|
23 |
+
<li class="navpage">
|
24 |
+
<a href="index.html">Overview</a>
|
25 |
+
</li>
|
26 |
+
<li class="dropdown">
|
27 |
+
<a href="projects.html" class="navdrop">ML&Soc <br> Projects</a>
|
28 |
+
<ul class="dropdown-content">
|
29 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
30 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
31 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
32 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
33 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
34 |
+
</ul>
|
35 |
+
</li>
|
36 |
+
<li class="dropdown">
|
37 |
+
<a href="topics.html" class="navdrop">ML&Soc <br> Topics</a>
|
38 |
+
<ul class="dropdown-content">
|
39 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
40 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
41 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
42 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
43 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
44 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
45 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
46 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
47 |
+
</ul>
|
48 |
+
</li>
|
49 |
+
<li class="dropdown">
|
50 |
+
<a href="team.html" class="navdrop">ML&Soc <br> Team</a>
|
51 |
+
<ul class="dropdown-content">
|
52 |
+
<li>
|
53 |
+
<a href="team.html#People">People</a>
|
54 |
+
</li>
|
55 |
+
<li>
|
56 |
+
<a href="team.html#Publications">Published Works</a>
|
57 |
+
</li>
|
58 |
+
<li>
|
59 |
+
<a href="team.html#Press">Press</a>
|
60 |
+
</li>
|
61 |
+
</ul>
|
62 |
+
</li>
|
63 |
+
<li class="navpage">
|
64 |
+
<a href="blog.html">Blog & FAQ</a>
|
65 |
+
</li>
|
66 |
+
</ul>
|
67 |
+
</div>
|
68 |
+
</nav>
|
69 |
+
</header>
|
70 |
+
|
71 |
+
<main>
|
72 |
+
|
73 |
+
<div class="container">
|
74 |
+
|
75 |
+
<!-- Overview/introduction -->
|
76 |
+
<section>
|
77 |
+
<article>
|
78 |
+
<header>
|
79 |
+
<h2>ML & Society Overview</h2>
|
80 |
+
</header>
|
81 |
+
|
82 |
+
<p>
|
83 |
+
Our team conducts research at the interaction of the technical and societal
|
84 |
+
aspects of Machine Learning and "AI" technology, including its social and legal context,
|
85 |
+
and participates in shaping public policy to foster more transparent, distributed,
|
86 |
+
and inclusive technology.
|
87 |
+
</p>
|
88 |
+
|
89 |
+
<p>
|
90 |
+
Some of our recent work to date has included... We work through project such as...
|
91 |
+
Our approach is primarily collaborative with joing efforts such as...
|
92 |
+
Our team also regularly contributes to the broader
|
93 |
+
<a href="https://huggingface.co/society-ethics">Society and Ethics discussions</a>
|
94 |
+
occurring across
|
95 |
+
<a href="https://huggingface.co/">Hugging Face</a>.
|
96 |
+
</p>
|
97 |
+
</article>
|
98 |
+
</section>
|
99 |
+
|
100 |
+
<!-- Team Projects -->
|
101 |
+
<section>
|
102 |
+
<article>
|
103 |
+
<header>
|
104 |
+
<h2>Team Projects</h2>
|
105 |
+
</header>
|
106 |
+
|
107 |
+
<details>
|
108 |
+
<!-- <details role="button" class="primary outline"> -->
|
109 |
+
<summary>
|
110 |
+
<p>
|
111 |
+
We have several ongoing projects, some team-internal and some in collaboration
|
112 |
+
with other organizations:
|
113 |
+
</p>
|
114 |
+
<div class="page-navbar" style="margin-bottom: 16px;">
|
115 |
+
<ul class="navbar-documents">
|
116 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
117 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
118 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
119 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
120 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
121 |
+
</ul>
|
122 |
+
</div>
|
123 |
+
Click to expand for more detailed descriptions:
|
124 |
+
</summary>
|
125 |
+
<div class="project-card-array" id="projects-gallery">
|
126 |
+
<!-- Adding cards through the projects-gallery JS script -->
|
127 |
+
</div>
|
128 |
+
</details>
|
129 |
+
</article>
|
130 |
+
</section>
|
131 |
+
|
132 |
+
<section>
|
133 |
+
<article>
|
134 |
+
<header>
|
135 |
+
<h2>Topic Cards & Resources</h2>
|
136 |
+
</header>
|
137 |
+
|
138 |
+
<details>
|
139 |
+
<!-- <details role="button" class="secondary outline"> -->
|
140 |
+
<summary>
|
141 |
+
<p>
|
142 |
+
We collate resources on some of the main questions in ML & Society organized
|
143 |
+
across 8 topics:
|
144 |
+
</p>
|
145 |
+
<div class="page-navbar" style="margin-bottom: 16px;">
|
146 |
+
<ul class="navbar-documents">
|
147 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
148 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
149 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
150 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
151 |
+
</ul>
|
152 |
+
<ul class="navbar-documents">
|
153 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
154 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
155 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
156 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
157 |
+
</ul>
|
158 |
+
</div>
|
159 |
+
Click to expand for more detailed descriptions:
|
160 |
+
</summary>
|
161 |
+
<div class="topic-card-array" id="topics-gallery">
|
162 |
+
<!-- Adding cards through the topics-gallery JS script -->
|
163 |
+
</div>
|
164 |
+
</details>
|
165 |
+
</article>
|
166 |
+
</section>
|
167 |
+
|
168 |
+
<section>
|
169 |
+
<article>
|
170 |
+
<header>
|
171 |
+
<h2>Explore Resources by Tag</h2>
|
172 |
+
</header>
|
173 |
+
|
174 |
+
<details>
|
175 |
+
<summary>
|
176 |
+
Here's a place for a nice tag-based interactive overview of projects, topics, writing, etc.
|
177 |
+
</summary>
|
178 |
+
<div id="vignettes">
|
179 |
+
<div id="itemSidebar">
|
180 |
+
<h3>Filter by Tags</h3>
|
181 |
+
<p>Select a tag below to see all resources related to it:</p>
|
182 |
+
<ul id="tagList">
|
183 |
+
<!-- Tags will be dynamically added here -->
|
184 |
+
</ul>
|
185 |
+
<p id="sidebarShowing">Showing resources relevant to:</p>
|
186 |
+
</div>
|
187 |
+
|
188 |
+
<div id="itemGallery">
|
189 |
+
</div>
|
190 |
+
</div>
|
191 |
+
</details>
|
192 |
+
|
193 |
+
</article>
|
194 |
+
</section>
|
195 |
+
|
196 |
+
<footer>
|
197 |
+
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
198 |
+
The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
|
199 |
+
by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
|
200 |
+
is licensed under
|
201 |
+
<a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
|
202 |
+
CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="">
|
203 |
+
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="">
|
204 |
+
</a>
|
205 |
+
</p>
|
206 |
+
</footer>
|
207 |
+
</div>
|
208 |
+
</main>
|
209 |
+
|
210 |
+
|
211 |
+
|
212 |
+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
|
213 |
+
<script src="scripts/utils.js"></script>
|
214 |
+
<script src="scripts/projects-gallery.js"></script>
|
215 |
+
<script src="scripts/topics-gallery.js"></script>
|
216 |
+
<script src="scripts/overview-gallery.js"></script>
|
217 |
+
</body>
|
218 |
</html>
|
projects.html
ADDED
@@ -0,0 +1,133 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!doctype html>
|
2 |
+
<html lang="en-US" data-theme="light">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8" />
|
5 |
+
<meta name="viewport" content="width=device-width" />
|
6 |
+
<link rel="icon" href="images/hf-logo.png" />
|
7 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
|
8 |
+
<link rel="stylesheet" href="styles/style.css" />
|
9 |
+
|
10 |
+
<title>Machine Learning and Society @ 🤗 </title>
|
11 |
+
</head>
|
12 |
+
|
13 |
+
<body>
|
14 |
+
|
15 |
+
<header>
|
16 |
+
<nav>
|
17 |
+
<div class="navbar-left">
|
18 |
+
<img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
|
19 |
+
<h1 id="navbar-title">Machine Learning <br> & Society</h1>
|
20 |
+
</div>
|
21 |
+
<div class="navbar-right">
|
22 |
+
<ul>
|
23 |
+
<li class="navpage">
|
24 |
+
<a href="index.html">Overview</a>
|
25 |
+
</li>
|
26 |
+
<li class="dropdown">
|
27 |
+
<a href="projects.html" class="navdrop">ML&Soc <br> Projects</a>
|
28 |
+
<ul class="dropdown-content">
|
29 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
30 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
31 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
32 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
33 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
34 |
+
</ul>
|
35 |
+
</li>
|
36 |
+
<li class="dropdown">
|
37 |
+
<a href="topics.html" class="navdrop">ML&Soc <br> Topics</a>
|
38 |
+
<ul class="dropdown-content">
|
39 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
40 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
41 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
42 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
43 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
44 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
45 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
46 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
47 |
+
</ul>
|
48 |
+
</li>
|
49 |
+
<li class="dropdown">
|
50 |
+
<a href="team.html" class="navdrop">ML&Soc <br> Team</a>
|
51 |
+
<ul class="dropdown-content">
|
52 |
+
<li>
|
53 |
+
<a href="team.html#People">People</a>
|
54 |
+
</li>
|
55 |
+
<li>
|
56 |
+
<a href="team.html#Publications">Published Works</a>
|
57 |
+
</li>
|
58 |
+
<li>
|
59 |
+
<a href="team.html#Press">Press</a>
|
60 |
+
</li>
|
61 |
+
</ul>
|
62 |
+
</li>
|
63 |
+
<li class="navpage">
|
64 |
+
<a href="blog.html">Blog & FAQ</a>
|
65 |
+
</li>
|
66 |
+
</ul>
|
67 |
+
</div>
|
68 |
+
</nav>
|
69 |
+
</header>
|
70 |
+
|
71 |
+
<main>
|
72 |
+
|
73 |
+
<div class="container">
|
74 |
+
<article>
|
75 |
+
|
76 |
+
<section>
|
77 |
+
<article>
|
78 |
+
<h3>Overview of ML & Society Projects</h3>
|
79 |
+
<p>
|
80 |
+
We have several ongoing projects, some team-internal and some in collaboration
|
81 |
+
with other organizations.
|
82 |
+
</p>
|
83 |
+
<div class="page-navbar">
|
84 |
+
<ul class="navbar-documents">
|
85 |
+
<li id="navbar-top-policy" class="navbar-item"><a href="projects.html#policy">Policy Writings, Primers, and Responses</a></li>
|
86 |
+
<li id="navbar-top-energy" class="navbar-item"><a href="projects.html#environment">AI Energy Scores for AI Systems</a></li>
|
87 |
+
<li id="navbar-top-evaluation" class="navbar-item"><a href="projects.html#evaluation">Social Impact Evaluations for GenAI</a></li>
|
88 |
+
<li id="navbar-top-data" class="navbar-item"><a href="projects.html#data">The Social Lives and Impacts of ML Data</a></li>
|
89 |
+
<li id="navbar-top-legal" class="navbar-item"><a href="projects.html#legal">Investigating the Regulatory Context of AI</a></li>
|
90 |
+
</ul>
|
91 |
+
</div>
|
92 |
+
</article>
|
93 |
+
</section>
|
94 |
+
|
95 |
+
|
96 |
+
<section class="document-main">
|
97 |
+
<article class="document-sidebar">
|
98 |
+
<ul>
|
99 |
+
<!-- Add menu items dynamically -->
|
100 |
+
</ul>
|
101 |
+
</article>
|
102 |
+
<article class="document-text">
|
103 |
+
<!-- Add content dynamically -->
|
104 |
+
</article>
|
105 |
+
</section>
|
106 |
+
|
107 |
+
<section>
|
108 |
+
<article class="document-credit">
|
109 |
+
<!-- Add content dynamically -->
|
110 |
+
</article>
|
111 |
+
</section>
|
112 |
+
|
113 |
+
</article>
|
114 |
+
<footer>
|
115 |
+
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
116 |
+
The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
|
117 |
+
by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
|
118 |
+
is licensed under
|
119 |
+
<a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
|
120 |
+
CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="">
|
121 |
+
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="">
|
122 |
+
</a>
|
123 |
+
</p>
|
124 |
+
</footer>
|
125 |
+
</div>
|
126 |
+
</main>
|
127 |
+
|
128 |
+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
|
129 |
+
<script src="scripts/utils.js"></script>
|
130 |
+
<script src="scripts/projects-page.js"></script>
|
131 |
+
|
132 |
+
</body>
|
133 |
+
</html>
|
resources/misc/content-page-template.yaml
ADDED
@@ -0,0 +1,24 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Long Title"
|
3 |
+
title-short: short title
|
4 |
+
location: rendered/content-type/do-not-render-template.html
|
5 |
+
tags:
|
6 |
+
- tag
|
7 |
+
# abstract in text format
|
8 |
+
abstract: >
|
9 |
+
Abstract in text, TODO
|
10 |
+
# introduction and sections in HTML format
|
11 |
+
introduction: >
|
12 |
+
<p>
|
13 |
+
Introduction, HTML-formatted, TODO
|
14 |
+
</p>
|
15 |
+
sections:
|
16 |
+
- section-title: Section Title, TODO
|
17 |
+
section-text: >
|
18 |
+
<p>
|
19 |
+
Section text, HTML-formatted, TODO
|
20 |
+
</p>
|
21 |
+
resources:
|
22 |
+
- URL
|
23 |
+
contributions: >
|
24 |
+
Author wrote this document, TODO
|
resources/misc/team-template.yaml
ADDED
@@ -0,0 +1,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Name
|
3 |
+
title: Title (HTML)
|
4 |
+
picture: images/picture-location.jpeg
|
5 |
+
hf_profile: https://huggingface.co/profile-name
|
6 |
+
website: personal website URL
|
7 |
+
blurb: >
|
8 |
+
Blurb about current work in
|
9 |
+
HTML-compatible format, TODO
|
10 |
+
projects:
|
11 |
+
- project
|
resources/projects/data.yaml
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Putting Machine Learning Data at the Center of AI Governance"
|
3 |
+
title-short: The Social Lives of ML Data
|
4 |
+
document-id: data
|
5 |
+
tags:
|
6 |
+
- privacy
|
7 |
+
- regulation
|
8 |
+
# abstract in text format
|
9 |
+
abstract: >
|
10 |
+
Data rights, valuation of data, and understanding of its social and commercial
|
11 |
+
dynamics, are at the heart of most of the issues facing AI governance. Our team
|
12 |
+
works on theoretical and practical data governance projects to support more inclusive
|
13 |
+
development and deployment of AI systems.
|
14 |
+
# introduction and sections in HTML format
|
15 |
+
introduction: >
|
16 |
+
<p>
|
17 |
+
Data rights, valuation of data, and understanding of its social and commercial
|
18 |
+
dynamics, are at the heart of most of the issues facing AI governance. Our team
|
19 |
+
works on theoretical and practical data governance projects to support more inclusive
|
20 |
+
development and deployment of AI systems.
|
21 |
+
</p>
|
22 |
+
sections:
|
23 |
+
- section-title: Practical Approaches to Data Governance for AI
|
24 |
+
section-text: >
|
25 |
+
<p>
|
26 |
+
Section text, HTML-formatted, TODO
|
27 |
+
</p>
|
28 |
+
- section-title: Studying the Social, Regulatory, and Economic Context of ML Data
|
29 |
+
section-text: >
|
30 |
+
<p>
|
31 |
+
Section text, HTML-formatted, TODO
|
32 |
+
</p>
|
33 |
+
resources:
|
34 |
+
- resource-name: BigScience Data Governance Paper
|
35 |
+
resource-url: https://arxiv.org/abs/2206.03216
|
36 |
+
- resource-name: The ROOTS Search Tool
|
37 |
+
resource-url: https://aclanthology.org/2023.acl-demo.29/
|
38 |
+
- resource-name: Data Tansparency Blog Post
|
39 |
+
resource-url: https://huggingface.co/blog/yjernite/data-transparency
|
40 |
+
- resource-name: EU Data Summary Template Blog Post
|
41 |
+
resource-url: https://huggingface.co/blog/yjernite/eu-data-template
|
42 |
+
contributions: >
|
43 |
+
Author wrote this document, TODO
|
resources/projects/environment.yaml
ADDED
@@ -0,0 +1,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Adressing the Energy and Environmental Costs of AI"
|
3 |
+
title-short: AI, Energy, and the Environment
|
4 |
+
document-id: environment
|
5 |
+
tags:
|
6 |
+
- environment
|
7 |
+
# abstract in text format
|
8 |
+
abstract: >
|
9 |
+
We work on providing much-needed transparency into the energy costs of
|
10 |
+
different AI systems to ground conversations on and choices that affect
|
11 |
+
the energy and environmental cost of AI. This work is done in conjonction
|
12 |
+
with several efforts across Hugging Face developing relevant tooling
|
13 |
+
along with other functionalities.
|
14 |
+
# introduction and sections in HTML format
|
15 |
+
introduction: >
|
16 |
+
<p>
|
17 |
+
We work on providing much-needed transparency into the energy costs of
|
18 |
+
different AI systems to ground conversations on and choices that affect
|
19 |
+
the energy and environmental cost of AI. This work is done in conjonction
|
20 |
+
with several efforts across Hugging Face developing relevant tooling
|
21 |
+
along with other functionalities.
|
22 |
+
</p>
|
23 |
+
sections:
|
24 |
+
- section-title: AI Energy Scores for AI Systems
|
25 |
+
section-text: >
|
26 |
+
<p>
|
27 |
+
Section text, HTML-formatted, TODO
|
28 |
+
</p>
|
29 |
+
- section-title: Energy and Environmental Costs across the Development Chain
|
30 |
+
section-text: >
|
31 |
+
<p>
|
32 |
+
Section text, HTML-formatted, TODO
|
33 |
+
</p>
|
34 |
+
resources:
|
35 |
+
- resource-name: AI Energy Score Organization HF
|
36 |
+
resource-url: https://huggingface.co/AIEnergyScore
|
37 |
+
- resource-name: HF Primer on Environmental Impacts of AI
|
38 |
+
resource-url: https://huggingface.co/blog/sasha/ai-environment-primer
|
39 |
+
contributions: >
|
40 |
+
Author wrote this document, TODO
|
resources/projects/evaluation.yaml
ADDED
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Evaluating the Social Impact of Generative AI Systems"
|
3 |
+
title-short: Social Impact Evaluations for GenAI
|
4 |
+
document-id: evaluation
|
5 |
+
tags:
|
6 |
+
- evaluation
|
7 |
+
- bias
|
8 |
+
- privacy
|
9 |
+
- harms
|
10 |
+
# abstract in text format
|
11 |
+
abstract: >
|
12 |
+
Our team co-organizes an ongoing collaborative efforts advancing the state an tooling
|
13 |
+
for evaluating the social impact of generative AI systems through writing, coalition buildind,
|
14 |
+
workshop organization, and original research into new techniques and assessments.
|
15 |
+
# introduction and sections in HTML format
|
16 |
+
introduction: >
|
17 |
+
<p>
|
18 |
+
Our team co-organizes an ongoing collaborative efforts advancing the state an tooling
|
19 |
+
for evaluating the social impact of generative AI systems through writing, coalition buildind,
|
20 |
+
workshop organization, and original research into new techniques and assessments.
|
21 |
+
</p>
|
22 |
+
sections:
|
23 |
+
- section-title: A Collaborative Framework for Social Impact Evaluation
|
24 |
+
section-text: >
|
25 |
+
<p>
|
26 |
+
Section text, HTML-formatted, TODO
|
27 |
+
</p>
|
28 |
+
- section-title: The EvalEval Workshop
|
29 |
+
section-text: >
|
30 |
+
<p>
|
31 |
+
Section text, HTML-formatted, TODO
|
32 |
+
</p>
|
33 |
+
resources:
|
34 |
+
- resource-name: Evaluating the Social Impact of Generative AI Systems
|
35 |
+
resource-url: https://arxiv.org/abs/2306.05949
|
36 |
+
- resource-name: EvalEval Workshop at Neurips 2024
|
37 |
+
resource-url: https://evaleval.github.io/
|
38 |
+
contributions: >
|
39 |
+
Author wrote this document, TODO
|
resources/projects/legal.yaml
ADDED
@@ -0,0 +1,47 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Investigating the Regulatory Context of AI"
|
3 |
+
title-short: Investigating Regulation
|
4 |
+
document-id: legal
|
5 |
+
tags:
|
6 |
+
- regulation
|
7 |
+
- privacy
|
8 |
+
# abstract in text format
|
9 |
+
abstract: >
|
10 |
+
Understanding how different categories of regulatory mechanisms
|
11 |
+
apply to AI and how existing regulation should be operationalized
|
12 |
+
for a new tecnological paradigm constitutes a necessary first step
|
13 |
+
to dicussing new regulatory efforts.
|
14 |
+
# introduction and sections in HTML format
|
15 |
+
introduction: >
|
16 |
+
<p>
|
17 |
+
Understanding how different categories of regulatory mechanisms
|
18 |
+
apply to AI and how existing regulation should be operationalized
|
19 |
+
for a new tecnological paradigm constitutes a necessary first step
|
20 |
+
to dicussing new regulatory efforts.
|
21 |
+
</p>
|
22 |
+
|
23 |
+
<p>
|
24 |
+
In collaboration with NYU Law School and the Allen Institute for AI, our team organizes yearly
|
25 |
+
intensive legal research weeks on the regulatory context of AI, focusing in particular on how
|
26 |
+
existing regulations and protected rights apply to new technological developments.
|
27 |
+
</p>
|
28 |
+
sections:
|
29 |
+
- section-title: Comparing and Operationalizing Existing Regulatory Approaches
|
30 |
+
section-text: >
|
31 |
+
<p>
|
32 |
+
Section text, HTML-formatted, TODO
|
33 |
+
</p>
|
34 |
+
- section-title: Analyzing Regulatory Mechanisms and Trade-Offs
|
35 |
+
section-text: >
|
36 |
+
<p>
|
37 |
+
Section text, HTML-formatted, TODO
|
38 |
+
</p>
|
39 |
+
resources:
|
40 |
+
- resource-name: NYU HF Hackathon 2022 Legal Playbook
|
41 |
+
resource-url: https://bigscience.huggingface.co/blog/legal-playbook-for-natural-language-processing-researchers
|
42 |
+
- resource-name: NYU HF Hackathon 2023 Contractual mechanisms for use restrictions
|
43 |
+
resource-url: https://docs.google.com/document/d/1-JQKBwi7XmS14dHNfuJX6B9PAkwaPAtYZv3F9rCCDcc/
|
44 |
+
- resource-name: NYU HF Hackathon 2024 EU-US cross-analysis of AI-relevant regulation
|
45 |
+
resource-url: https://docs.google.com/document/d/1L53lgMW44maaavnpGb3unuVtLIbEzxj8DCGpvLdYrtM/
|
46 |
+
contributions: >
|
47 |
+
Author wrote this document, TODO
|
resources/projects/policy.yaml
ADDED
@@ -0,0 +1,50 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Policy Writings, Primers, and Responses"
|
3 |
+
title-short: Policy Writings
|
4 |
+
document-id: policy
|
5 |
+
tags:
|
6 |
+
- policy
|
7 |
+
- regulation
|
8 |
+
# abstract in text format
|
9 |
+
abstract: >
|
10 |
+
We aim for transparency in our public policy-related activites by
|
11 |
+
publishing our policy-related writings, including topic primers for
|
12 |
+
policy audiences, responses for requests for comments, and communications
|
13 |
+
to policymakers.
|
14 |
+
# introduction and sections in HTML format
|
15 |
+
introduction: >
|
16 |
+
<p>
|
17 |
+
AI Policy at Hugging Face is a multidisciplinary and cross-organizational workstream.
|
18 |
+
Instead of being part of a vertical communications or global affairs organization, our policy work
|
19 |
+
is rooted in the expertise of our many researchers, developers, legal experts, and machine learning engineers
|
20 |
+
working on healthcare, art, and evaluation.
|
21 |
+
</p>
|
22 |
+
|
23 |
+
<p>
|
24 |
+
What we work on is informed by our Hugging Face community needs and experiences on the Hub.
|
25 |
+
We advocate for regulatory approaches that rely on and promote a greater understanding of
|
26 |
+
the technology and of its impact on society, and that can help broaden the set of people
|
27 |
+
who can participate in the development of and reap the benefits from AI systems driven
|
28 |
+
by their needs.
|
29 |
+
</p>
|
30 |
+
sections:
|
31 |
+
- section-title: United States
|
32 |
+
section-text: >
|
33 |
+
<p>
|
34 |
+
Section text, HTML-formatted, TODO
|
35 |
+
</p>
|
36 |
+
- section-title: EU & France
|
37 |
+
section-text: >
|
38 |
+
<p>
|
39 |
+
Section text, HTML-formatted, TODO
|
40 |
+
</p>
|
41 |
+
- section-title: World-Wide
|
42 |
+
section-text: >
|
43 |
+
<p>
|
44 |
+
Section text, HTML-formatted, TODO
|
45 |
+
</p>
|
46 |
+
resources:
|
47 |
+
- resource-name: Hugging Face Policy Documents
|
48 |
+
resource-url: https://huggingface.co/datasets/huggingface/policy-docs
|
49 |
+
contributions: >
|
50 |
+
Author wrote this document, TODO
|
resources/team/avijit.yaml
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Avijit Ghosh
|
3 |
+
title: Applied Policy Researcher
|
4 |
+
picture: images/avijit.png
|
5 |
+
hf_profile: https://huggingface.co/evijit
|
6 |
+
website: https://evijit.io/
|
7 |
+
blurb: >
|
8 |
+
Dr. Avijit Ghosh is an Applied Policy Researcher in the Machine Learning and Society Team at Hugging Face 🤗
|
9 |
+
and an Associate Researcher in the RIET Lab at the University of Connecticut. Previously, he was a Lecturer
|
10 |
+
in the Khoury College of Computer Sciences at Northeastern University. He works at the intersection of machine
|
11 |
+
learning, ethics, and policy, aiming to implement fair ML algorithms into the real world.
|
12 |
+
projects:
|
13 |
+
- policy
|
14 |
+
- evaluation
|
resources/team/giada.yaml
ADDED
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Giada Pistilli
|
3 |
+
title: Principal Ethicist
|
4 |
+
picture: images/giada.jpeg
|
5 |
+
hf_profile: https://huggingface.co/giadap
|
6 |
+
website: https://www.giadapistilli.com/
|
7 |
+
blurb: >
|
8 |
+
Dr. Giada Pistilli is a philosopher specialized in the ethical dimensions of Artificial Intelligence,
|
9 |
+
with a particular emphasis on conversational AI. Their research primarily explores comparative ethical
|
10 |
+
frameworks and moral philosophy, specifically focusing on their application to Machine Learning, namely
|
11 |
+
Natural Language Processing. This spans from conversational agents to Large Language Models, addressing
|
12 |
+
the diverse granularity of these technologies.
|
13 |
+
projects:
|
14 |
+
- policy
|
15 |
+
- evaluation
|
resources/team/irene.yaml
ADDED
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Irene Solaiman
|
3 |
+
title: Head of Global Policy
|
4 |
+
picture: images/irene.jpeg
|
5 |
+
hf_profile: https://huggingface.co/irenesolaiman
|
6 |
+
website: https://www.irenesolaiman.com/
|
7 |
+
blurb: >
|
8 |
+
Irene Solaiman is an AI safety and policy expert. She is Head of Global Policy at Hugging Face,
|
9 |
+
where she is conducting social impact research and leading public policy. Irene serves on the Partnership
|
10 |
+
on AI's Policy Steering Committee and the Center for Democracy and Technology's AI Governance Lab Advisory Committee.
|
11 |
+
Irene advises responsible AI initiatives at OECD and IEEE. Her research includes AI value alignment, responsible releases,
|
12 |
+
and combating misuse and malicious use.
|
13 |
+
projects:
|
14 |
+
- evaluation
|
15 |
+
- policy
|
resources/team/lucie.yaml
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Lucie-Aimée Kaffee
|
3 |
+
title: Applied Policy Researcher
|
4 |
+
picture: images/lucie.png
|
5 |
+
hf_profile: https://huggingface.co/frimelle
|
6 |
+
website: https://luciekaffee.github.io/
|
7 |
+
blurb: >
|
8 |
+
Dr. Lucie-Aimée Kaffee, in her role as Applied Policy Researcher at Hugging Face,
|
9 |
+
works on the intersection of policy and AI technology. Her research focuses on harnessing AI to support
|
10 |
+
online communities, such as on Wikipedia. Driven by a commitment to community-driven decision-making,
|
11 |
+
she integrates her expertise in machine learning, AI ethics, and policy to address critical societal challenges.
|
12 |
+
projects:
|
13 |
+
- data
|
14 |
+
- policy
|
resources/team/sasha.yaml
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Sasha Luccioni
|
3 |
+
title: Climate Lead
|
4 |
+
picture: images/sasha.jpeg
|
5 |
+
hf_profile: https://huggingface.co/sasha
|
6 |
+
website: https://www.sashaluccioni.com/
|
7 |
+
blurb: >
|
8 |
+
Dr. Sasha Luccioni is a leading scientist at the nexus of artificial intelligence, ethics,
|
9 |
+
and sustainability, with a PhD in AI and a decade of research and industry expertise.
|
10 |
+
She is the Climate Lead at Hugging Face, where she spearheads research, consulting and capacity-building to elevate the
|
11 |
+
sustainability of AI systems.
|
12 |
+
projects:
|
13 |
+
- environment
|
14 |
+
- evaluation
|
resources/team/yacine.yaml
ADDED
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
name: Yacine Jernite
|
3 |
+
location: rendered/team/do-not-render-template.html
|
4 |
+
title: Head of ML & Society
|
5 |
+
picture: images/yacine.jpeg
|
6 |
+
hf_profile: https://huggingface.co/yjernite
|
7 |
+
website: https://yjernite.github.io/
|
8 |
+
blurb: >
|
9 |
+
Dr. Yacine Jernite currently leads the ML and Society team at Hugging Face, where they
|
10 |
+
work on ML systems governance at the intersection of policy, regulatory, and technical tools.
|
11 |
+
Their work to date has focused on data and models curation, documentation, and governance,
|
12 |
+
including as co-organizer and data area chair for the BigScience workshop on large language models.
|
13 |
+
projects:
|
14 |
+
- data
|
15 |
+
- legal
|
16 |
+
- policy
|
resources/topics/deciding.yaml
ADDED
@@ -0,0 +1,65 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Democratic Control over AI Development and Deployment"
|
3 |
+
title-short: Democratic Decision-Making for AI
|
4 |
+
locdocument-idation: deciding
|
5 |
+
tags:
|
6 |
+
- regulation
|
7 |
+
- privacy
|
8 |
+
- education
|
9 |
+
- healthcare
|
10 |
+
- finance
|
11 |
+
# abstract in text format
|
12 |
+
abstract: >
|
13 |
+
Regulation of AI has received increased attention recently. Why transversal regulation
|
14 |
+
focusing on AI as a particular technical paradigm have been the most visible, it's important
|
15 |
+
to recall that existing regulation of algorithms, personal data, and automatic decision systems,
|
16 |
+
especially in sensitive domains like health or education, should already be shaping AI
|
17 |
+
development and deployment.
|
18 |
+
# introduction and sections in HTML format
|
19 |
+
introduction: >
|
20 |
+
<p>
|
21 |
+
Regulation of AI has received increased attention recently. Why transversal regulation
|
22 |
+
focusing on AI as a particular technical paradigm have been the most visible, it's important
|
23 |
+
to recall that existing regulation of algorithms, personal data, and automatic decision systems,
|
24 |
+
especially in sensitive domains like health or education, should already be shaping AI
|
25 |
+
development and deployment.
|
26 |
+
</p>
|
27 |
+
|
28 |
+
<p>
|
29 |
+
AI is often treated as a black box, that only is accessible to researchers or other actors with
|
30 |
+
technical insider knowledge. However, as AI is affecting everyday life of many people, it is crucial
|
31 |
+
for all stakeholders, including regulators, advocacy organisations, courts, and private citizens,
|
32 |
+
to understand what “is inside” different AI systems. Legislation, transparency and openness is
|
33 |
+
needed to give all stakeholders an active voice in shaping the trajectory of AI.
|
34 |
+
</p>
|
35 |
+
sections:
|
36 |
+
- section-title: Mapping Pre-Existing Regulation to AI System
|
37 |
+
section-text: >
|
38 |
+
<p>
|
39 |
+
Section text, HTML-formatted, TODO
|
40 |
+
</p>
|
41 |
+
- section-title: Privacy and Copyright Aspects of AI Development
|
42 |
+
section-text: >
|
43 |
+
<p>
|
44 |
+
Section text, HTML-formatted, TODO
|
45 |
+
</p>
|
46 |
+
- section-title: Approaches to Transversal Regulation of AI as a Technical Category
|
47 |
+
section-text: >
|
48 |
+
<p>
|
49 |
+
Section text, HTML-formatted, TODO
|
50 |
+
</p>
|
51 |
+
- section-title: Transparency-First or Liability-First Regulatory Approaches
|
52 |
+
section-text: >
|
53 |
+
<p>
|
54 |
+
Section text, HTML-formatted, TODO
|
55 |
+
</p>
|
56 |
+
- section-title: Procurement Condition, Government Use, and Right to an Alternative
|
57 |
+
section-text: >
|
58 |
+
<p>
|
59 |
+
Section text, HTML-formatted, TODO
|
60 |
+
</p>
|
61 |
+
resources:
|
62 |
+
- resource-name: Google Doc topic Card
|
63 |
+
resource-url: https://docs.google.com/document/d/1PLNuZcal1z2tPbohhXEAoJAGr_GWbT0wkpulDtIJR6s/
|
64 |
+
contributions: >
|
65 |
+
Lucie-Aimee Kaffee and Yacine Jernite wrote this document.
|
resources/topics/developing.yaml
ADDED
@@ -0,0 +1,62 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Innovation, Market Concentration, and Open Development"
|
3 |
+
title-short: Development and Market Dynamics
|
4 |
+
document-id: developing
|
5 |
+
tags:
|
6 |
+
- innovation
|
7 |
+
- competition
|
8 |
+
- regulation
|
9 |
+
# abstract in text format
|
10 |
+
abstract: >
|
11 |
+
The unique intersection of technical innovation, reliance on data at extraordinary scales,
|
12 |
+
rapid deployment across most existing economic domains and infrastructures, and dependence on dedicated
|
13 |
+
computation centers that characterize modern AI systems shape its commercial
|
14 |
+
development and competition dynamics in new ways that strain existing market systems.
|
15 |
+
# introduction and sections in HTML format
|
16 |
+
introduction: >
|
17 |
+
<p>
|
18 |
+
“AI” and Machine Learning systems are already ubiquitous, deployed in social
|
19 |
+
media and all kinds of digital services. AI can be compared to “Software 2.0” -
|
20 |
+
AI literacy is becoming part of the basic set of skills to build any kind of
|
21 |
+
technology. Relying exclusively on AI systems that are developed and served by a
|
22 |
+
handful of companies would have strong negative impacts on innovation and competition.
|
23 |
+
</p>
|
24 |
+
|
25 |
+
<p>
|
26 |
+
Having access to data is a significant competitive bottleneck, including: data about
|
27 |
+
how people are using AI systems - data about what AI systems are better or worse out -
|
28 |
+
use data and feedback from users - proprietary data to fine-tune models - internal databases
|
29 |
+
for RAG-like techniques. Sending all of that data to a few companies further centralizes
|
30 |
+
their role in adapting new technology. In addition to enabling anti-competitive practices,
|
31 |
+
this also limits the breadth of technology that can be developed - better to have smaller
|
32 |
+
companies work on their own hundreds of thousands of use cases than to have central entities
|
33 |
+
decide what is worth deploying and providing a “just OK” unique solution for everything.
|
34 |
+
</p>
|
35 |
+
|
36 |
+
<p>
|
37 |
+
Access to compute has become a strong market concentration point for generative AI systems,
|
38 |
+
and there is strong vertical integration between the cloud providers and “frontier” model developers.
|
39 |
+
Mitigating that vertical integration is essential. Providing more efficient and purpose-specific systems
|
40 |
+
breaks some of that dependence on large cloud compute.
|
41 |
+
</p>
|
42 |
+
sections:
|
43 |
+
- section-title: Openness and Innovation
|
44 |
+
section-text: >
|
45 |
+
<p>
|
46 |
+
Section text, HTML-formatted, TODO
|
47 |
+
</p>
|
48 |
+
- section-title: Regulation and Innovation
|
49 |
+
section-text: >
|
50 |
+
<p>
|
51 |
+
Section text, HTML-formatted, TODO
|
52 |
+
</p>
|
53 |
+
- section-title: Competition and Market Concentration Dynamics
|
54 |
+
section-text: >
|
55 |
+
<p>
|
56 |
+
Section text, HTML-formatted, TODO
|
57 |
+
</p>
|
58 |
+
resources:
|
59 |
+
- resource-name: Google Doc topic Card
|
60 |
+
resource-url: https://docs.google.com/document/d/17ksxEVyBcRGL6e6da4OPbjRxuCT5iEx5Ih67bj1Fc_w/
|
61 |
+
contributions: >
|
62 |
+
Yacine Jernite wrote this document.
|
resources/topics/discussing.yaml
ADDED
@@ -0,0 +1,48 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "International Dynamics and Geopolitics of AI"
|
3 |
+
title-short: International Dynamics on AI
|
4 |
+
document-id: deciding
|
5 |
+
tags:
|
6 |
+
- regulation
|
7 |
+
# abstract in text format
|
8 |
+
abstract: >
|
9 |
+
AI's deployment and use is often borderless, but much of the most popularly used and highly
|
10 |
+
resourced research and development is regionally concentrated.
|
11 |
+
Foreign influence and competition dynamics intersect with what values AI systems are reflecting,
|
12 |
+
in addition to who is able to shape the future of AI and technology broadly.
|
13 |
+
# introduction and sections in HTML format
|
14 |
+
introduction: >
|
15 |
+
<p>
|
16 |
+
AI's global influence necessarily raises geopolitical considerations, which range from
|
17 |
+
urgency for international collaboration to bilateral tensions and competition.
|
18 |
+
Collaboration on science, from scientific research best practices to safety lessons,
|
19 |
+
overlaps with policy needs such as standardization and regulatory coordination.
|
20 |
+
National security concerns are rising, scrutinizing foreign actor influence and
|
21 |
+
attacks on critical infrastructure and technological leadership.
|
22 |
+
</p>
|
23 |
+
sections:
|
24 |
+
- section-title: Treaties and Cross-Jurisdiction Application of AI Regulations
|
25 |
+
section-text: >
|
26 |
+
<p>
|
27 |
+
Section text, HTML-formatted, TODO
|
28 |
+
</p>
|
29 |
+
- section-title: International Collaboration on Research and Standards
|
30 |
+
section-text: >
|
31 |
+
<p>
|
32 |
+
Section text, HTML-formatted, TODO
|
33 |
+
</p>
|
34 |
+
- section-title: International Competition and National Perspectives
|
35 |
+
section-text: >
|
36 |
+
<p>
|
37 |
+
Section text, HTML-formatted, TODO
|
38 |
+
</p>
|
39 |
+
- section-title: Global Majority Perspectives on AI Development and Sovereignty
|
40 |
+
section-text: >
|
41 |
+
<p>
|
42 |
+
Section text, HTML-formatted, TODO
|
43 |
+
</p>
|
44 |
+
resources:
|
45 |
+
- resource-name: Google Doc topic Card
|
46 |
+
resource-url: https://docs.google.com/document/d/1BKXCx72vvdGAAzD6VGbPPBiA6AYdEHwDTwW07WBP084/
|
47 |
+
contributions: >
|
48 |
+
Irene Solaiman and Yacine Jernite wrote this document.
|
resources/topics/environment.yaml
ADDED
@@ -0,0 +1,58 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Addressing the Environmental Costs and Impact of AI"
|
3 |
+
title-short: Energy and Environmental Costs
|
4 |
+
document-id: environment
|
5 |
+
tags:
|
6 |
+
- environment
|
7 |
+
# abstract in text format
|
8 |
+
abstract: >
|
9 |
+
Developing and deploying AI systems requires natural resources (energy, water, rare earth metals),
|
10 |
+
which puts pressure on energy grids, which are already under immense strain, as well as potentially
|
11 |
+
causing harm to ecosystems and communities. There is a lack of meaningful evaluation of AI's
|
12 |
+
environmental impacts and transparency around them; and a lot of greenwashing around AI's potential to “solve climate change”.
|
13 |
+
# introduction and sections in HTML format
|
14 |
+
introduction: >
|
15 |
+
<p>
|
16 |
+
Recent generations of AI models, especially large language models (LLMs), have been using increasing amounts
|
17 |
+
of compute; this is often presented in terms of GPU hours or millions of dollars used to buy cloud compute credits.
|
18 |
+
However, this compute also comes with a cost to the environment; this can be conceptualized in a life cycle analysis (LCA) approach to AI.
|
19 |
+
</p>
|
20 |
+
|
21 |
+
<p>
|
22 |
+
From the rare earth minerals that are extracted and transformed into computing hardware, to the energy used
|
23 |
+
to power model training and deployment, and the water used for purifying layers of silicone and cool data centers;
|
24 |
+
the usage of all these resources taxes planetary boundaries that are already under strain. Also, the concentration
|
25 |
+
of power in AI means that a select few organizations are responsible for a large portion of the impacts, and yet the
|
26 |
+
communities that are harmed by these impacts do not have a say in these; parallel with climate justice considerations
|
27 |
+
that have already existed in the climate change space.
|
28 |
+
</p>
|
29 |
+
|
30 |
+
<p>
|
31 |
+
Finally, while AI is part of the myriad of technologies that can help mitigate and adapt to climate change by improving
|
32 |
+
weather forecasting, proposing new combinations of molecules for batteries, and even improving the efficiency of existing and
|
33 |
+
future energy grids, it is currently unclear whether the environmental costs of AI technologies outweigh their benefits, and
|
34 |
+
more transparency is needed to allow informed decision-making in the space.
|
35 |
+
</p>
|
36 |
+
sections:
|
37 |
+
- section-title: Commercial and Infrastructure Effects of Energy Grid Demands
|
38 |
+
section-text: >
|
39 |
+
<p>
|
40 |
+
Section text, HTML-formatted, TODO
|
41 |
+
</p>
|
42 |
+
- section-title: "Categories of Environmental Costs: Carbon, Water, Minerals"
|
43 |
+
section-text: >
|
44 |
+
<p>
|
45 |
+
Section text, HTML-formatted, TODO
|
46 |
+
</p>
|
47 |
+
- section-title: Disparate Environmental Impacts and Cross-National Dynamics
|
48 |
+
section-text: >
|
49 |
+
<p>
|
50 |
+
Section text, HTML-formatted, TODO
|
51 |
+
</p>
|
52 |
+
resources:
|
53 |
+
- resource-name: Google Doc topic Card
|
54 |
+
resource-url: https://docs.google.com/document/d/1fgi2NEb4glP8QGansroHmL9BZJ6Ja8zQKWQY4STRQ3k/
|
55 |
+
- resource-name: Primer on AI's Environmental Impact
|
56 |
+
resource-url: https://huggingface.co/blog/sasha/ai-environment-primer
|
57 |
+
contributions: >
|
58 |
+
Sasha Luccioni and Yacine Jernite wrote this document.
|
resources/topics/individuals.yaml
ADDED
@@ -0,0 +1,71 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Framing the Impact of AI Systems on Individuals' Rights and Interests"
|
3 |
+
title-short: Impact of AI on Persons
|
4 |
+
document-id: individuals
|
5 |
+
tags:
|
6 |
+
- discrimination
|
7 |
+
- privacy
|
8 |
+
- safety
|
9 |
+
- consent
|
10 |
+
# abstract in text format
|
11 |
+
abstract: >
|
12 |
+
The pervasive integration of AI into our daily lives is reshaping individual experiences,
|
13 |
+
relationships, and societal norms in profound and often unsettling ways. This technological revolution, while offering
|
14 |
+
numerous benefits, also presents a complex array of challenges that demand careful consideration and proactive measures
|
15 |
+
to protect human well-being and autonomy.
|
16 |
+
|
17 |
+
# introduction and sections in HTML format
|
18 |
+
introduction: >
|
19 |
+
<p>
|
20 |
+
AI is increasingly integral to daily life, shaping
|
21 |
+
individual experiences and societal dynamics through personalized recommendations,
|
22 |
+
chat assistants, and care robots. While AI enhances convenience and efficiency, it
|
23 |
+
raises concerns about privacy, mental health, and bias. As AI becomes pervasive, questions about individuals'
|
24 |
+
rights to understand the technology and its implications emerge, emphasizing the need for diverse group
|
25 |
+
involvement to prevent exacerbating discrimination or creating new inequalities. AI's impact extends beyond
|
26 |
+
users to passive subjects, raising ethical concerns about consent and autonomy. AI tools like
|
27 |
+
GitHub Copilot are changing work and creativity, prompting questions about human skills and over-reliance on AI.
|
28 |
+
Power dynamics shift in sectors like healthcare and home security as AI systems assume more responsibilities.
|
29 |
+
Understanding AI's multifaceted impact is crucial to ensure its deployment promotes well-being, equity, and human agency,
|
30 |
+
necessitating critical examination and active shaping to align with human values and rights.
|
31 |
+
</p>
|
32 |
+
|
33 |
+
<p>
|
34 |
+
Biased and stereotypical AI systems pose a significant threat to mental health and social equity.
|
35 |
+
When AI algorithms reflect and amplify societal biases present in their training data, they can exacerbate
|
36 |
+
discrimination against marginalized groups. This can manifest in biased hiring algorithms that disadvantage
|
37 |
+
certain demographics or facial recognition systems that perform poorly on non-white faces.
|
38 |
+
The psychological impact of interacting with biased AI can be profound, reinforcing negative self-perceptions
|
39 |
+
and contributing to mental health issues among affected individuals. Additionally, AI's role in shaping beauty
|
40 |
+
standards and self-perception is concerning. AI-generated and manipulated images on social media and in advertising
|
41 |
+
contribute to unrealistic beauty standards and negative body image issues. Campaigns like Dove's "Keep Beauty Real"
|
42 |
+
emphasize the importance of promoting authentic representations of diverse body types and appearances in the face of
|
43 |
+
sophisticated AI-driven image manipulation tools.
|
44 |
+
</p>
|
45 |
+
|
46 |
+
sections:
|
47 |
+
- section-title: Discrimination, Biases, and Accessibility
|
48 |
+
section-text: >
|
49 |
+
<p>
|
50 |
+
Section text, HTML-formatted, TODO
|
51 |
+
</p>
|
52 |
+
- section-title: Harassment, NCII, and AI-enabled Abuse
|
53 |
+
section-text: >
|
54 |
+
<p>
|
55 |
+
Section text, HTML-formatted, TODO
|
56 |
+
</p>
|
57 |
+
- section-title: Consent and Control of Personal Data and Work
|
58 |
+
section-text: >
|
59 |
+
<p>
|
60 |
+
Section text, HTML-formatted, TODO
|
61 |
+
</p>
|
62 |
+
- section-title: Right to an Alternative and Recourse for Harms
|
63 |
+
section-text: >
|
64 |
+
<p>
|
65 |
+
Section text, HTML-formatted, TODO
|
66 |
+
</p>
|
67 |
+
resources:
|
68 |
+
- resource-name: Google Doc topic Card
|
69 |
+
resource-url: https://docs.google.com/document/d/18DsFYeaoWcK8VOkl77E9AgdHA7vhyiqUhSmGm-vnIEE
|
70 |
+
contributions: >
|
71 |
+
Avijit Ghosh and Yacine Jernite wrote this document.
|
resources/topics/shaping.yaml
ADDED
@@ -0,0 +1,49 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Mechanisms for Shaping how AI Systems are Developed, Shared, and Used"
|
3 |
+
title-short: Governing AI Use and Development
|
4 |
+
document-id: shaping
|
5 |
+
tags:
|
6 |
+
- ethical charters
|
7 |
+
- guardrails
|
8 |
+
- licenses
|
9 |
+
- openness
|
10 |
+
# abstract in text format
|
11 |
+
abstract: >
|
12 |
+
Several categories of documents, artifacts, and development choices shape how use AI systems
|
13 |
+
are used and can be shared to meet specified goals, including: technical tools supporting their development
|
14 |
+
and deployment, codes of ethics and internal governance processes of developing organizations, and
|
15 |
+
holistic risk mitigation strategies across the development chain.
|
16 |
+
# introduction and sections in HTML format
|
17 |
+
introduction: >
|
18 |
+
<p>
|
19 |
+
Several categories of documents, artifacts, and development choices shape how use AI systems
|
20 |
+
are used and can be shared to meet specified goals, including: technical tools supporting their development
|
21 |
+
and deployment, codes of ethics and internal governance processes of developing organizations, and
|
22 |
+
holistic risk mitigation strategies across the development chain.
|
23 |
+
</p>
|
24 |
+
sections:
|
25 |
+
- section-title: Internal Governance of Developer Organizations
|
26 |
+
section-text: >
|
27 |
+
<p>
|
28 |
+
Section text, HTML-formatted, TODO
|
29 |
+
</p>
|
30 |
+
- section-title: Dimensions and Spectrums of Release
|
31 |
+
section-text: >
|
32 |
+
<p>
|
33 |
+
Section text, HTML-formatted, TODO
|
34 |
+
</p>
|
35 |
+
- section-title: Risk Mitigations across the Development Chain
|
36 |
+
section-text: >
|
37 |
+
<p>
|
38 |
+
Section text, HTML-formatted, TODO
|
39 |
+
</p>
|
40 |
+
- section-title: Use Restrictions, Terms of Use, and Content Moderation
|
41 |
+
section-text: >
|
42 |
+
<p>
|
43 |
+
Section text, HTML-formatted, TODO
|
44 |
+
</p>
|
45 |
+
resources:
|
46 |
+
- resource-name: Google Doc topic Card
|
47 |
+
resource-url: https://docs.google.com/document/d/151vybUB-JMkMafAjXmw7pRcbbuWnJw3RtcAI4zsEcVk/
|
48 |
+
contributions: >
|
49 |
+
Giada Pistilli and Yacine Jernite wrote this document.
|
resources/topics/systems.yaml
ADDED
@@ -0,0 +1,60 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "Framing the Impact of AI Systems on Social Systems"
|
3 |
+
title-short: Impact of AI on Social Systems
|
4 |
+
document-id: systems
|
5 |
+
tags:
|
6 |
+
- journalism
|
7 |
+
- elections
|
8 |
+
- education
|
9 |
+
- labor
|
10 |
+
- cybersecurity
|
11 |
+
# abstract in text format
|
12 |
+
abstract: >
|
13 |
+
Some of the impacts of AI deployment at scale are better assessed at the level of social systems than
|
14 |
+
at the level of individuals; including its effect on education, labor conditions, election integrity,
|
15 |
+
or information ecosystems among others.
|
16 |
+
# introduction and sections in HTML format
|
17 |
+
introduction: >
|
18 |
+
<p>
|
19 |
+
AI increasingly wreaks havoc on numerous aspects of our lives. It affects the labor market, altering compensation
|
20 |
+
structures and raising questions about control over AI deployment in workplaces. Its influence extends to our societal
|
21 |
+
institutions at large like the educational infrastructure, democratic processes, and the entire information ecosystem.
|
22 |
+
</p>
|
23 |
+
|
24 |
+
<p>
|
25 |
+
Given these wide-ranging impacts, it is crucial to develop evaluation methods to measure its impacts.
|
26 |
+
We must create mechanisms for societies to make informed decisions about their technological future and implement strategies
|
27 |
+
to mitigate AI's potential risks. Moreover, as AI systems become more integrated into our daily lives, there's an urgent need
|
28 |
+
to raise general awareness about their downstream effects and improve AI literacy across society.
|
29 |
+
</p>
|
30 |
+
sections:
|
31 |
+
- section-title: Impact on Journalism and Information Ecosystems
|
32 |
+
section-text: >
|
33 |
+
<p>
|
34 |
+
Section text, HTML-formatted, TODO
|
35 |
+
</p>
|
36 |
+
- section-title: Impact on Education and Schools
|
37 |
+
section-text: >
|
38 |
+
<p>
|
39 |
+
Section text, HTML-formatted, TODO
|
40 |
+
</p>
|
41 |
+
- section-title: Impact on Labor Conditions
|
42 |
+
section-text: >
|
43 |
+
<p>
|
44 |
+
Section text, HTML-formatted, TODO
|
45 |
+
</p>
|
46 |
+
- section-title: Impact on Infrastructure (Cyber-)Security
|
47 |
+
section-text: >
|
48 |
+
<p>
|
49 |
+
Section text, HTML-formatted, TODO
|
50 |
+
</p>
|
51 |
+
- section-title: Impact on Election Integrity and Democratic Processes
|
52 |
+
section-text: >
|
53 |
+
<p>
|
54 |
+
Section text, HTML-formatted, TODO
|
55 |
+
</p>
|
56 |
+
resources:
|
57 |
+
- resource-name: Google Doc topic Card
|
58 |
+
resource-url: https://docs.google.com/document/d/1zhbaCZT8QDFHjhIlrnE-XObbXN8ZUMLhzrZYMFxBqFc/
|
59 |
+
contributions: >
|
60 |
+
Florent Daudens and Yacine Jernite wrote this document.
|
resources/topics/understanding.yaml
ADDED
@@ -0,0 +1,87 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title-long: "The Science of AI: Understanding and Examining Systems"
|
3 |
+
title-short: Understanding AI Systems
|
4 |
+
document-id: understanding
|
5 |
+
tags:
|
6 |
+
- research
|
7 |
+
- openness
|
8 |
+
- evaluation
|
9 |
+
- audits
|
10 |
+
- journalism
|
11 |
+
# abstract in text format
|
12 |
+
abstract: >
|
13 |
+
Governance of AI systems requires sufficient understanding of the technology,
|
14 |
+
including of its strenghts, risks, and weaknesses, and the trade-offs between different
|
15 |
+
interests inherent in its development choices. This understanding depends on a
|
16 |
+
sufficient open research ecosystem to support broad public awareness and
|
17 |
+
robust auditing practices.
|
18 |
+
# introduction and sections in HTML format
|
19 |
+
introduction: >
|
20 |
+
<p>
|
21 |
+
As AI is becoming ever more ubiquitous, increasingly more builders and affected
|
22 |
+
stakeholders need to understand how it works, what it can and cannot do, what trade-offs
|
23 |
+
are involved in developing the technology, and how it can be leveraged or improved in
|
24 |
+
particular contexts. This requires sufficient visibility and a thriving research ecosystem
|
25 |
+
that is inclusive of perspectives outside of those of the developers working within the
|
26 |
+
very best-resourced companies.
|
27 |
+
</p>
|
28 |
+
|
29 |
+
<p>
|
30 |
+
Making informed decisions about AI systems requires understanding how the technology works,
|
31 |
+
what development choices are available to meet certain goals, and how they trade off different
|
32 |
+
priorities. Approaching AI as a science means upholding scientific integrity, which includes
|
33 |
+
reproducibility, verifiability, and increasing the breadth of people who can use the technology
|
34 |
+
and contribute to scientific development.
|
35 |
+
</p>
|
36 |
+
sections:
|
37 |
+
- section-title: Open Research, Transparency, and Replicability
|
38 |
+
section-text: >
|
39 |
+
<p>
|
40 |
+
In order to properly use and govern AI systems, we need answer to a range of questions:
|
41 |
+
<ul>
|
42 |
+
<li>How reliably can a system fulfil specific tasks?</li>
|
43 |
+
<li>Does the system performance differ significantly for different groups of people?</li>
|
44 |
+
<li>Whose work and data contributes to the performance of a system?</li>
|
45 |
+
<li>Can this difference lead to systematic discrimination?</li>
|
46 |
+
<li>What is the environmental cost of training and deploying a system?</li>
|
47 |
+
</ul>
|
48 |
+
All of these questions are the subject of ongoing research. In order to be reliable, this
|
49 |
+
research needs to meet basic scientific values, including <strong>replicability</strong>.
|
50 |
+
Given the importance of framing in research and the potential tensions between the interests
|
51 |
+
of other stakeholder groups, access to AI systems for external stakeholders should also be sufficient
|
52 |
+
to allow research from <strong>indepent expertise</strong> that is both <strong>multidisciplinary</strong>
|
53 |
+
and represenative of all groups affected by the technology.
|
54 |
+
</p>
|
55 |
+
- section-title: Science and Pitfalls of AI Evaluation
|
56 |
+
section-text: >
|
57 |
+
<p>
|
58 |
+
The science of evaluation of AI systems in particular is very much underdeveloped.
|
59 |
+
API systems are routinely evaluated with unspecified software additions, and sometimes without an exact version tag.
|
60 |
+
The phenomenon known as "benchmark contamination" is endemic to modern systems, and impossible to quantify without transparency
|
61 |
+
on training datasets.
|
62 |
+
</p>
|
63 |
+
|
64 |
+
<p>
|
65 |
+
More generally, not everything that should be understood about AI system <strong>can</strong> be measured
|
66 |
+
using a quantitative automatic metric at the system level. For example, it has been argued that <em>safety is not a model property</em>.
|
67 |
+
Understanding what it means to evaluate systems in context and to assess development practices, including data
|
68 |
+
collection and its impact on data subjects, needs to take a broader view.
|
69 |
+
</p>
|
70 |
+
- section-title: Audits and Investigative Journalism
|
71 |
+
section-text: >
|
72 |
+
<p>
|
73 |
+
System audits and investigative journalism are necessary function for governance. Neither can reliably fulfill their purposes
|
74 |
+
without a sufficient basic understanding of the technology; enough to know at least what questions to ask within audits,
|
75 |
+
and what aspects of a system to look at in more detail for journalists.
|
76 |
+
</p>
|
77 |
+
resources:
|
78 |
+
- resource-name: HF Open LLM Leaderboard
|
79 |
+
resource-url: https://huggingface.co/spaces/open-llm-leaderboard/open_llm_leaderboard
|
80 |
+
- resource-name: 'EleutherAI: Going Beyond "Open Science" to "Science in the Open"'
|
81 |
+
resource-url: https://arxiv.org/abs/2210.06413
|
82 |
+
- resource-name: 'AI auditing: The Broken Bus on the Road to AI Accountability'
|
83 |
+
resource-url: https://ieeexplore.ieee.org/abstract/document/10516659
|
84 |
+
- resource-name: Google Doc topic Card
|
85 |
+
resource-url: https://docs.google.com/document/d/1D2KA3CKcuKOc9mOMRKjucYrYBREx30z9xuKUGSgQUEE/
|
86 |
+
contributions: >
|
87 |
+
Yacine Jernite wrote this topic card.
|
scripts/overview-gallery.js
ADDED
@@ -0,0 +1,94 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Sample database of items
|
2 |
+
const items = [
|
3 |
+
{
|
4 |
+
title: 'EvalEval Workshop',
|
5 |
+
tags: ['privacy', 'bias', 'environment', 'measuring', 'society'],
|
6 |
+
image: 'images/hf-logo.png',
|
7 |
+
link: 'projects.html#Evaluation',
|
8 |
+
description: 'The EvalEval workshop is organized by our collaborative Social Impact Evaluation project.'
|
9 |
+
},
|
10 |
+
{
|
11 |
+
title: 'Legal Hackathons',
|
12 |
+
tags: ['regulation', 'education', 'privacy', 'labor', 'society'],
|
13 |
+
image: 'images/hf-logo.png',
|
14 |
+
link: 'projects.html#Legal',
|
15 |
+
description: 'The Legal Hackathons produce reports analyzing existing and proposed regulation.'
|
16 |
+
},
|
17 |
+
{
|
18 |
+
title: 'AI Energy Scores',
|
19 |
+
tags: ['environment', 'measuring', 'society'],
|
20 |
+
image: 'images/hf-logo.png',
|
21 |
+
link: 'projects.html#Energy',
|
22 |
+
description: 'This project works toward standardized reporting of energy costs of AI systems.'
|
23 |
+
},
|
24 |
+
{
|
25 |
+
title: 'Topic Card: Social Systems',
|
26 |
+
tags: ['education', 'journalism', 'labor', 'society'],
|
27 |
+
image: 'images/hf-logo.png',
|
28 |
+
link: 'topics.html#Systems',
|
29 |
+
description: 'This topic card on the Impact of AI on Social Systems provides descriptions and resources.'
|
30 |
+
},
|
31 |
+
{
|
32 |
+
title: '🤗 Policy Writings',
|
33 |
+
tags: ['regulation', 'openness', 'privacy', 'society'],
|
34 |
+
image: 'images/hf-logo.png',
|
35 |
+
link: 'projects.html#Policy',
|
36 |
+
description: 'Policy-relevant writings, including comments on regulation, responses from RFIs, etc.'
|
37 |
+
},
|
38 |
+
];
|
39 |
+
|
40 |
+
// Populate the tag list in the sidebar
|
41 |
+
const tagList = document.getElementById('tagList');
|
42 |
+
const uniqueTags = [...new Set(items.flatMap(item => item.tags))];
|
43 |
+
uniqueTags.forEach(tag => {
|
44 |
+
const li = document.createElement('li');
|
45 |
+
li.textContent = tag;
|
46 |
+
li.className = 'tagListItem'
|
47 |
+
li.id = `li-${tag}`
|
48 |
+
li.addEventListener('click', () => displayItemsByTag(tag));
|
49 |
+
tagList.appendChild(li);
|
50 |
+
});
|
51 |
+
|
52 |
+
// Function to display items based on selected tag
|
53 |
+
function displayItemsByTag(selectedTag) {
|
54 |
+
localStorage.setItem("gallery-tag", selectedTag)
|
55 |
+
const itemContainer = document.getElementById('itemGallery');
|
56 |
+
itemContainer.innerHTML = '';
|
57 |
+
|
58 |
+
const filteredItems = items.filter(item => item.tags.includes(selectedTag));
|
59 |
+
|
60 |
+
let itemCount = 0;
|
61 |
+
filteredItems.forEach(item => {
|
62 |
+
itemCount = itemCount + 1;
|
63 |
+
const itemDiv = document.createElement('div');
|
64 |
+
itemDiv.className = 'item';
|
65 |
+
itemDiv.id = `item-${itemCount}`;
|
66 |
+
itemDiv.style.backgroundImage = `url(${item.image})`;
|
67 |
+
itemDiv.innerHTML = `
|
68 |
+
<h3><a href="${item.link}">${item.title}</a></h3>
|
69 |
+
<p>${item.description}</p>
|
70 |
+
`;
|
71 |
+
itemContainer.appendChild(itemDiv);
|
72 |
+
});
|
73 |
+
|
74 |
+
const allTagListItems = document.getElementsByClassName('tagListItem')
|
75 |
+
for (const tli of allTagListItems) {
|
76 |
+
if (tli.id === `li-${selectedTag}`) {
|
77 |
+
tli.style.backgroundColor = "#cbf5e1";
|
78 |
+
} else {
|
79 |
+
tli.style.backgroundColor = "White";
|
80 |
+
}
|
81 |
+
}
|
82 |
+
|
83 |
+
const showing = document.getElementById('sidebarShowing');
|
84 |
+
showing.innerHTML = `Showing projects relevant to: <strong>${selectedTag}</strong>`
|
85 |
+
}
|
86 |
+
|
87 |
+
// Start with society
|
88 |
+
if (!localStorage.getItem("gallery-tag")) {
|
89 |
+
displayItemsByTag("society");
|
90 |
+
} else {
|
91 |
+
const selectedTag = localStorage.getItem("gallery-tag");
|
92 |
+
displayItemsByTag(selectedTag);
|
93 |
+
}
|
94 |
+
|
scripts/projects-gallery.js
ADDED
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
|
2 |
+
const projectsArray = document.getElementById('projects-gallery');
|
3 |
+
|
4 |
+
function addProjectCard(projectObject) {
|
5 |
+
const projectCard = document.createElement('article');
|
6 |
+
projectCard.className = "content-card";
|
7 |
+
projectCard.id = `project-${projectName}`;
|
8 |
+
projectCard.appendChild(Object.assign(document.createElement('h3'), {textContent: projectObject["title-short"], className: "card-title"}));
|
9 |
+
projectCard.appendChild(Object.assign(document.createElement('p'), {textContent: projectObject.abstract, className: "card-abstract"}));
|
10 |
+
const badges = Object.assign(document.createElement('div'), {className: "badges"});
|
11 |
+
for (tag of projectObject.tags) {
|
12 |
+
badges.appendChild(Object.assign(document.createElement('span'), {className: `badge ${tag}`, textContent: tag}));
|
13 |
+
}
|
14 |
+
projectCard.appendChild(badges);
|
15 |
+
projectsArray.appendChild(projectCard);
|
16 |
+
}
|
17 |
+
|
18 |
+
for (projectName of projects) {
|
19 |
+
fetchAndParseYAML(`resources/projects/${projectName}.yaml`, addProjectCard);
|
20 |
+
}
|
21 |
+
|
scripts/projects-page.js
ADDED
@@ -0,0 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
const navbarListItems = document.getElementsByClassName('navbar-item')
|
2 |
+
|
3 |
+
const documentSidebar = document.getElementsByClassName("document-sidebar")[0].querySelector('ul');
|
4 |
+
const documentText = document.getElementsByClassName("document-text")[0];
|
5 |
+
const documentCredit = document.getElementsByClassName("document-credit")[0];
|
6 |
+
|
7 |
+
function parseHashAndRunCode() {
|
8 |
+
const urlHash = window.location.hash;
|
9 |
+
let projectName = urlHash.substring(1);
|
10 |
+
fetchAndParseYAML(`resources/projects/${projectName}.yaml`, renderDocument);
|
11 |
+
}
|
12 |
+
|
13 |
+
let projectName;
|
14 |
+
if (window.location.hash) {
|
15 |
+
projectName = window.location.hash.substring(1);
|
16 |
+
} else {
|
17 |
+
projectName = 'policy';
|
18 |
+
}
|
19 |
+
fetchAndParseYAML(`resources/projects/${projectName}.yaml`, renderDocument);
|
20 |
+
window.addEventListener('hashchange', parseHashAndRunCode);
|
scripts/team-gallery.js
ADDED
@@ -0,0 +1,35 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
|
2 |
+
const teamArray = document.getElementById('team-gallery');
|
3 |
+
|
4 |
+
function addTeamCard(teamObject) {
|
5 |
+
const teamCard = document.createElement('article');
|
6 |
+
teamCard.className = "team-card";
|
7 |
+
teamCard.id = `team-${teamObject.name}`;
|
8 |
+
const teamCardHeader = document.createElement('div')
|
9 |
+
teamCardHeader.className = "team-card-header"
|
10 |
+
const teamCardTitle = document.createElement('div')
|
11 |
+
teamCardTitle.appendChild(Object.assign(document.createElement('h4'), {textContent: teamObject.name}));
|
12 |
+
teamCardTitle.appendChild(Object.assign(document.createElement('p'), {innerHTML: teamObject.title}));
|
13 |
+
teamCardTitle.appendChild(Object.assign(
|
14 |
+
document.createElement('p'),
|
15 |
+
{innerHTML: `<a href=${teamObject.website}>Website</a>, <a href=${teamObject.hf_profile}>HF Profile</a>`}
|
16 |
+
));
|
17 |
+
const teamCardPicture = document.createElement('img')
|
18 |
+
teamCardPicture.src = `${teamObject.picture}`;
|
19 |
+
teamCardPicture.style.maxWidth = '100%';
|
20 |
+
teamCardHeader.appendChild(teamCardTitle);
|
21 |
+
teamCardHeader.appendChild(teamCardPicture);
|
22 |
+
teamCard.appendChild(teamCardHeader);
|
23 |
+
teamCard.appendChild(Object.assign(document.createElement('p'), {textContent: teamObject.blurb, className: "card-abstract"}));
|
24 |
+
const projects = Object.assign(document.createElement('div'), {className: "badges"});
|
25 |
+
for (tag of teamObject.projects) {
|
26 |
+
projects.appendChild(Object.assign(document.createElement('span'), {className: `badge ${tag}`, textContent: tag}));
|
27 |
+
}
|
28 |
+
teamCard.appendChild(projects);
|
29 |
+
teamArray.appendChild(teamCard);
|
30 |
+
}
|
31 |
+
|
32 |
+
for (teamName of team) {
|
33 |
+
fetchAndParseYAML(`resources/team/${teamName}.yaml`, addTeamCard);
|
34 |
+
}
|
35 |
+
|
scripts/topics-gallery.js
ADDED
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
const topicsArray = document.getElementById('topics-gallery');
|
2 |
+
|
3 |
+
function addTopicCard(topicObject) {
|
4 |
+
const projectCard = document.createElement('article');
|
5 |
+
projectCard.className = "content-card";
|
6 |
+
projectCard.id = `topic-${projectName}`;
|
7 |
+
projectCard.appendChild(Object.assign(document.createElement('h3'), {textContent: topicObject["title-short"], className: "card-title"}));
|
8 |
+
projectCard.appendChild(Object.assign(document.createElement('p'), {textContent: topicObject.abstract, className: "card-abstract"}));
|
9 |
+
const badges = Object.assign(document.createElement('div'), {className: "badges"});
|
10 |
+
for (tag of topicObject.tags) {
|
11 |
+
badges.appendChild(Object.assign(document.createElement('span'), {className: `badge ${tag}`, textContent: tag}));
|
12 |
+
}
|
13 |
+
projectCard.appendChild(badges);
|
14 |
+
topicsArray.appendChild(projectCard);
|
15 |
+
}
|
16 |
+
|
17 |
+
for (topicName of topics) {
|
18 |
+
fetchAndParseYAML(`resources/topics/${topicName}.yaml`, addTopicCard);
|
19 |
+
}
|
scripts/topics-page.js
ADDED
@@ -0,0 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
const navbarListItems = document.getElementsByClassName('navbar-item')
|
2 |
+
|
3 |
+
const documentSidebar = document.getElementsByClassName("document-sidebar")[0].querySelector('ul');
|
4 |
+
const documentText = document.getElementsByClassName("document-text")[0];
|
5 |
+
const documentCredit = document.getElementsByClassName("document-credit")[0];
|
6 |
+
|
7 |
+
function parseHashAndRunCode() {
|
8 |
+
const urlHash = window.location.hash;
|
9 |
+
let projectName = urlHash.substring(1);
|
10 |
+
fetchAndParseYAML(`resources/topics/${projectName}.yaml`, renderDocument);
|
11 |
+
}
|
12 |
+
|
13 |
+
let projectName;
|
14 |
+
if (window.location.hash) {
|
15 |
+
projectName = window.location.hash.substring(1);
|
16 |
+
} else {
|
17 |
+
projectName = 'understanding';
|
18 |
+
}
|
19 |
+
fetchAndParseYAML(`resources/topics/${projectName}.yaml`, renderDocument);
|
20 |
+
window.addEventListener('hashchange', parseHashAndRunCode);
|
scripts/utils.js
ADDED
@@ -0,0 +1,76 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
const projects = [
|
2 |
+
"policy",
|
3 |
+
"environment",
|
4 |
+
"evaluation",
|
5 |
+
"legal",
|
6 |
+
"data",
|
7 |
+
];
|
8 |
+
|
9 |
+
const topics = [
|
10 |
+
"understanding",
|
11 |
+
"developing",
|
12 |
+
"deciding",
|
13 |
+
"shaping",
|
14 |
+
"environment",
|
15 |
+
"systems",
|
16 |
+
"individuals",
|
17 |
+
"discussing",
|
18 |
+
];
|
19 |
+
|
20 |
+
const team = [
|
21 |
+
"yacine",
|
22 |
+
"sasha",
|
23 |
+
"irene",
|
24 |
+
"giada",
|
25 |
+
"avijit",
|
26 |
+
"lucie",
|
27 |
+
]
|
28 |
+
|
29 |
+
function fetchAndParseYAML(filePath, callback) {
|
30 |
+
fetch(filePath)
|
31 |
+
.then(response => response.text())
|
32 |
+
.then(yamlText => {
|
33 |
+
const yamlData = jsyaml.load(yamlText);
|
34 |
+
callback(yamlData); // Pass the parsed YAML data to your callback
|
35 |
+
})
|
36 |
+
.catch(error => console.error('Error fetching or parsing YAML:', error));
|
37 |
+
}
|
38 |
+
|
39 |
+
function renderDocument(documentObject) {
|
40 |
+
let projectName = documentObject["document-id"];
|
41 |
+
|
42 |
+
for (nli of navbarListItems) {
|
43 |
+
if (nli.id === `navbar-top-${projectName}`) {
|
44 |
+
nli.style.backgroundColor = "#b8c8c0";
|
45 |
+
} else {
|
46 |
+
nli.style.backgroundColor = "#cbf5e1";
|
47 |
+
}
|
48 |
+
}
|
49 |
+
|
50 |
+
documentText.innerHTML = "";
|
51 |
+
documentSidebar.innerHTML = "";
|
52 |
+
|
53 |
+
documentText.appendChild(Object.assign(document.createElement('h3'), {innerHTML: documentObject["title-long"]}));
|
54 |
+
documentText.appendChild(Object.assign(document.createElement('section'), {innerHTML: documentObject["introduction"]}));
|
55 |
+
|
56 |
+
for (section of documentObject.sections) {
|
57 |
+
documentSidebar.appendChild(Object.assign(document.createElement('li'), {innerHTML: section["section-title"]}));
|
58 |
+
documentText.appendChild(Object.assign(document.createElement('h4'), {innerHTML: section["section-title"]}));
|
59 |
+
documentText.appendChild(Object.assign(document.createElement('section'), {innerHTML: section["section-text"]}));
|
60 |
+
}
|
61 |
+
documentSidebar.appendChild(Object.assign(document.createElement('li'), {innerHTML: "Resources"}));
|
62 |
+
|
63 |
+
documentText.appendChild(Object.assign(document.createElement('h3'), {innerHTML: "Resources"}));
|
64 |
+
const resourceList = document.createElement('ul');
|
65 |
+
for (resource of documentObject.resources){
|
66 |
+
resourceList.appendChild(
|
67 |
+
Object.assign(
|
68 |
+
document.createElement('li'),
|
69 |
+
{innerHTML: `<a href="${resource['resource-url']}">${resource['resource-name']}</a>`}
|
70 |
+
)
|
71 |
+
);
|
72 |
+
}
|
73 |
+
documentText.appendChild(resourceList);
|
74 |
+
|
75 |
+
documentCredit.innerHTML = `<p style="margin: 0px">${documentObject.contributions}</p>`
|
76 |
+
}
|
styles/style.css
ADDED
@@ -0,0 +1,274 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* || General setup */
|
2 |
+
.navbar-left {
|
3 |
+
display: flex;
|
4 |
+
align-items: center;
|
5 |
+
margin-left: 5px;
|
6 |
+
}
|
7 |
+
|
8 |
+
.navbar-left h1 {
|
9 |
+
font-size: clamp(12px, 4vw, 24px);
|
10 |
+
color: var(--pico-primary);
|
11 |
+
margin: 0;
|
12 |
+
}
|
13 |
+
|
14 |
+
#navbar-logo {
|
15 |
+
width: min(80px, 12vw); /* Adjust the width as needed */
|
16 |
+
height: auto; /* Maintains aspect ratio */
|
17 |
+
margin-right: 10px; /* Space between image and title */
|
18 |
+
}
|
19 |
+
|
20 |
+
.navbar-right {
|
21 |
+
margin-right: 5px;
|
22 |
+
min-width: 50vw;
|
23 |
+
}
|
24 |
+
|
25 |
+
.navbar-right ul {
|
26 |
+
list-style: none;
|
27 |
+
margin: 0;
|
28 |
+
padding: 0;
|
29 |
+
display: flex;
|
30 |
+
}
|
31 |
+
|
32 |
+
.navbar-right li {
|
33 |
+
position: relative;
|
34 |
+
}
|
35 |
+
|
36 |
+
.navbar-right a {
|
37 |
+
text-decoration: none;
|
38 |
+
}
|
39 |
+
|
40 |
+
.navpage{
|
41 |
+
width: 8vw;
|
42 |
+
margin-right: 2vw;
|
43 |
+
}
|
44 |
+
|
45 |
+
.dropdown{
|
46 |
+
width: 8vw;
|
47 |
+
margin-right: 2vw;
|
48 |
+
}
|
49 |
+
|
50 |
+
.dropdown ul.dropdown-content {
|
51 |
+
display: none;
|
52 |
+
position: absolute;
|
53 |
+
min-width: 18vw;
|
54 |
+
z-index: 1;
|
55 |
+
}
|
56 |
+
|
57 |
+
.dropdown:hover {
|
58 |
+
border: transparent;
|
59 |
+
}
|
60 |
+
|
61 |
+
.dropdown:hover ul.dropdown-content {
|
62 |
+
display: block;
|
63 |
+
background-color: #cbf5e1;
|
64 |
+
border: solid;
|
65 |
+
border-radius: 1px;
|
66 |
+
border-color: var(--pico-primary);
|
67 |
+
width: auto;
|
68 |
+
}
|
69 |
+
|
70 |
+
.dropdown:hover ul.dropdown-content li {
|
71 |
+
display: block;
|
72 |
+
font-size: clamp(12px, 1.5vw, 24px);
|
73 |
+
margin: 0px;
|
74 |
+
padding: 1vw;
|
75 |
+
border-bottom: solid 1px var(--pico-primary);
|
76 |
+
}
|
77 |
+
|
78 |
+
|
79 |
+
/* || Gard galleries */
|
80 |
+
.project-card-array {
|
81 |
+
display: grid;
|
82 |
+
grid-template-columns: repeat(3, 1fr);
|
83 |
+
grid-gap: 10px;
|
84 |
+
}
|
85 |
+
|
86 |
+
.team-card-array {
|
87 |
+
display: grid;
|
88 |
+
grid-template-columns: repeat(3, 1fr);
|
89 |
+
grid-gap: 10px;
|
90 |
+
}
|
91 |
+
|
92 |
+
.team-card-header {
|
93 |
+
display: grid;
|
94 |
+
grid-template-columns: repeat(2, 1fr);
|
95 |
+
grid-gap: 10px;
|
96 |
+
height: clamp(4vw, 6vw, 8vw);
|
97 |
+
overflow-y: scroll;
|
98 |
+
border-bottom: solid 1px var(--pico-primary);
|
99 |
+
}
|
100 |
+
|
101 |
+
.topic-card-array {
|
102 |
+
display: grid;
|
103 |
+
grid-template-columns: repeat(4, 1fr);
|
104 |
+
grid-gap: 10px;
|
105 |
+
}
|
106 |
+
|
107 |
+
h3.card-title {
|
108 |
+
height: 4vw;
|
109 |
+
overflow-y: scroll;
|
110 |
+
border-bottom: 1px solid #b8c8c0;
|
111 |
+
}
|
112 |
+
|
113 |
+
p.card-abstract {
|
114 |
+
height: 8vw;
|
115 |
+
overflow-y: scroll;
|
116 |
+
}
|
117 |
+
|
118 |
+
.badges {
|
119 |
+
display: flex;
|
120 |
+
flex-wrap: wrap;
|
121 |
+
justify-content: flex-start;
|
122 |
+
}
|
123 |
+
|
124 |
+
span.badge {
|
125 |
+
padding: .125rem .25rem;
|
126 |
+
border-radius: .125rem;
|
127 |
+
font-weight: 600;
|
128 |
+
font-size: 16px;
|
129 |
+
background-color: #dcefe5;
|
130 |
+
margin-right: 4px;
|
131 |
+
margin-bottom: 4px;
|
132 |
+
}
|
133 |
+
|
134 |
+
/* || Pages with internal navbar */
|
135 |
+
.page-navbar {
|
136 |
+
margin: auto;
|
137 |
+
width: 100%;
|
138 |
+
border: 2px solid;
|
139 |
+
padding: 0px;
|
140 |
+
}
|
141 |
+
|
142 |
+
.page-navbar ul.navbar-documents {
|
143 |
+
margin: 0;
|
144 |
+
padding: 0;
|
145 |
+
display: flex;
|
146 |
+
background-color: #cbf5e1;
|
147 |
+
/* border-top: 2px solid grey; */
|
148 |
+
border-bottom: 2px solid grey;
|
149 |
+
}
|
150 |
+
|
151 |
+
.page-navbar ul.navbar-documents li {
|
152 |
+
list-style: none;
|
153 |
+
width: clamp(20%, 25%, 35%);
|
154 |
+
border-right: 2px solid grey;
|
155 |
+
margin: 0px;
|
156 |
+
padding: 8px;
|
157 |
+
}
|
158 |
+
|
159 |
+
/* || Document with left navbar for dynamic rendering */
|
160 |
+
.document-main {
|
161 |
+
display: flex;
|
162 |
+
max-height: 100vh;
|
163 |
+
}
|
164 |
+
|
165 |
+
.document-sidebar {
|
166 |
+
flex: 0 0 15%;
|
167 |
+
max-width: 15%;
|
168 |
+
background-color: #f0f0f0;
|
169 |
+
box-sizing: border-box;
|
170 |
+
overflow-y: auto;
|
171 |
+
}
|
172 |
+
|
173 |
+
.document-sidebar ul{
|
174 |
+
padding: 0px;
|
175 |
+
margin:0px;
|
176 |
+
}
|
177 |
+
|
178 |
+
.document-sidebar ul li{
|
179 |
+
padding: 0px;
|
180 |
+
margin:0px;
|
181 |
+
list-style: none;
|
182 |
+
border-style: solid;
|
183 |
+
border-width: 1px;
|
184 |
+
}
|
185 |
+
|
186 |
+
|
187 |
+
.document-text {
|
188 |
+
flex: 1;
|
189 |
+
overflow-y: auto;
|
190 |
+
}
|
191 |
+
|
192 |
+
|
193 |
+
/* || Overview Gallery */
|
194 |
+
#vignettes {
|
195 |
+
display: flex;
|
196 |
+
}
|
197 |
+
|
198 |
+
#itemSidebar {
|
199 |
+
flex: 0 0 20%;
|
200 |
+
max-width: 20%;
|
201 |
+
border: 1px solid rgb(43, 145, 44);
|
202 |
+
padding-left: 5px;
|
203 |
+
margin-right: 5px;
|
204 |
+
}
|
205 |
+
|
206 |
+
ul#tagList {
|
207 |
+
padding: 5px;
|
208 |
+
list-style: none;
|
209 |
+
}
|
210 |
+
|
211 |
+
.tagListItem{
|
212 |
+
background-color: white;
|
213 |
+
border: 1px solid rgb(43, 145, 44);
|
214 |
+
padding: 2px;
|
215 |
+
margin: 2px;
|
216 |
+
list-style: none;
|
217 |
+
}
|
218 |
+
|
219 |
+
#itemGallery {
|
220 |
+
flex: 1;
|
221 |
+
border: 1px solid rgb(43, 145, 44);
|
222 |
+
display: grid;
|
223 |
+
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
|
224 |
+
grid-auto-flow: row; /* This ensures items fill out columns before moving to the next row */
|
225 |
+
}
|
226 |
+
.item {
|
227 |
+
border: 1px solid rgb(43, 145, 44);
|
228 |
+
background-size: cover;
|
229 |
+
background-position: center;
|
230 |
+
height: 200px;
|
231 |
+
position: relative;
|
232 |
+
margin: 5px;
|
233 |
+
}
|
234 |
+
.item h3 {
|
235 |
+
position: absolute;
|
236 |
+
padding: 5px;
|
237 |
+
text-align: center;
|
238 |
+
}
|
239 |
+
.item p {
|
240 |
+
position: absolute;
|
241 |
+
bottom: 0;
|
242 |
+
background-color: #cbf5e1;
|
243 |
+
margin: 0;
|
244 |
+
padding: 5px;
|
245 |
+
text-align: center;
|
246 |
+
}
|
247 |
+
|
248 |
+
/* Previous css */
|
249 |
+
/*
|
250 |
+
html {
|
251 |
+
background-color: rgb(201, 239, 201);
|
252 |
+
font-size: 20px;
|
253 |
+
}
|
254 |
+
|
255 |
+
ul {
|
256 |
+
background: red;
|
257 |
+
padding: 10px;
|
258 |
+
border: 1px solid black;
|
259 |
+
}
|
260 |
+
|
261 |
+
li {
|
262 |
+
margin-left: 15px;
|
263 |
+
background: rgb(182, 139, 173);
|
264 |
+
border: 1px solid rgb(43, 145, 44);
|
265 |
+
}
|
266 |
+
|
267 |
+
h1, h2 {
|
268 |
+
color: purple;
|
269 |
+
}
|
270 |
+
|
271 |
+
p {
|
272 |
+
color: rgb(140, 62, 149);
|
273 |
+
} */
|
274 |
+
|
team.html
ADDED
@@ -0,0 +1,133 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!doctype html>
|
2 |
+
<html lang="en-US" data-theme="light">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8" />
|
5 |
+
<meta name="viewport" content="width=device-width" />
|
6 |
+
<link rel="icon" href="images/hf-logo.png" />
|
7 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
|
8 |
+
<link rel="stylesheet" href="styles/style.css" />
|
9 |
+
|
10 |
+
<title>Machine Learning and Society @ 🤗 </title>
|
11 |
+
</head>
|
12 |
+
|
13 |
+
<body>
|
14 |
+
|
15 |
+
<header>
|
16 |
+
<nav>
|
17 |
+
<div class="navbar-left">
|
18 |
+
<img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
|
19 |
+
<h1 id="navbar-title">Machine Learning <br> & Society</h1>
|
20 |
+
</div>
|
21 |
+
<div class="navbar-right">
|
22 |
+
<ul>
|
23 |
+
<li class="navpage">
|
24 |
+
<a href="index.html">Overview</a>
|
25 |
+
</li>
|
26 |
+
<li class="dropdown">
|
27 |
+
<a href="projects.html" class="navdrop">ML&Soc <br> Projects</a>
|
28 |
+
<ul class="dropdown-content">
|
29 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
30 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
31 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
32 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
33 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
34 |
+
</ul>
|
35 |
+
</li>
|
36 |
+
<li class="dropdown">
|
37 |
+
<a href="topics.html" class="navdrop">ML&Soc <br> Topics</a>
|
38 |
+
<ul class="dropdown-content">
|
39 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
40 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
41 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
42 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
43 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
44 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
45 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
46 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
47 |
+
</ul>
|
48 |
+
</li>
|
49 |
+
<li class="dropdown">
|
50 |
+
<a href="team.html" class="navdrop">ML&Soc <br> Team</a>
|
51 |
+
<ul class="dropdown-content">
|
52 |
+
<li>
|
53 |
+
<a href="team.html#People">People</a>
|
54 |
+
</li>
|
55 |
+
<li>
|
56 |
+
<a href="team.html#Publications">Published Works</a>
|
57 |
+
</li>
|
58 |
+
<li>
|
59 |
+
<a href="team.html#Press">Press</a>
|
60 |
+
</li>
|
61 |
+
</ul>
|
62 |
+
</li>
|
63 |
+
<li class="navpage">
|
64 |
+
<a href="blog.html">Blog & FAQ</a>
|
65 |
+
</li>
|
66 |
+
</ul>
|
67 |
+
</div>
|
68 |
+
</nav>
|
69 |
+
</header>
|
70 |
+
|
71 |
+
<main>
|
72 |
+
|
73 |
+
<div class="container">
|
74 |
+
<article>
|
75 |
+
|
76 |
+
<section>
|
77 |
+
<article>
|
78 |
+
<h2>Machine Learning & Society Team Members</h2>
|
79 |
+
|
80 |
+
<p>
|
81 |
+
Add a profile picture, title, main 1-2 projects/areas, and short bio for
|
82 |
+
each team member. TODO - figure out vignette format.
|
83 |
+
</p>
|
84 |
+
|
85 |
+
<div class="team-card-array" id="team-gallery">
|
86 |
+
<!-- Add content dynamically -->
|
87 |
+
</div>
|
88 |
+
</article>
|
89 |
+
</section>
|
90 |
+
|
91 |
+
<section>
|
92 |
+
<article>
|
93 |
+
<h3>ML & Society Published Papers</h3>
|
94 |
+
|
95 |
+
<p>
|
96 |
+
Selected published papers from team members.
|
97 |
+
</p>
|
98 |
+
</article>
|
99 |
+
</section>
|
100 |
+
|
101 |
+
<section>
|
102 |
+
<article>
|
103 |
+
<h3>ML & Society in the Press</h3>
|
104 |
+
|
105 |
+
<p>
|
106 |
+
A good place to showcase awards and press coverage centered on team members.
|
107 |
+
</p>
|
108 |
+
</article>
|
109 |
+
</section>
|
110 |
+
|
111 |
+
</article>
|
112 |
+
|
113 |
+
<footer>
|
114 |
+
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
115 |
+
The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
|
116 |
+
by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
|
117 |
+
is licensed under
|
118 |
+
<a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
|
119 |
+
CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="">
|
120 |
+
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="">
|
121 |
+
</a>
|
122 |
+
</p>
|
123 |
+
</footer>
|
124 |
+
</div>
|
125 |
+
|
126 |
+
</main>
|
127 |
+
|
128 |
+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
|
129 |
+
<script src="scripts/utils.js"></script>
|
130 |
+
<script src="scripts/team-gallery.js"></script>
|
131 |
+
|
132 |
+
</body>
|
133 |
+
</html>
|
topics.html
ADDED
@@ -0,0 +1,138 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!doctype html>
|
2 |
+
<html lang="en-US" data-theme="light">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8" />
|
5 |
+
<meta name="viewport" content="width=device-width" />
|
6 |
+
<link rel="icon" href="images/hf-logo.png" />
|
7 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
|
8 |
+
<link rel="stylesheet" href="styles/style.css" />
|
9 |
+
|
10 |
+
<title>Machine Learning and Society @ 🤗 </title>
|
11 |
+
</head>
|
12 |
+
|
13 |
+
<body>
|
14 |
+
|
15 |
+
<header>
|
16 |
+
<nav>
|
17 |
+
<div class="navbar-left">
|
18 |
+
<img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
|
19 |
+
<h1 id="navbar-title">Machine Learning <br> & Society</h1>
|
20 |
+
</div>
|
21 |
+
<div class="navbar-right">
|
22 |
+
<ul>
|
23 |
+
<li class="navpage">
|
24 |
+
<a href="index.html">Overview</a>
|
25 |
+
</li>
|
26 |
+
<li class="dropdown">
|
27 |
+
<a href="projects.html" class="navdrop">ML&Soc <br> Projects</a>
|
28 |
+
<ul class="dropdown-content">
|
29 |
+
<li><a href="projects.html#policy">Policy Writings</a></li>
|
30 |
+
<li><a href="projects.html#environment">AI Energy Scores</a></li>
|
31 |
+
<li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
|
32 |
+
<li><a href="projects.html#data">Data Rights and Governance</a></li>
|
33 |
+
<li><a href="projects.html#legal">Regulatory Context of AI</a></li>
|
34 |
+
</ul>
|
35 |
+
</li>
|
36 |
+
<li class="dropdown">
|
37 |
+
<a href="topics.html" class="navdrop">ML&Soc <br> Topics</a>
|
38 |
+
<ul class="dropdown-content">
|
39 |
+
<li><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
40 |
+
<li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
41 |
+
<li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
42 |
+
<li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
43 |
+
<li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
44 |
+
<li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
45 |
+
<li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
46 |
+
<li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
47 |
+
</ul>
|
48 |
+
</li>
|
49 |
+
<li class="dropdown">
|
50 |
+
<a href="team.html" class="navdrop">ML&Soc <br> Team</a>
|
51 |
+
<ul class="dropdown-content">
|
52 |
+
<li>
|
53 |
+
<a href="team.html#People">People</a>
|
54 |
+
</li>
|
55 |
+
<li>
|
56 |
+
<a href="team.html#Publications">Published Works</a>
|
57 |
+
</li>
|
58 |
+
<li>
|
59 |
+
<a href="team.html#Press">Press</a>
|
60 |
+
</li>
|
61 |
+
</ul>
|
62 |
+
</li>
|
63 |
+
<li class="navpage">
|
64 |
+
<a href="blog.html">Blog & FAQ</a>
|
65 |
+
</li>
|
66 |
+
</ul>
|
67 |
+
</div>
|
68 |
+
</nav>
|
69 |
+
</header>
|
70 |
+
|
71 |
+
<main>
|
72 |
+
|
73 |
+
<div class="container">
|
74 |
+
<article>
|
75 |
+
|
76 |
+
<section>
|
77 |
+
<article>
|
78 |
+
<h3>ML & Society Topic Cards</h3>
|
79 |
+
<p>
|
80 |
+
The interaction between Machine Learning-based systems and their social context can be examined through
|
81 |
+
the lens of different inter-related topics. In our work, we have found the following 8 topics to constitute
|
82 |
+
a helpful way to organize resources:
|
83 |
+
</p>
|
84 |
+
|
85 |
+
<div class="page-navbar" style="margin-bottom: 16px;">
|
86 |
+
<ul class="navbar-documents">
|
87 |
+
<li class="navbar-item" id="navbar-top-understanding"><a href="topics.html#understanding">Understanding AI Systems</a></li>
|
88 |
+
<li class="navbar-item" id="navbar-top-developing"><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
|
89 |
+
<li class="navbar-item" id="navbar-top-deciding"><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
|
90 |
+
<li class="navbar-item" id="navbar-top-shaping"><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
|
91 |
+
</ul>
|
92 |
+
<ul class="navbar-documents">
|
93 |
+
<li class="navbar-item" id="navbar-top-environment"><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
|
94 |
+
<li class="navbar-item" id="navbar-top-systems"><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
|
95 |
+
<li class="navbar-item" id="navbar-top-individuals"><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
|
96 |
+
<li class="navbar-item" id="navbar-top-discussing"><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
|
97 |
+
</ul>
|
98 |
+
</div>
|
99 |
+
</article>
|
100 |
+
</section>
|
101 |
+
|
102 |
+
<section class="document-main">
|
103 |
+
<article class="document-sidebar">
|
104 |
+
<ul>
|
105 |
+
<!-- Add menu items dynamically -->
|
106 |
+
</ul>
|
107 |
+
</article>
|
108 |
+
<article class="document-text">
|
109 |
+
<!-- Add content dynamically -->
|
110 |
+
</article>
|
111 |
+
</section>
|
112 |
+
|
113 |
+
<section>
|
114 |
+
<article class="document-credit">
|
115 |
+
<!-- Add content dynamically -->
|
116 |
+
</article>
|
117 |
+
</section>
|
118 |
+
|
119 |
+
</article>
|
120 |
+
<footer>
|
121 |
+
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
122 |
+
The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
|
123 |
+
by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
|
124 |
+
is licensed under
|
125 |
+
<a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
|
126 |
+
CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="">
|
127 |
+
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="">
|
128 |
+
</a>
|
129 |
+
</p>
|
130 |
+
</footer>
|
131 |
+
</div>
|
132 |
+
</main>
|
133 |
+
|
134 |
+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
|
135 |
+
<script src="scripts/utils.js"></script>
|
136 |
+
<script src="scripts/topics-page.js"></script>
|
137 |
+
</body>
|
138 |
+
</html>
|