Upload 5 files

js/data/areas.js

@@ -0,0 +1,159 @@
+// areas.js - Centralized areas data
+export const areasData = {
+    efficiency: {
+        id: 'efficiency',
+        name: 'Efficiency',
+        title: 'Efficiency, Costs, and Environment',
+        description: 'The question of costs is essential to understanding and managing the impact of AI technology; it determines who gets to develop it, use it, and how externalized costs are borne by people who do not choose or benefit from the technology.',
+        openness: 'Open development of AI systems greatly facilitates transparency on the training and deployment costs. Users and developers of open models typically have stronger incentives to favor and invest in efficiency.',
+        color: 'bg-green-100 text-green-800',
+        primaryColor: 'green',
+        colors: {
+            light: 'bg-green-50 text-green-700',
+            medium: 'bg-green-100 text-green-800', 
+            dark: 'bg-green-200 text-green-900',
+            gradient: 'from-green-50 to-green-100 hover:from-green-100 hover:to-green-200 border-green-200 hover:border-green-300 text-green-900'
+        },
+        image: 'efficiency.png',
+        imageAttribution: 'Hanna Barakat  & Archival Images of AI + AIxDESIGN | BetterImagesOfAI, CC-BY-4.0',
+        imageAltText: 'The image shows a surreal landscape with vast green fields extending toward distant mountains under a cloudy sky. Embedded in the fields are digital circuit patterns, resembling an intricate network of blue lines, representing a technological infrastructure. Five large computer monitors with keyboards are placed in a row, each with a Navajo woman sitting in front, weaving the computers. In the far distance, a cluster of teepees is visible.',
+        imageSourceUrl: 'https://betterimagesofai.org/images?artist=HannaBarakat&title=WeavingWires2',
+        subAreas: {
+            environment: {
+                name: 'Environmental impact across the supply chains',
+                description: 'The environmental impact of AI systems across their supply chains, including the energy used, the materials used, and the waste generated.',
+                openness: 'Transparency into not just the model weights and software, but also the supply chain, hardware, and environmental externalities of data centers is necessary to understand the entire environmental impact of AI systems.',
+                color: 'bg-emerald-100 text-emerald-800',
+                gradient: 'from-emerald-50 to-emerald-100 hover:from-emerald-100 hover:to-emerald-200 border-emerald-200 hover:border-emerald-300 text-emerald-900'
+            },
+            measuring: {
+                name: 'Measuring energy and financial costs',
+                description: 'Methodologies, standards, and transparency on the energy and financial costs of AI systems.',
+                openness: 'Access to open models, training and fine-tuning data, and open-source software supports reproducible research into the energy and financial costs of AI systems.',
+                color: 'bg-lime-100 text-lime-800',
+                gradient: 'from-lime-50 to-lime-100 hover:from-lime-100 hover:to-lime-200 border-lime-200 hover:border-lime-300 text-lime-900'
+            },
+            efficient: {
+                name: 'Making AI less compute-intensive',
+                description: 'Efforts to reduce the compute-intensive nature of AI systems, and ways to make them more compute-efficient.',
+                openness: 'Adopters of open models have stronger incentives to favor and invest in efficiency, and access to fully open models supports the development of more efficient models and training and inference techniques.',
+                color: 'bg-teal-100 text-teal-800',
+                gradient: 'from-teal-50 to-teal-100 hover:from-teal-100 hover:to-teal-200 border-teal-200 hover:border-teal-300 text-teal-900'
+            },
+        },
+        imagePosition: 'left'
+    },
+    personal: {
+        id: 'personal',
+        name: 'Personal',
+        title: 'Consent and Personal Interactions',
+        description: 'Individuals\' experiences of AI systems are shaped both by their personal interactions and by the ways the systems interact with their digital identities - often without our awareness or ability to meaningfully consent.',
+        openness: 'Openness at the level of a model\'s training data and of its inputs are necessary to support informed consent, and research on characterizing the different companionship and value dynamics of AI systems enables replicable research into those characteristics.',
+        color: 'bg-purple-100 text-purple-800',
+        primaryColor: 'purple',
+        colors: {
+            light: 'bg-purple-50 text-purple-700',
+            medium: 'bg-purple-100 text-purple-800',
+            dark: 'bg-purple-200 text-purple-900',
+            gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
+        },
+        image: 'personal.png',
+        imageAttribution: 'Kathryn Conrad | BetterImagesOfAI, CC-BY-4.0',
+        imageAltText: 'Students at computers with screens that include a representation of a retinal scanner with pixelation and binary data overlays and a brightly coloured datawave heatmap at the top.',
+        imageSourceUrl: 'https://betterimagesofai.org/images?artist=KathrynConrad&title=Datafication',
+        subAreas: {
+            interaction: {
+                name: 'Characterizing personal and parasocial AI interactions',
+                color: 'bg-fuchsia-100 text-fuchsia-800',
+                gradient: 'from-fuchsia-50 to-fuchsia-100 hover:from-fuchsia-100 hover:to-fuchsia-200 border-fuchsia-200 hover:border-fuchsia-300 text-fuchsia-900'
+            },
+            privacy: {
+                name: 'Consent and privacy',
+                color: 'bg-violet-100 text-violet-800',
+                gradient: 'from-violet-50 to-violet-100 hover:from-violet-100 hover:to-violet-200 border-violet-200 hover:border-violet-300 text-violet-900'
+            },
+        },
+        imagePosition: 'right'
+    },
+    rights: {
+        id: 'rights',
+        name: 'Rights',
+        title: 'Rights and Regulations',
+        description: 'AI is not exempt from regulation; but understanding how new and existing rules apply to technical paradigms involving unprecedented scales of data and automation can present unique challenges.',
+        openness: 'Applications of existing regulation as well as the design of new ones to meet the challenges of AI technology require understanding how it works, the trade-offs it entails, and the space of technical interventions that are feasible. Open access to the technology supports independent research from stakeholders with different incentives from those of the largest developers.',
+        color: 'bg-indigo-100 text-indigo-800',
+        primaryColor: 'indigo',
+        colors: {
+            light: 'bg-indigo-50 text-indigo-700',
+            medium: 'bg-indigo-100 text-indigo-800',
+            dark: 'bg-indigo-200 text-indigo-900',
+            gradient: 'from-indigo-50 to-indigo-100 hover:from-indigo-100 hover:to-indigo-200 border-indigo-200 hover:border-indigo-300 text-indigo-900'
+        },
+        image: 'rights.png',
+        imageAttribution: 'Emily Rand & LOTI | BetterImagesOfAI, CC-BY-4.0',
+        imageAltText: 'Building blocks are overlayed with digital squares that highlight people living their day-to-day lives through windows. Some of the squares are accompanied by cursors.',
+        imageSourceUrl: 'https://betterimagesofai.org/images?artist=EmilyRand&title=AICity',
+        subAreas: {
+            general: {
+                name: 'How does existing regulation apply to AI',
+                color: 'bg-purple-100 text-purple-800',
+                gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
+            },
+            specific: {
+                name: 'Navigating new AI-specific regulation',
+                color: 'bg-cyan-100 text-cyan-800',
+                gradient: 'from-cyan-50 to-cyan-100 hover:from-cyan-100 hover:to-cyan-200 border-cyan-200 hover:border-cyan-300 text-cyan-900'
+            },
+            open: {
+                name: 'The place of open-source in regulation',
+                color: 'bg-pink-100 text-pink-800',
+                gradient: 'from-pink-50 to-pink-100 hover:from-pink-100 hover:to-pink-200 border-pink-200 hover:border-pink-300 text-pink-900'
+            }
+        },
+        imagePosition: 'left'
+    },
+    ecosystems: {
+        id: 'ecosystems',
+        name: 'Ecosystems',
+        title: 'Socio-economic and Technical Ecosystems',
+        description: 'While discussions of the impact of AI often focus on technical characteristics of individual systems, the trajectory and impact of the technology are often better explained by looking to broader dynamics of market power and economic incentives.',
+        openness: 'Openness is an important factor in the diffusion of the technology, and enables a greater variety of actors to reliably assess its suitability and to adapt it to their specific contexts and requirements; as well as to understand the role of different resources and the consequences of their concentration among a few actors.',
+        color: 'bg-orange-100 text-orange-800',
+        primaryColor: 'orange',
+        colors: {
+            light: 'bg-orange-50 text-orange-700',
+            medium: 'bg-orange-100 text-orange-800',
+            dark: 'bg-orange-200 text-orange-900',
+            gradient: 'from-orange-50 to-orange-100 hover:from-orange-100 hover:to-orange-200 border-orange-200 hover:border-orange-300 text-orange-900'
+        },
+        image: 'ecosystems.png',
+        imageAttribution: 'Lone Thomasky & Bits&Bäume | BetterImagesOfAI, CC-BY-4.0',
+        imageAltText: 'A simplified illustration of urban life near the sea showing groups of people, buildings and bridges, as well as polluting power plants, opencast mining, exploitative work, data centres and wind power stations on a hill. Several small icons indicate destructive processes.',
+        imageSourceUrl: 'https://betterimagesofai.org/images?artist=LoneThomasky&title=DigitalSocietyBell',
+        subAreas: {
+            labor: {
+                name: 'Labor impacts of AI',
+                color: 'bg-yellow-100 text-yellow-800',
+                gradient: 'from-yellow-50 to-yellow-100 hover:from-yellow-100 hover:to-yellow-200 border-yellow-200 hover:border-yellow-300 text-yellow-900'
+            },
+            power: {
+                name: 'Power, monopolies, and sovereignty',
+                color: 'bg-red-100 text-red-800',
+                gradient: 'from-red-50 to-red-100 hover:from-red-100 hover:to-red-200 border-red-200 hover:border-red-300 text-red-900'
+            },
+            usage: {
+                name: 'How and where is (open) AI used',
+                color: 'bg-purple-100 text-purple-800',
+                gradient: 'from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 border-purple-200 hover:border-purple-300 text-purple-900'
+            }
+        },
+        imagePosition: 'right'
+    }
+};
+
+export const homeBackgroundImage = {
+    image: 'ai.png',
+    attribution: 'Jamillah Knowles & Digit | BetterImagesOfAI, CC-BY-4.0',
+    altText: 'The image is of the exterior of an impression of a building. People and figures can be seen inside and outside of the building. There are clouds of network connections all around the building and inside. It relates to the digital networked workplace. ',
+    sourceUrl: 'https://betterimagesofai.org/images?artist=JamillahKnowles&title=BuildingCorp'
+};

js/data/artifacts.js

@@ -0,0 +1,39 @@
+// artifacts.js - Featured artifacts data
+export const featuredArtifacts = [
+    {
+        title: "🌎 What kind of environmental impacts are AI companies disclosing? (And can we compare them?) 🌎",
+        date: "2025-09-01",
+        type: "blog",
+        description: "AI companies are beginning to disclose environmental metrics for their models, but inconsistent methodologies and incomplete data make meaningful comparisons impossible. Without standardized reporting of both intensity metrics and absolute totals, these disclosures risk misleading the public and obscuring the true scale of AI's environmental footprint. Transparent, comparable reporting must align with existing sustainability frameworks to prevent greenwashing and drive real accountability.",
+        areaTags: ["efficiency"],
+        subAreaTags: ["measuring"],
+        sourceUrl: "https://huggingface.co/blog/sasha/environmental-impact-disclosures"
+    },
+    {
+        title: "Advertisement, Privacy, and Intimacy: Lessons from Social Media for Conversational AI",
+        date: "2025-09-01", 
+        type: "blog",
+        description: "As conversational AI systems become increasingly intimate and trusted, we risk repeating the privacy mistakes of social media—especially as advertising models threaten to monetize personal disclosures. Users intuitively trust AI as a private confidant, unaware that their most sensitive data may be harvested, analyzed, and exploited for commercial gain. Open-source alternatives offer a path toward transparent, user-centered AI that prioritizes privacy over profit.",
+        areaTags: ["personal"],
+        subAreaTags: ["interaction"],
+        sourceUrl: "https://huggingface.co/blog/giadap/privacy-conversational-ai"
+    },
+    {
+        title: "What Open-Source Developers Need to Know about the EU AI Act's Rules for GPAI Models",
+        date: "2025-08-04",
+        type: "blog", 
+        description: "Open-source developers can navigate the EU AI Act's obligations for general-purpose AI models with targeted exemptions when releasing models under free and open-source licenses, avoiding redundant requirements like transparency documentation and EU representative appointments—while still needing to comply with copyright law and training data transparency.",
+        areaTags: ["rights"],
+        subAreaTags: ["specific", "open"],
+        sourceUrl: "https://huggingface.co/blog/yjernite/eu-act-os-guideai"
+    },
+    {
+        title: "Local Differences, Global Lessons: Insights from Organisation Policies for International Legislation",
+        date: "2025-03-05",
+        type: "paper",
+        description: "Organisational AI policies in newsrooms and universities reveal practical, domain-specific approaches to managing risks like bias, privacy, and environmental impact — areas often underaddressed in top-down regulations like the EU AI Act. These bottom-up guidelines offer actionable insights on AI literacy, disclosure, and accountability that can inform more adaptive and effective global AI governance. The study argues for integrating real-world organisational practices into international regulatory frameworks to bridge implementation gaps.",
+        areaTags: ["ecosystems"],
+        subAreaTags: ["usage"],
+        sourceUrl: "https://arxiv.org/abs/2503.05737"
+    }
+];

js/data/press.js

@@ -0,0 +1,58 @@
+export const pressMentions = [
+    {
+        title: 'Is AI A Good Companion? INTIMA Tests This Comprehensively',
+        date: '2025-09-10',
+        source: 'Forbes',
+        sourceUrl: 'https://www.forbes.com/sites/johnwerner/2025/09/10/is-ai-a-good-companion-intima-tests-this-comprehensively/',
+        areaTags: ['personal'],
+        subAreaTags: ['interaction'],
+    },
+    {
+        title: 'The problem of AI chatbots telling people what they want to hear',
+        date: '2025-09-03',
+        source: 'Financial Times',
+        sourceUrl: 'https://www.ft.com/content/72aa8c32-1fb5-49b7-842c-0a8e4766ac84',
+        areaTags: ['personal'],
+        subAreaTags: ['interaction'],
+    },
+    {
+        title: 'Should AI flatter us, fix us, or just inform us?',
+        date: '2025-08-19',
+        source: 'MIT Technology Review',
+        sourceUrl: 'https://www.technologyreview.com/2025/08/19/1122021/should-ai-flatter-us-fix-us-or-just-inform-us/',
+        areaTags: ['personal'],
+        subAreaTags: ['interaction'],
+    },
+    {
+        title: ' Will AI really wipe out white collar jobs? Tech insiders are split ',
+        date: '2025-07-21',
+        source: 'CNN',
+        sourceUrl: 'https://www.cnn.com/2025/07/21/tech/ai-replace-human-workers-tech-insiders-split',
+        areaTags: ['ecosystems'],
+        subAreaTags: ['labor'],
+    },
+    {
+        title: 'How Much Energy Does Your AI Prompt Use? I Went to a Data Center to Find Out.',
+        date: '2025-06-26',
+        source: 'Wall Street Journal',
+        sourceUrl: 'hhttps://www.wsj.com/tech/ai/ai-prompt-video-energy-electricity-use-046766d6',
+        areaTags: ['efficiency'],
+        subAreaTags: ['measuring', 'environment'],
+    },
+    {
+        title: 'Study reveals how much energy AI uses to answer your questions',
+        date: '2025-06-25',
+        source: 'CNN',
+        sourceUrl: 'https://www.cnn.com/2025/06/22/climate/ai-prompt-carbon-emissions-environment-wellness',
+        areaTags: ['efficiency'],
+        subAreaTags: ['measuring', 'efficient'],
+    },
+    {
+        title: 'European tech’s most influential lobbyists',
+        date: '2025-04-17',
+        source: 'Sifted',
+        sourceUrl: 'https://sifted.eu/articles/european-tech-startups-lobbyists',
+        areaTags: ['rights'],
+        subAreaTags: ['general', 'open'],
+    },
+];

js/data/resources.js

@@ -0,0 +1,51 @@
+export const sampleResources = [
+    {
+        title: 'Archive Explorer: AI, Labor and the Economy 2022-2025',
+        type: 'space',
+        date: '2025-09-04',
+        description: 'The Labor Archive Explorer is a tool for exploring a dataset of news articles and other writings about AI, labor, and the economy from the release of ChatGPT to July 2025.',
+        url: 'https://huggingface.co/spaces/hfmlsoc/labor-archive-explorer',
+        areaTags: ['ecosystems'],
+        subAreaTags: ['labor'],
+        embedUrl: "https://hfmlsoc-labor-archive-explorer.static.hf.space"
+    },
+    {
+        title: 'INTIMA Companionship Benchmark Dataset',
+        type: 'dataset',
+        date: '2025-08-04',
+        description: 'INTIMA (Interactions and Machine Attachment) is a benchmark designed to evaluate companionship behaviors in large language models (LLMs). It measures whether AI systems reinforce, resist, or remain neutral in response to emotionally and relationally charged user inputs.',
+        url: 'https://huggingface.co/datasets/AI-companionship/INTIMA',
+        areaTags: ['personal'],
+        subAreaTags: ['interaction'],
+        embedUrl: "https://huggingface.co/datasets/AI-companionship/INTIMA/embed/viewer/default/train"
+    },
+    {
+        title: 'EU AI Act: Developer Requirements Flowchart',
+        type: 'space',
+        date: '2025-08-01',
+        description: 'A guide for open and open-source developers to understand their requirements under the EU AI Act.',
+        url: 'https://huggingface.co/spaces/hfmlsoc/os_gpai_guide_flowchart',
+        areaTags: ['rights'],
+        subAreaTags: ['specific', 'open'],
+        embedUrl: "https://hfmlsoc-os-gpai-guide-flowchart.static.hf.space"
+    },
+    {
+        title: 'Environmental Transparency Explorer Tool 🕵️‍♀️🌎',
+        type: 'space',
+        date: '2025-06-18',
+        description: 'A tool for exploring the the data from \'Misinformation by Omission: The Need for More Environmental Transparency in AI\' showing trends in environmental transparency over time.',
+        url: 'https://huggingface.co/spaces/sasha/environmental-transparency',
+        areaTags: ['efficiency'],
+        subAreaTags: ['measuring'],
+        embedUrl: "https://sasha-environmental-transparency.hf.space"
+    },
+    {
+        title: 'CIVICS Civics Benchmark Dataset',
+        type: 'dataset',
+        date: '2024-04-29',
+        description: '“CIVICS: Culturally-Informed & Values-Inclusive Corpus for Societal Impacts” is a dataset designed to evaluate the social and cultural variation of Large Language Models (LLMs) towards socially sensitive topics across multiple languages and cultures. The hand-crafted, multilingual dataset of statements addresses value-laden topics, including LGBTQI rights, social welfare, immigration, disability rights, and surrogacy. CIVICS is designed to elicit responses from LLMs to shed light on how values encoded in their parameters shape their behaviors.',
+        url: 'https://huggingface.co/datasets/llm-values/CIVICS',
+        areaTags: ['personal'],
+        subAreaTags: ['interaction']
+    },
+];

js/data/team.js

@@ -0,0 +1,35 @@
+// team.js - Team member data
+export const teamMembers = [
+    { 
+        name: 'Yacine Jernite', 
+        role: 'Head of ML & Society', 
+        username: 'yjernite', 
+        tags: ['rights', 'ecosystems'] 
+    },
+    { 
+        name: 'Sasha Luccioni', 
+        role: 'AI & Climate Lead', 
+        username: 'sasha', 
+        tags: ['efficiency'] 
+    },
+    { 
+        name: 'Giada Pistilli', 
+        role: 'Principal Ethicist', 
+        username: 'giadap', 
+        tags: ['personal'] 
+    },
+    { 
+        name: 'Lucie-Aimée Kaffee', 
+        role: 'Applied Policy Researcher, EU Policy', 
+        username: 'frimelle', 
+        tags: ['ecosystems', 'rights'] 
+    }
+];
+
+// Tag data for team member areas of expertise
+export const teamTagData = {
+    'efficiency': { name: 'Efficiency, Costs & Environment', id: 'efficiency' },
+    'personal': { name: 'Consent & Personal Interactions', id: 'personal' },
+    'rights': { name: 'Rights & Regulation', id: 'rights' },
+    'ecosystems': { name: 'Socio-economic & Technical Ecosystems', id: 'ecosystems' }
+};