Hugging Face's logo

Spaces:
yjernite
/
mlsoc-pico
Running

App Files Community
mlsoc-pico
File size: 5,501 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
 
<!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>
              <h2>Machine Learning &amp; Society Team Members</h2>
      
              <p>
                Add a profile picture, title, main 1-2 projects/areas, and short bio for
                each team member. TODO - figure out vignette format.
              </p>

              <div class="team-card-array" id="team-gallery">
                <!-- Add content dynamically -->
              </div>
            </article>
          </section>

          <section>
            <article>
              <h3>ML &amp; Society Published Papers</h3>
      
              <p>
                Selected published papers from team members.
              </p>
            </article>
          </section>

          <section>
            <article>
              <h3>ML &amp; Society in the Press</h3>
      
              <p>
                A good place to showcase awards and press coverage centered on team members.
              </p>
            </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/[email protected]/dist/js-yaml.min.js "></script>
    <script src="scripts/utils.js"></script>
    <script src="scripts/team-gallery.js"></script>

  </body>
</html>