Spaces:

yjernite
/

mlsoc

Running

App Files Files Community

Yacine Jernite commited on Oct 14

Commit

d513711

•

1 Parent(s): b8ad2cd

initial

Browse files

Files changed (7) hide show

images/hf-logo.png +0 -0
index.html +129 -17
projects.html +149 -0
scripts/main.js +66 -0
styles/style.css +173 -0
team.html +59 -0
topics.html +207 -0

images/hf-logo.png ADDED Viewed

index.html CHANGED Viewed

@@ -1,19 +1,131 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

 <!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href="images/hf-logo.png" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <title>Machine Learning and Society @ 🤗 </title>
+    <style>
+      /* Add CSS styles here */
+      #vignettes {
+          display: flex;
+      }
+      #itemSidebar {
+          flex: 0 0 20%;
+          max-width: 20%;
+          border: 1px solid rgb(43, 145, 44);
+          padding-left: 5px;
+          margin-right: 5px;
+        }
+        #itemGallery {
+            flex: 1;
+            border: 1px solid rgb(43, 145, 44);
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
+            grid-auto-flow: row; /* This ensures items fill out columns before moving to the next row */
+        }
+        .item {
+          border: 1px solid rgb(43, 145, 44);
+          background-size: cover;
+          background-position: center;
+          height: 200px;
+          position: relative;
+          margin: 5px;
+        }
+        .item h3 {
+            position: absolute;
+            padding: 5px;
+            text-align: center;
+        }
+        .item p {
+            position: absolute;
+            bottom: 0;
+            background-color: #cbf5e1;
+            margin: 0;
+            padding: 5px;
+            text-align: center;
+        }
+  </style>
+  </head>
+  <body>
+    <header>
+      <h1>Machine Learning and Society @ 🤗</h1>
+    </header>
+    <nav>
+      <ul>
+        <li><a href="index.html">ML&amp;Soc Home</a></li>
+        <li><a href="projects.html">ML&amp;Soc Projects</a></li>
+        <li><a href="topics.html">ML&amp;Soc Topics</a></li>
+        <li><a href="team.html">ML&amp;Soc Team</a></li>
+      </ul>
+    </nav>
+    <main>
+      <article class="outer">
+        <div class="inner">
+          <h2>The Hugging Face Machine Learning &amp; Society Team</h2>
+          <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>
+        </div>
+        <div class="inner">
+          <h2>ML &amp; Society Overview 🤗</h2>
+          <p>
+            Here's a place for a nice tag-based interactive overview of projects, topics, writing, etc.
+          </p>
+          <div id="vignettes">
+            <div id="itemSidebar">
+                <h3>Filter by Tags</h3>
+                <ul id="tagList">
+                    <!-- Tags will be dynamically added here -->
+                </ul>
+                <p id="sidebarShowing">Showing resources relevant to:</p>
+            </div>
+            <div id="itemGallery">
+            </div>
+          </div>
+        </div>
+      </article>
+    </main>
+    <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>
+    <script src="scripts/main.js"></script>
+  </body>
 </html>

projects.html ADDED Viewed

	@@ -0,0 +1,149 @@

+<!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href="images/hf-logo.png" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <title>Machine Learning and Society @ 🤗 </title>
+  </head>
+  <body>
+    <header>
+      <h1>Machine Learning and Society @ 🤗</h1>
+    </header>
+    <nav>
+      <ul>
+        <li><a href="index.html">ML&amp;Soc Home</a></li>
+        <li><a href="projects.html">ML&amp;Soc Projects</a></li>
+        <li><a href="topics.html">ML&amp;Soc Topics</a></li>
+        <li><a href="team.html">ML&amp;Soc Team</a></li>
+      </ul>
+    </nav>
+    <main>
+      <aside>
+        <h2>Menu</h2>
+        <ul>
+          <li><a href="projects.html#Policy">Policy Writings, Primers, and Responses</a></li>
+          <li><a href="projects.html#Energy">AI Energy Scores for AI Systems</a></li>
+          <li><a href="projects.html#Evaluation">Social Impact Evaluations for GenAI</a></li>
+          <li><a href="projects.html#Data">The Social Lives and Impacts of ML Data</a></li>
+          <li><a href="projects.html#Legal">Investigating the Regulatory Context of AI</a></li>
+        </ul>
+      </aside>
+      <article>
+        <h2>Machine Learning &amp; Society ongoing Projects</h2>
+        <p>
+          We have several ongoing projects, some team-internal and some in collaboration
+          with other organizations
+        </p>
+        <section>
+          <h3 id="Policy">Policy Writings, Primers, and Responses</h3>
+          <ul>
+            <li>
+              <a href="https://huggingface.co/datasets/huggingface/policy-docs">
+                List of Published Hugging Face Policy Documents
+              </a>
+            </li>
+          </ul>
+          <p>
+            Our work on public policy includes answering RFCs and RFIs, as well as...
+          </p>
+        </section>
+        <section>
+          <h3 id="Energy">AI Energy Scores for AI Systems</h3>
+          <ul>
+            <li>
+              <a href="https://huggingface.co/EnergyStarAI">
+                AI Energy Scores Organization on Hugging Face
+              </a>
+            </li>
+          </ul>
+          <p>
+            This project led by Dr. Sasha Luccioni in collaboration with...
+          </p>
+        </section>
+        <section>
+          <h3 id="Evaluation">Social Impact Evaluations for GenAI</h3>
+          <ul>
+            <li>
+              <a href="https://evaleval.github.io/">
+                The EvalEval 2024 Workshop on Measuring Broader Impacts of Generative AI
+              </a>
+            </li>
+          </ul>
+          <p>
+            Our team co-organizes an ongoing collaborative efforts advancing the state an tooling
+            for evaluating the social impact of generative AI systems through writing, coalition buildind,
+            workshop organization, and...
+          </p>
+        </section>
+        <section>
+          <h3 id="Data">The Social Lives and Impacts of ML Data</h3>
+          <ul>
+            <li>
+              <a href="https://arxiv.org/abs/2206.03216">
+                BigScience Data Governance Paper
+              </a>
+            </li>
+          </ul>
+          <p>
+            Data rights, valuation of data, and understanding of its social and commercial
+            dynamics, are at the heart of most of the issues facing AI governance. Our team
+            works on theoretical and practical (BigCode) data governance projects to...
+          </p>
+        </section>
+        <section>
+          <h3 id="Legal">Investigating the Regulatory Context of AI</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1L53lgMW44maaavnpGb3unuVtLIbEzxj8DCGpvLdYrtM/">
+                Legal Hackathon 2024: EU-US Cross-Analysis of Domain Regulation
+              </a>
+            </li>
+          </ul>
+          <p>
+            In collaboration with NYU Law School and the Allen Institute for AI, our team organizes yearly
+            intensive legal research weeks on the regulatory context of AI, focusing in particular on how
+            existing regulations and protected rights apply to new technological developments.
+          </p>
+        </section>
+      </article>
+    </main>
+    <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>
+  </body>
+</html>

scripts/main.js ADDED Viewed

	@@ -0,0 +1,66 @@

+// Sample database of items
+const items = [
+    {
+        title: 'EvalEval Workshop',
+        tags: ['privacy', 'bias', 'environment', 'measures', 'society'],
+        image: 'images/hf-logo.png',
+        link: 'projects.html#Evaluation',
+        description: 'The EvalEval workshop is organized by our collaborative Social Impact Evaluation project.'
+    },
+    {
+        title: 'Legal Hackathons',
+        tags: ['regulation', 'education', 'finance', 'health', 'privacy', 'labor', 'society'],
+        image: 'images/hf-logo.png',
+        link: 'projects.html#Legal',
+        description: 'The Legal Hackathons produce reports analyzing existing and proposed regulation.'
+    },
+    {
+        title: 'AI Energy Scores',
+        tags: ['environment', 'measures', 'society'],
+        image: 'images/hf-logo.png',
+        link: 'projects.html#Energy',
+        description: 'This project works toward standardized reporting of energy costs of AI systems.'
+    },
+    {
+        title: 'Topic Card: Social Systems',
+        tags: ['education', 'journalism', 'labor', 'society'],
+        image: 'images/hf-logo.png',
+        link: 'topics.html#Systems',
+        description: 'This topic card on the Impact of AI on Social Systems provides descriptions and resources.'
+    },
+];
+// Populate the tag list in the sidebar
+const tagList = document.getElementById('tagList');
+const uniqueTags = [...new Set(items.flatMap(item => item.tags))];
+uniqueTags.forEach(tag => {
+    const li = document.createElement('li');
+    li.textContent = tag;
+    li.addEventListener('click', () => displayItemsByTag(tag));
+    tagList.appendChild(li);
+});
+// Function to display items based on selected tag
+function displayItemsByTag(selectedTag) {
+    const itemContainer = document.getElementById('itemGallery');
+    itemContainer.innerHTML = '';
+    const filteredItems = items.filter(item => item.tags.includes(selectedTag));
+    let itemCount = 0;
+    filteredItems.forEach(item => {
+        itemCount = itemCount + 1;
+        const itemDiv = document.createElement('div');
+        itemDiv.className = 'item';
+        itemDiv.id = `item-${itemCount}`;
+        itemDiv.style.backgroundImage = `url(${item.image})`;
+        itemDiv.innerHTML = `
+            <h3>${item.title}</h3>
+            <p>${item.description}</p>
+        `;
+        itemContainer.appendChild(itemDiv);
+    });
+    const showing = document.getElementById('sidebarShowing');
+    showing.textContent = `Showing projects relevant to: ${selectedTag}`
+}

styles/style.css ADDED Viewed

	@@ -0,0 +1,173 @@

+/* || General setup */
+html, body {
+  margin: 0;
+  padding: 0;
+}
+html {
+  font-size: 10px;
+  background-color: #aad1ea;
+}
+body {
+  width: 70%;
+  margin: 0 auto;
+}
+/* || typography */
+h1, h2, h3 {
+  font-family: 'Open Sans Condensed', sans-serif;
+  color: #2a2a2a;
+}
+p, input, li {
+  font-family: 'Open Sans Condensed', sans-serif;
+  color: #2a2a2a;
+}
+h1 {
+  font-size: 4rem;
+  text-align: center;
+  color: white;
+  text-shadow: 2px 2px 10px black;
+}
+article h2 {
+  text-align: left;
+}
+h2 {
+  font-size: 3rem;
+  text-align: center;
+}
+h3 {
+  font-size: 2.2rem;
+}
+p, li {
+  font-size: 1.6rem;
+  line-height: 1.5;
+}
+/* || header layout */
+nav, article, aside, footer {
+  background-color: white;
+  padding: 1%;
+}
+.outer {
+  background-color: #cbf5e1;
+  padding: 5px;
+}
+.inner {
+  background-color: white;
+  margin-bottom: 10px;
+}
+nav {
+  height: 50px;
+  background-color: #67dca5;
+  display: flex;
+  margin-bottom: 10px;
+}
+nav ul {
+  padding: 0;
+  list-style-type: none;
+  flex: 2;
+  display: flex;
+}
+nav li {
+  display: inline;
+  text-align: center;
+  flex: 1;
+}
+nav a {
+  display: inline-block;
+  font-size: 2rem;
+  text-transform: uppercase;
+  text-decoration: none;
+  color: black;
+}
+nav form {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding: 0 2em;
+}
+footer {
+  height: 50px;
+  background-color: #67dca5;
+  display: flex;
+  margin-bottom: 10px;
+}
+/* || main layout */
+main {
+  display: flex;
+}
+article {
+  flex: 4;
+  margin-left: 5px;
+}
+aside {
+  float: left;
+  flex: 1;
+  /* margin-left: 10px; */
+  background-color: #67dca5;
+}
+aside ul {
+  list-style-type: none;
+  padding-left: 0px;
+}
+aside li {
+  padding-bottom: 10px;
+  border: 1px solid rgb(43, 145, 44);
+}
+footer {
+  margin-top: 10px;
+}
+/* Previous css */
+/*
+html {
+  background-color: rgb(201, 239, 201);
+  font-size: 20px;
+}
+ul {
+  background: red;
+  padding: 10px;
+  border: 1px solid black;
+}
+li {
+  margin-left: 15px;
+  background: rgb(182, 139, 173);
+  border: 1px solid rgb(43, 145, 44);
+}
+h1, h2 {
+  color: purple;
+}
+p {
+  color: rgb(140, 62, 149);
+} */

team.html ADDED Viewed

	@@ -0,0 +1,59 @@

+<!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href="images/hf-logo.png" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <title>Machine Learning and Society @ 🤗 </title>
+  </head>
+  <body>
+    <header>
+      <h1>Machine Learning and Society @ 🤗</h1>
+    </header>
+    <nav>
+      <ul>
+        <li><a href="index.html">ML&amp;Soc Home</a></li>
+        <li><a href="projects.html">ML&amp;Soc Projects</a></li>
+        <li><a href="topics.html">ML&amp;Soc Topics</a></li>
+        <li><a href="team.html">ML&amp;Soc Team</a></li>
+      </ul>
+    </nav>
+    <main>
+      <article class="outer">
+        <div class="inner">
+          <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>
+        <div class="inner">
+          <h2>ML &amp; Society Press and Accolades</h2>
+          <p>
+            A good place to showcase awards and press coverage centered on team members.
+          </p>
+        </div>
+      </article>
+    </main>
+    <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>
+  </body>
+</html>

topics.html ADDED Viewed

	@@ -0,0 +1,207 @@

+<!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href="images/hf-logo.png" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <title>Machine Learning and Society @ 🤗 </title>
+  </head>
+  <body>
+    <header>
+      <h1>Machine Learning and Society @ 🤗</h1>
+    </header>
+    <nav>
+      <ul>
+        <li><a href="index.html">ML&amp;Soc Home</a></li>
+        <li><a href="projects.html">ML&amp;Soc Projects</a></li>
+        <li><a href="topics.html">ML&amp;Soc Topics</a></li>
+        <li><a href="team.html">ML&amp;Soc Team</a></li>
+      </ul>
+    </nav>
+    <main>
+      <aside>
+        <h2>Menu</h2>
+        <ul>
+          <li><a href="topics.html#Understanding">Understanding: Openness and the Science of AI</a></li>
+          <li><a href="topics.html#Developing">Developing: Openness, Business, and Competition</a></li>
+          <li><a href="topics.html#Deciding">Deciding: Openness, Transparency, Democratic Control over AI</a></li>
+          <li><a href="topics.html#Shaping">Shaping: Governing how AI Systems are Created, Shared, and Used</a></li>
+          <li><a href="topics.html#Systems">Safeguarding Systems: Impact of AI on Social Systems</a></li>
+          <li><a href="topics.html#Persons">Safeguarding Persons: Impact of AI on Individuals' Rights and Interests</a></li>
+          <li><a href="topics.html#Sustaining">Sustaining: Environmental Costs and Impact of AI</a></li>
+          <li><a href="topics.html#Discussing">Discussing: International Dynamics and Geopolitics</a></li>
+        </ul>
+      </aside>
+      <article>
+        <h2>Machine Learning &amp; Society Topic Cards</h2>
+        <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>
+        <ul>
+          <li>
+            <a href="https://docs.google.com/document/d/102swvvpxj0K3nf0cNkmtIMg5CAD4yl_IO-ko75Uwc7Y/">
+              ML and Society Topic Cards Overview Document
+            </a>
+          </li>
+        </ul>
+        <section>
+          <h3 id="Understanding">Understanding: Openness and the Science of AI</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1D2KA3CKcuKOc9mOMRKjucYrYBREx30z9xuKUGSgQUEE/">
+                Understanding: Openness and the Science of AI
+              </a>
+            </li>
+          </ul>
+          <p>
+            As AI is becoming ever more ubiquitous, increasingly more builders and affected
+            stakeholders need to understand how it works, what it can and cannot do, what trade-offs
+            are involved in developing the technology, and how it can be leveraged or improved in
+            particular contexts. This requires sufficient visibility and a thriving research ecosystem
+            that is inclusive of perspectives outside of those of the developers working within the
+            very best-resourced companies.
+          </p>
+          <p>
+            Making informed decisions about AI systems requires understanding how the technology works,
+            what development choices are available to meet certain goals, and how they trade off different
+            priorities. Approaching AI as a science means upholding scientific integrity, which includes
+            reproducibility, verifiability, and increasing the breadth of people who can use the technology
+            and contribute to scientific development.
+          </p>
+        </section>
+        <section>
+          <h3 id="Developing">Developing: Openness, Business, and Competition</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/17ksxEVyBcRGL6e6da4OPbjRxuCT5iEx5Ih67bj1Fc_w/">
+                Developing: Openness, Business, and Competition
+              </a>
+            </li>
+          </ul>
+          <p>
+            “AI” and Machine Learning systems are already ubiquitous, deployed in social
+            media and all kinds of digital services. AI can be compared to “Software 2.0” -
+            AI literacy is becoming part of the basic set of skills to build any kind of
+            technology. Relying exclusively on AI systems that are developed and served by a
+            handful of companies would have strong negative impacts on innovation and competition.
+          </p>
+          <p>
+            Having access to data is a significant competitive bottleneck, including: data about
+            how people are using AI systems - data about what AI systems are better or worse out -
+            use data and feedback from users - proprietary data to fine-tune models - internal databases
+            for RAG-like techniques. Sending all of that data to a few companies further centralizes
+            their role in adapting new technology. In addition to enabling anti-competitive practices,
+            this also limits the breadth of technology that can be developed - better to have smaller
+            companies work on their own hundreds of thousands of use cases than to have central entities
+            decide what is worth deploying and providing a “just OK” unique solution for everything.
+          </p>
+        </section>
+        <section>
+          <h3 id="Deciding">Deciding: Openness, Transparency, Democratic Control over AI</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1PLNuZcal1z2tPbohhXEAoJAGr_GWbT0wkpulDtIJR6s/">
+                Deciding: Openness, Transparency, Democratic Control over AI
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h3 id="Shaping">Shaping: Governing how AI Systems are Created, Shared, and Used</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/151vybUB-JMkMafAjXmw7pRcbbuWnJw3RtcAI4zsEcVk/">
+                Shaping: Governing how AI Systems are Created, Shared, and Used
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h3 id="Systems">Safeguarding Systems: Impact of AI on Social Systems</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1zhbaCZT8QDFHjhIlrnE-XObbXN8ZUMLhzrZYMFxBqFc/">
+                Safeguarding Systems: Impact of AI on Social Systems
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h3 id="Persons">Safeguarding Persons: Impact of AI on Individuals' Rights and Interests</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/18DsFYeaoWcK8VOkl77E9AgdHA7vhyiqUhSmGm-vnIEE/">
+                Safeguarding Persons: Impact of AI on Individuals' Rights and Interests
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h3 id="Sustaining">Sustaining: Environmental Costs and Impact of AI</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1fgi2NEb4glP8QGansroHmL9BZJ6Ja8zQKWQY4STRQ3k/">
+                Sustaining: Environmental Costs and Impact of AI
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h3 id="Discussing">Discussing: International Dynamics and Geopolitics</h3>
+          <ul>
+            <li>
+              <a href="https://docs.google.com/document/d/1BKXCx72vvdGAAzD6VGbPPBiA6AYdEHwDTwW07WBP084/">
+                Discussing: International Dynamics and Geopolitics
+              </a>
+            </li>
+          </ul>
+        </section>
+      </article>
+    </main>
+    <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>
+  </body>
+</html>