Upload 2 files

js/data/areas.js

@@ -1,8 +1,11 @@
-// areas.js - Centralized areas data
+// areas.js - Centralized areas data - SINGLE SOURCE OF TRUTH
+// All content, titles, navigation labels, and section IDs are defined here
 export const areasData = {
     efficiency: {
+        id: 'efficiency',
         name: 'Efficiency',
         title: 'Efficiency, Costs, and Environment',
+        navTitle: 'Sustainability & Efficiency',  // Short title for navigation
         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',
@@ -19,21 +22,27 @@ export const areasData = {
         imageSourceUrl: 'https://betterimagesofai.org/images?artist=HannaBarakat&title=WeavingWires2',
         subAreas: {
             environment: {
+                id: 'environment',
                 name: 'Environmental impact across the supply chains',
+                navName: 'Environmental Impact',  // Short name for navigation
                 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: {
+                id: 'measuring',
                 name: 'Measuring energy and financial costs',
+                navName: 'Energy & Financial Costs',  // Short name for navigation
                 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: {
+                id: 'efficient',
                 name: 'Making AI less compute-intensive',
+                navName: 'Compute Efficiency',  // Short name for navigation
                 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',
@@ -43,8 +52,10 @@ export const areasData = {
         imagePosition: 'left'
     },
     personal: {
+        id: 'personal',
         name: 'Personal',
         title: 'Consent and Personal Interactions',
+        navTitle: 'Personal & Community',  // Short title for navigation
         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',
@@ -61,14 +72,18 @@ export const areasData = {
         imageSourceUrl: 'https://betterimagesofai.org/images?artist=KathrynConrad&title=Datafication',
         subAreas: {
             interaction: {
+                id: 'interaction',
                 name: 'Characterizing personal and parasocial AI interactions',
+                navName: 'Personal Interactions',  // Short name for navigation
                 description: 'Interactions between individuals and AI systems, whether active in the use of chatbots or passive when people are affected by the output of AI systems, are shaped by the values, behaviors, and priorities of the developers and the technology.',
                 openness: 'Open access to the training datasets, development approaches, and trained models is necessary not just for developing methods to characterize and trace these characteristics of the systems, but to adapt them to the needs and desires of different communities of users.',
                 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: {
+                id: 'privacy',
                 name: 'Consent and privacy',
+                navName: 'Consent & Privacy',  // Short name for navigation
                 description: 'Consent and privacy are intrinsically linked notions in the context of AI systems, as questions on both typically revolve around where and how a person\'s data or digital identity is used in the training or deployment of AI systems. These raise questions about the use of sensitive data, the value of creative works, surveillance dynamics at scale, and generally the conditions for access to digital infrastructure.',
                 openness: 'Open access or sufficient transparency into training data and inputs of AI systems are necessary to support informed consent, and access to open models enables uses of the technology that do not require users to give away their or other people\'s data.',
                 color: 'bg-violet-100 text-violet-800',
@@ -78,8 +93,10 @@ export const areasData = {
         imagePosition: 'right'
     },
     rights: {
+        id: 'rights',
         name: 'Rights',
         title: 'Rights and Regulations',
+        navTitle: 'Rights & Regulation',  // Short title for navigation
         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',
@@ -96,21 +113,27 @@ export const areasData = {
         imageSourceUrl: 'https://betterimagesofai.org/images?artist=EmilyRand&title=AICity',
         subAreas: {
             general: {
+                id: 'general',
                 name: 'How does existing regulation apply to AI',
+                navName: 'Existing Regulation',  // Short name for navigation
                 description: 'Existing regulations, especially regulations governing transfers of data and use of algorithms in sensitive domains like healthcare or education, also apply to AI systems. However, the unprecedented scale of data and automation involved in this new technical paradigm can challenge previous understandings of the mechanisms for applying those regulations.',
                 openness: 'Open access to AI systems enables independent research led by legal and domain experts of regulated domains to explore the existing and new legal questions raised by the technology without having to rely on the interpretations of a few model developers.',
                 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: {
+                id: 'specific',
                 name: 'Navigating new AI-specific regulation',
+                navName: 'AI-Specific Regulation',  // Short name for navigation
                 description: 'Artificial Intelligence has also required new regulatory attention in the form of AI-specific legislation, such as the EU AI Act and several US state and federal bills. These have raised important questions about which risks to prioritize in legislative actions, and how to arbitrated between different interests and perspectives on the technology.',
                 openness: 'Open access to AI systems has enabled more robust evaluation of the capabilities and limitations of AI systems, and of the resource trade-offs and externalities involved in their development and deployment.',
                 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: {
+                id: 'open',
                 name: 'The place of open-source in regulation',
+                navName: 'Open-Source in Regulation',  // Short name for navigation
                 description: 'While open-source software and open development of AI systems are often seen as a cornerstone of innovation and technology development, they are often relegated to a last-minute consideration in regulatory discussions, which can be particularly damaging given the diversity of development contexts and developer and researcher profiles who participate in it.',
                 openness: 'Open research and centralized resources for legal compliance in open-source and collaborative development settings helps lower barriers to participation that could be insurmountable for the often less-resourced organizations doing much of the most publicly beneficial work.',
                 color: 'bg-pink-100 text-pink-800',
@@ -120,8 +143,10 @@ export const areasData = {
         imagePosition: 'left'
     },
     ecosystems: {
+        id: 'ecosystems',
         name: 'Ecosystems',
         title: 'Socio-economic and Technical Ecosystems',
+        navTitle: 'Tech+(*) Ecosystems',  // Short title for navigation
         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',
@@ -138,21 +163,27 @@ export const areasData = {
         imageSourceUrl: 'https://betterimagesofai.org/images?artist=LoneThomasky&title=DigitalSocietyBell',
         subAreas: {
             labor: {
+                id: 'labor',
                 name: 'Labor impacts of AI',
+                navName: 'Labor Impacts',  // Short name for navigation
                 description: 'Given the ubiquity of data and algorithmic systems in the economy, AI is likely to have a significant impact on labor conditions and opportunities, and to displace certain types of value from workers to technology developers. Understanding to how, to what extent, and how to locate development so AI benefits its adopters and not just its developers will require significant work from all categories of stakeholders.',
                 openness: 'Open access to AI systems can enable both more reliable research into the fitness for purpose of AI systems in workplaces, the disparate cost of its development, and enable its development and control by organizations that are closer to the context and interests of its adopters.',
                 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: {
+                id: 'power',
                 name: 'Power, monopolies, and sovereignty',
+                navName: 'Power & Monopolies',  // Short name for navigation
                 description: 'As a few companies have come to dominate the development and resources that support the most visible AI systems, market concentration dynamics and technological sovereignty questions will play a significant role in determining the positive and negative outcomes of the technology.',
                 openness: 'Open access and open development of AI systems has enabled access to the technology that is less dependent on the resources of a few companies, more transparent to regulators, and shaped by a greater variety of actors.',
                 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: {
+                id: 'usage',
                 name: 'How and where is (open) AI used',
+                navName: 'AI Usage Patterns',  // Short name for navigation
                 description: 'Understanding how and where AI is used and what data and compute resources support its development and deployment is essential to understanding its impact on society. This includes studying which domains it is more or less suitable for, how AI systems are adapted and transformed by different actors, and where the data that supports its development comes from.',
                 openness: 'Documentation and transparency of the components and use cases of AI systems supports research by broader domains of expertise.',
                 color: 'bg-purple-100 text-purple-800',
@@ -175,4 +206,36 @@ export const overallBackgroundImage = {
     attribution: 'Jamillah Knowles & Digit | BetterImagesOfAI, CC-BY-4.0',
     altText: 'A pink and yellow abstract image of an office with people working, chatting and walking around. Above their heads are clouds of network connections.  It was painted with guache and drawn with pencils.',
     sourceUrl: 'https://betterimagesofai.org/images?artist=JamillahKnowles&title=PinkOffice'
-};
+};
+
+// Helper function to generate navigation structure from areasData
+// This is the SINGLE SOURCE OF TRUTH for all navigation
+export function getNavigationData() {
+    return Object.values(areasData).map(area => ({
+        id: area.id,
+        navTitle: area.navTitle,
+        title: area.title,
+        topics: Object.values(area.subAreas).map(subArea => ({
+            id: subArea.id,
+            navName: subArea.navName,
+            name: subArea.name
+        }))
+    }));
+}
+
+// Get navigation structure for a specific area
+export function getAreaNavigation(areaId) {
+    const area = areasData[areaId];
+    if (!area) return null;
+    
+    return {
+        id: area.id,
+        navTitle: area.navTitle,
+        title: area.title,
+        topics: Object.values(area.subAreas).map(subArea => ({
+            id: subArea.id,
+            navName: subArea.navName,
+            name: subArea.name
+        }))
+    };
+}

js/data/team.js

@@ -1,4 +1,6 @@
 // team.js - Team member data
+import { areasData } from './areas.js';
+
 export const teamMembers = [
     { 
         name: 'Yacine Jernite', 
@@ -27,9 +29,11 @@ export const teamMembers = [
 ];
 
 // Tag data for team member areas of expertise
-export const teamTagData = {
-    'efficiency': { name: 'Efficiency, Costs & Environment' },
-    'personal': { name: 'Consent & Personal Interactions' },
-    'rights': { name: 'Rights & Regulation' },
-    'ecosystems': { name: 'Socio-economic & Technical Ecosystems' }
-};
+// Generated from areas.js to maintain single source of truth
+export const teamTagData = {};
+Object.keys(areasData).forEach(areaId => {
+    teamTagData[areaId] = { 
+        id: areaId,
+        name: areasData[areaId].title 
+    };
+});