File size: 9,693 Bytes
d48b598
8ad38af
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d48b598
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!doctype html>
<html lang="en-US" data-theme="light">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" href="images/hf-logo.png" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.cyan.min.css" />
    <link rel="stylesheet" href="styles/style.css" />

    <title>Machine Learning and Society @ 🤗 </title>
  </head>

  <body>

    <header>
      <nav>
        <div class="navbar-left">
          <img src="images/hf-logo.png" alt="Hugging Face logo" id="navbar-logo">
          <h1 id="navbar-title">Machine Learning <br> &amp; Society</h1>
        </div>
        <div class="navbar-right">
          <ul>
              <li class="navpage">
                <a href="index.html">Overview</a>
              </li>
              <li class="dropdown">
                  <a href="projects.html" class="navdrop">ML&amp;Soc <br> Projects</a>
                  <ul class="dropdown-content">
                    <li><a href="projects.html#policy">Policy Writings</a></li>
                    <li><a href="projects.html#environment">AI Energy Scores</a></li>
                    <li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
                    <li><a href="projects.html#data">Data Rights and Governance</a></li>
                    <li><a href="projects.html#legal">Regulatory Context of AI</a></li>
                  </ul>
              </li>
              <li class="dropdown">
                  <a href="topics.html" class="navdrop">ML&amp;Soc  <br> Topics</a>
                  <ul class="dropdown-content">
                    <li><a href="topics.html#understanding">Understanding AI Systems</a></li>
                    <li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
                    <li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
                    <li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
                    <li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
                    <li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
                    <li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
                    <li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="team.html" class="navdrop">ML&amp;Soc  <br>  Team</a>
                <ul class="dropdown-content">
                  <li>
                    <a href="team.html#People">People</a>
                  </li>
                  <li>
                    <a href="team.html#Publications">Published Works</a>
                  </li>
                  <li>
                    <a href="team.html#Press">Press</a>
                  </li>
                </ul>
            </li>
            <li class="navpage">
              <a href="blog.html">Blog &amp; FAQ</a>
            </li>
            </ul>
        </div>
      </nav>
    </header>

    <main>

      <div class="container">

        <!-- Overview/introduction -->
        <section>
          <article>
            <header>
              <h2>ML &amp; Society Overview</h2>
            </header>

            <p>
              Our team conducts research at the interaction of the technical and societal
              aspects of Machine Learning and "AI" technology, including its social and legal context,
              and participates in shaping public policy to foster more transparent, distributed,
              and inclusive technology.
            </p>
  
            <p>
              Some of our recent work to date has included... We work through project such as... 
              Our approach is primarily collaborative with joing efforts such as...
              Our team also regularly contributes to the broader
              <a href="https://huggingface.co/society-ethics">Society and Ethics discussions</a>
              occurring across
              <a href="https://huggingface.co/">Hugging Face</a>.
            </p>
          </article>
        </section>

        <!-- Team Projects -->
        <section>
          <article>
            <header>
              <h2>Team Projects</h2>
            </header>

            <details>
            <!-- <details role="button" class="primary outline"> -->
                <summary>
                <p>
                  We have several ongoing projects, some team-internal and some in collaboration
                  with other organizations:
                </p>
                <div class="page-navbar" style="margin-bottom: 16px;">
                  <ul class="navbar-documents">
                    <li><a href="projects.html#policy">Policy Writings</a></li>
                    <li><a href="projects.html#environment">AI Energy Scores</a></li>
                    <li><a href="projects.html#evaluation">Social Impact Evaluations</a></li>
                    <li><a href="projects.html#data">Data Rights and Governance</a></li>
                    <li><a href="projects.html#legal">Regulatory Context of AI</a></li>
                  </ul>
                </div>
                Click to expand for more detailed descriptions:
              </summary>
              <div class="project-card-array"  id="projects-gallery">
                <!-- Adding cards through the projects-gallery JS script -->
              </div>
            </details>            
          </article>
        </section>

        <section>
          <article>
            <header>
              <h2>Topic Cards &amp; Resources</h2>
            </header>

            <details>
            <!-- <details role="button" class="secondary outline"> -->
              <summary>
                <p>
                  We collate resources on some of the main questions in ML &amp; Society organized
                  across 8 topics:
                </p>
                <div class="page-navbar" style="margin-bottom: 16px;">
                  <ul class="navbar-documents">
                    <li><a href="topics.html#understanding">Understanding AI Systems</a></li>
                    <li><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
                    <li><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
                    <li><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
                  </ul>
                  <ul class="navbar-documents">
                    <li><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
                    <li><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
                    <li><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
                    <li><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
                  </ul>
                </div>
                Click to expand for more detailed descriptions:
              </summary>
              <div class="topic-card-array"  id="topics-gallery">
                <!-- Adding cards through the topics-gallery JS script -->
              </div>
            </details>
          </article>
        </section>

        <section>
          <article>
            <header>
              <h2>Explore Resources by Tag</h2>
            </header>
            
            <details>
              <summary>
                Here's a place for a nice tag-based interactive overview of projects, topics, writing, etc.
              </summary>
              <div id="vignettes">
                <div id="itemSidebar">
                    <h3>Filter by Tags</h3>
                    <p>Select a tag below to see all resources related to it:</p>
                    <ul id="tagList">
                        <!-- Tags will be dynamically added here -->
                    </ul>
                    <p id="sidebarShowing">Showing resources relevant to:</p>
                </div>
                
                <div id="itemGallery">
                </div>
              </div>
            </details>

          </article>
        </section>

        <footer>
          <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
            The content of the <a property="dct:title" rel="cc:attributionURL" href="index.html">🤗 Machine Learning and Society Website</a>
            by the <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="team.html"> HF ML&Society Team</a>
            is licensed under
            <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">
              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="">
              <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="">
            </a>
          </p> 
        </footer>
      </div>
    </main>



    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js "></script>
    <script src="scripts/utils.js"></script>
    <script src="scripts/projects-gallery.js"></script>
    <script src="scripts/topics-gallery.js"></script>
    <script src="scripts/overview-gallery.js"></script>
  </body>
</html>