Yacine Jernite commited on
Commit
8ad38af
1 Parent(s): d48b598
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> &amp; 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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en-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> &amp; 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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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> &amp; 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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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> &amp; 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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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> &amp; 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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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>