mlsoc-pico / index.html
Yacine Jernite
initial
8ad38af
<!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>