add files

cjerzak · cjerzak · commit ba2604486099 · 2026-02-03T18:34:02.000-06:00
diff --git a/README.md b/README.md
@@ -1,2 +1,5 @@
 # AIandGlobalDevelopmentLab.github.io
-Website for AI &amp; GLobal Development Lab
+Overview site for the AI &amp; Global Development Lab.
+
+- Main lab hub: https://aidevlab.org
+- Data feeds: `/api/publications.json`, `/api/team.json`, `/api/resources.json`
diff --git a/_config.yml b/_config.yml
@@ -6,6 +6,19 @@ description: >-
 url: "https://aiandglobaldevelopmentlab.github.io"
 baseurl: ""
 
+# Main lab hub (WordPress)
+main_site:
+  url: "https://aidevlab.org"
+  name: "aidevlab.org"
+  links:
+    research: "https://aidevlab.org/research/"
+    data: "https://aidevlab.org/data/"
+    code: "https://aidevlab.org/code/"
+    rankings: "https://aidevlab.org/rankings/"
+    positions: "https://aidevlab.org/positions/"
+    visualizations: "https://aidevlab.org/visualizations/"
+    videos: "https://aidevlab.org/videos/"
+
 # Build settings
 markdown: kramdown
 highlighter: rouge
diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -1,4 +1,7 @@
 main:
+  - title: Main Site
+    url: https://aidevlab.org
+    external: true
   - title: Research
     url: /research/
   - title: Team
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -29,6 +29,7 @@ <h4>Lab</h4>
           <div class="footer-column">
             <h4>Connect</h4>
             <ul>
+              <li><a href="{{ site.main_site.url }}" target="_blank" rel="noopener">{{ site.main_site.name }}</a></li>
               <li><a href="{{ '/work-with-us/' | relative_url }}">Work With Us</a></li>
               <li><a href="{{ '/contact/' | relative_url }}">Contact</a></li>
               <li><a href="https://planetarycausalinference.org" target="_blank" rel="noopener">PlanetaryCausalInference.org</a></li>
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,4 +1,12 @@
 <header class="site-header">
+  <div class="site-notice" role="region" aria-label="Main lab site">
+    <div class="container">
+      <p class="site-notice-text">
+        For datasets, rankings, videos, and the full archive, visit
+        <a href="{{ site.main_site.url }}" target="_blank" rel="noopener">{{ site.main_site.name }}</a>.
+      </p>
+    </div>
+  </div>
   <div class="container">
     <nav class="nav">
       <a href="{{ '/' | relative_url }}" class="nav-logo">
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -15,7 +15,7 @@ html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   scroll-behavior: smooth;
-  scroll-padding-top: 88px;
+  scroll-padding-top: var(--site-header-height, 88px);
 }
 
 body {
diff --git a/_sass/_components.scss b/_sass/_components.scss
@@ -128,6 +128,24 @@
   font-size: $font-size-body;
 }
 
+.card-link {
+  display: block;
+  color: $color-black;
+  text-decoration: none;
+
+  &:hover {
+    color: $color-black;
+  }
+
+  .link-arrow {
+    color: $color-accent;
+  }
+
+  &:hover .link-arrow::after {
+    transform: translateX(4px);
+  }
+}
+
 // Theme cards (for homepage)
 .theme-card {
   text-align: center;
diff --git a/api/publications.json b/api/publications.json
@@ -0,0 +1,5 @@
+---
+layout: null
+permalink: /api/publications.json
+---
+{{ site.data.publications | jsonify }}
diff --git a/api/resources.json b/api/resources.json
@@ -0,0 +1,5 @@
+---
+layout: null
+permalink: /api/resources.json
+---
+{{ site.data.resources | jsonify }}
diff --git a/api/team.json b/api/team.json
@@ -0,0 +1,5 @@
+---
+layout: null
+permalink: /api/team.json
+---
+{{ site.data.team | jsonify }}
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -19,6 +19,11 @@
 // Components
 @import "components";
 
+// CSS custom properties that get updated via JS
+:root {
+  --site-header-height: 72px;
+}
+
 // ===========================================
 // Header
 // ===========================================
@@ -34,6 +39,33 @@
   z-index: 100;
 }
 
+.site-notice {
+  background: linear-gradient(
+    90deg,
+    rgba($color-accent, 0.08),
+    rgba($color-accent-2, 0.06),
+    rgba($color-accent, 0.08)
+  );
+  border-bottom: 1px solid rgba($color-black, 0.08);
+}
+
+.site-notice-text {
+  margin: 0;
+  padding: 10px 0;
+  font-size: $font-size-small;
+  color: $color-gray-600;
+  text-align: center;
+
+  a {
+    color: $color-black;
+    font-weight: $font-weight-medium;
+
+    &:hover {
+      color: $color-accent;
+    }
+  }
+}
+
 .nav {
   display: flex;
   align-items: center;
@@ -111,7 +143,7 @@
 
   .nav-menu {
     position: fixed;
-    top: 72px;
+    top: var(--site-header-height, 72px);
     left: 0;
     right: 0;
     bottom: 0;
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -6,6 +6,27 @@
 (function() {
   'use strict';
 
+  // Keep CSS var in sync with sticky header height
+  function initHeaderHeightVar() {
+    const header = document.querySelector('.site-header');
+    if (!header) return;
+
+    function setHeaderHeightVar() {
+      document.documentElement.style.setProperty('--site-header-height', header.offsetHeight + 'px');
+    }
+
+    let resizeRaf = null;
+    window.addEventListener('resize', function() {
+      if (resizeRaf) cancelAnimationFrame(resizeRaf);
+      resizeRaf = requestAnimationFrame(function() {
+        resizeRaf = null;
+        setHeaderHeightVar();
+      });
+    });
+
+    setHeaderHeightVar();
+  }
+
   // Mobile Navigation Toggle
   function initMobileNav() {
     const toggle = document.querySelector('.nav-toggle');
@@ -158,6 +179,7 @@
 
   // Initialize on DOM ready
   document.addEventListener('DOMContentLoaded', function() {
+    initHeaderHeightVar();
     initMobileNav();
     initPublicationFilters();
     initAccordion();
diff --git a/data-code.md b/data-code.md
@@ -7,7 +7,10 @@ description: Open-source software and datasets from the AI & Global Development
 <div class="page-header page-header-left">
   <div class="container">
     <h1>Data & Code</h1>
-    <p class="page-description">We release open-source software and datasets to enable reproducible research. All tools are freely available for academic use.</p>
+    <p class="page-description">
+      We release open-source software and datasets to enable reproducible research. All tools are freely available for academic use.
+      For additional listings, see <a href="{{ site.main_site.links.data }}" target="_blank" rel="noopener">{{ site.main_site.name }}/data</a> and <a href="{{ site.main_site.links.code }}" target="_blank" rel="noopener">{{ site.main_site.name }}/code</a>.
+    </p>
   </div>
 </div>
 
@@ -58,3 +61,15 @@ description: Open-source software and datasets from the AI & Global Development
     <p class="mt-4">For questions about accessing our data or using our software, please <a href="{{ '/contact/' | relative_url }}">contact us</a>.</p>
   </div>
 </section>
+
+<section class="section section-gray">
+  <div class="container container-narrow">
+    <h2 class="section-title">Machine-Readable Feeds</h2>
+    <p class="text-muted">Structured lab data from this site (JSON):</p>
+    <ul>
+      <li><a href="{{ '/api/publications.json' | relative_url }}">Publications</a></li>
+      <li><a href="{{ '/api/team.json' | relative_url }}">Team</a></li>
+      <li><a href="{{ '/api/resources.json' | relative_url }}">Resources</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/gallery.md b/gallery.md
@@ -7,7 +7,10 @@ description: Visual showcase of research outputs from the AI & Global Developmen
 <div class="page-header">
   <div class="container">
     <h1>Gallery</h1>
-    <p class="page-description">Satellite imagery, data visualizations, and research outputs from our work on global development.</p>
+    <p class="page-description">
+      Satellite imagery, data visualizations, and research outputs from our work on global development.
+      For interactive visualizations, visit <a href="{{ site.main_site.links.visualizations }}" target="_blank" rel="noopener">{{ site.main_site.name }}/visualizations</a>.
+    </p>
   </div>
 </div>
 
diff --git a/index.md b/index.md
@@ -11,6 +11,7 @@ title: Home
       <div class="btn-group btn-group-center">
         <a href="{{ '/research/' | relative_url }}" class="btn btn-primary">Explore Research</a>
         <a href="{{ '/work-with-us/' | relative_url }}" class="btn btn-secondary">Join Us</a>
+        <a href="{{ site.main_site.url }}" class="btn btn-ghost" target="_blank" rel="noopener">Main Site</a>
       </div>
     </div>
   </div>
@@ -73,3 +74,52 @@ title: Home
     </div>
   </div>
 </section>
+
+<section class="section">
+  <div class="container">
+    <h2 class="section-title text-center">More on aidevlab.org</h2>
+    <p class="text-center text-muted">Our main lab hub hosts datasets, rankings, visualizations, and more.</p>
+
+    <div class="grid grid-3 mt-6">
+      <a class="card card-link" href="{{ site.main_site.links.research }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Research Archive</h3>
+        <p class="card-description">Full project pages and BibTeX downloads.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+
+      <a class="card card-link" href="{{ site.main_site.links.data }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Data</h3>
+        <p class="card-description">Datasets, access notes, and documentation.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+
+      <a class="card card-link" href="{{ site.main_site.links.code }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Code</h3>
+        <p class="card-description">Software, tools, and repositories.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+
+      <a class="card card-link" href="{{ site.main_site.links.rankings }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Rankings</h3>
+        <p class="card-description">Indices and rankings built from EO + surveys.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+
+      <a class="card card-link" href="{{ site.main_site.links.visualizations }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Visualizations</h3>
+        <p class="card-description">Interactive maps and figures.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+
+      <a class="card card-link" href="{{ site.main_site.links.positions }}" target="_blank" rel="noopener">
+        <h3 class="card-title">Positions</h3>
+        <p class="card-description">Openings and opportunities to work with us.</p>
+        <span class="link-arrow mt-3">Explore</span>
+      </a>
+    </div>
+
+    <div class="mt-6 text-center">
+      <a class="link-arrow" href="{{ site.main_site.links.videos }}" target="_blank" rel="noopener">Watch lab talks</a>
+    </div>
+  </div>
+</section>
diff --git a/research.md b/research.md
@@ -7,7 +7,10 @@ description: Publications from the AI & Global Development Lab spanning poverty
 <div class="page-header page-header-left">
   <div class="container">
     <h1>Research</h1>
-    <p class="page-description">Our work spans poverty mapping, conflict analysis, sustainability measurement, and causal inference methodology. All publications are organized by year.</p>
+    <p class="page-description">
+      Our work spans poverty mapping, conflict analysis, sustainability measurement, and causal inference methodology. All publications are organized by year.
+      For full project pages and BibTeX downloads, visit <a href="{{ site.main_site.links.research }}" target="_blank" rel="noopener">{{ site.main_site.name }}/research</a>.
+    </p>
   </div>
 </div>
 
diff --git a/work-with-us.md b/work-with-us.md
@@ -11,7 +11,9 @@ We are always looking for motivated researchers who want to work on problems tha
 
 ## Current Openings
 
-Check back for specific openings, or reach out if you're interested in joining the lab.
+Current openings are posted on our main site: [{{ site.main_site.name }}/positions]({{ site.main_site.links.positions }}).
+
+If nothing is listed, reach out if you're interested in joining the lab.
 
 ---
 

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ html {`
`15`	`15`	`-webkit-font-smoothing: antialiased;`
`16`	`16`	`-moz-osx-font-smoothing: grayscale;`
`17`	`17`	`scroll-behavior: smooth;`
`18`		`- scroll-padding-top: 88px;`
	`18`	`+ scroll-padding-top: var(--site-header-height, 88px);`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`body {`