File size: 6,838 Bytes
8ad38af
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!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">
        <article>

          <section>
            <article>
              <h3>ML &amp; Society Topic Cards</h3>
              <p>
                The interaction between Machine Learning-based systems and their social context can be examined through
                the lens of different inter-related topics. In our work, we have found the following 8 topics to constitute
                a helpful way to organize resources: 
              </p>

              <div class="page-navbar" style="margin-bottom: 16px;">
                <ul class="navbar-documents">
                  <li class="navbar-item" id="navbar-top-understanding"><a href="topics.html#understanding">Understanding AI Systems</a></li>
                  <li class="navbar-item" id="navbar-top-developing"><a href="topics.html#developing">Open Development and Market Dynamics</a></li>
                  <li class="navbar-item" id="navbar-top-deciding"><a href="topics.html#deciding">Democratic Decision-Making on AI</a></li>
                  <li class="navbar-item" id="navbar-top-shaping"><a href="topics.html#shaping">Governance Mechanisms for AI Applications</a></li>
                </ul>
                <ul class="navbar-documents">
                  <li class="navbar-item" id="navbar-top-environment"><a href="topics.html#environment">Environmental Costs and Impact of AI</a></li>
                  <li class="navbar-item" id="navbar-top-systems"><a href="topics.html#systems">Impact of AI on Social Systems</a></li>
                  <li class="navbar-item" id="navbar-top-individuals"><a href="topics.html#individuals">Impact of AI on Individuals</a></li>
                  <li class="navbar-item" id="navbar-top-discussing"><a href="topics.html#discussing">International Dynamics and Geopolitics</a></li>
                </ul>
              </div>
            </article>
          </section>

          <section class="document-main">
            <article class="document-sidebar">
              <ul>
              <!-- Add menu items dynamically -->
              </ul>
            </article>
            <article class="document-text">
              <!-- Add content dynamically -->
            </article>
          </section>

          <section>
              <article class="document-credit">
                <!-- Add content dynamically -->
              </article>
          </section>

        </article>
        <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/js-yaml@4.1.0/dist/js-yaml.min.js "></script>
    <script src="scripts/utils.js"></script>
    <script src="scripts/topics-page.js"></script>
  </body>
</html>